Home /

docs

Hardline Theme

hardline() is the original hard-edge preset: square corners, bold borders, and sharp high-contrast surfaces.

If you want something more brutalist and poster-like, use Concrete instead.

Usage

docs.config.ts
import { defineDocs } from "@farming-labs/docs";
import { hardline } from "@farming-labs/theme/hardline";

export default defineDocs({
  entry: "docs",
  theme: hardline(),
});
app/global.css
@import "tailwindcss";
@import "@farming-labs/theme/hardline/css";

Defaults

PropertyValue
Primary#ffd335
Background#f2efe8 (light), #0f0f10 (dark)
Border radius0px
Content width860px
Sidebar width300px