@farming-labs/docs

Each theme ships as a single CSS import and a factory function. Click Try it live on the supported presets, or click Show code to see the config files you need.

Default

Clean neutral palette with an indigo accent. Great starting point for any project.

@import "@farming-labs/theme/default/css";

Try it liveDocs

Colorful

Warm amber accent with a tree-line directional TOC. Inspired by fumadocs default.

@import "@farming-labs/theme/colorful/css";

Try it liveDocs

Darksharp

All-black with sharp edges and zero border radius. Minimal and bold.

@import "@farming-labs/theme/darksharp/css";

Try it liveDocs

Pixel Border

Refined dark UI with visible borders. Inspired by better-auth.com docs.

@import "@farming-labs/theme/pixel-border/css";

Try it liveDocs

Shiny

Shiny-inspired, polished purple

@import "@farming-labs/theme/shiny/css";

Try it liveDocs

Ledger

Stripe Docs-inspired product docs shell with tabbed navigation and navy code panels.

@import "@farming-labs/theme/ledger/css";

Try it liveDocs

DarkBold

Pure monochrome with tight Geist typography and bold, minimal surfaces.

@import "@farming-labs/theme/darkbold/css";

Try it liveDocs

GreenTree

Bold, GreenTree inspired, emerald green

@import "@farming-labs/theme/greentree/css";

Try it liveDocs

Hardline

Original hard-edge preset with square corners, bold borders, and sharp contrast.

@import "@farming-labs/theme/hardline/css";

Try it liveDocs

Concrete

Poster-style brutalist variant with offset shadows, square corners, and louder contrast.

@import "@farming-labs/theme/concrete/css";

Try it liveDocs

Command Grid

Mono-first paper-grid preset inspired by the better-cmdk landing page, with sharper docs chrome and calmer surfaces.

@import "@farming-labs/theme/command-grid/css";

Try it liveDocs

Create your own theme

Build a custom theme or publish it as an npm package — full guide in the docs.