@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

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

Create your own theme

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