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
Customize
Live preview on these docs
Reset
Customize
Export Code
Preset
Explore more themes
Primary Color
Primary
Colors
Background
Foreground
Muted Text
Border
Card
Muted BG
Ring
Layout
SidebarBordered
TOC StyleDirectional (tree)
TOC DepthH2 + H3
Ask AI
ModeFloating
Floating StyleFull Modal
PositionBottom Right
Features