Home /

docs

DarkBold Theme

A pure monochrome design inspired by — featuring Geist typography, tight letter-spacing, and clean minimalism.

Usage

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

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

Defaults

PropertyValue
Primary#000 (Black)
Background#fff
Border#eaeaea
Border radiusStandard
Content width768px
Sidebar width260px
FontGeist, Geist Mono

Typography

DarkBold uses the Geist font family with tighter letter-spacing for headings:

Customizing

customizing.tsx
theme: darkbold({
  ui: {
    colors: { primary: "#0070f3" },
    typography: {
      font: {
        h1: { size: "3rem", weight: 700 },
      },
    },
  },
}),