Customize

Make your documentation site uniquely yours with themes, fonts, and custom components.

Theming

Choose from built-in themes or create your own:

import { greentree } from "@farming-labs/theme/greentree";

export default defineDocs({
  theme: greentree({
    /* overrides */
  }),
});

Nine built-in themes:

Theme	Description
`fumadocs`	Default theme with clean design
`darksharp`	All-black, sharp corners
`pixel-border`	Refined dark UI inspired by better-auth.com
`colorful`	Fumadocs-style neutral with description support
`greentree`	Green-accented Mintlify-inspired theme
`darkbold`	Monochrome Vercel-inspired theme
`shiny`	Glossy modern theme
`hardline`	Hard-edge high-contrast interface
`concrete`	Brutalist poster-style interface with loud depth

Override any theme value:

theme: greentree({
  ui: {
    colors: { primary: "#FF6B35" },
    sidebar: { style: "bordered" },
  },
});

Make your documentation site uniquely yours with themes, fonts, and custom components.

Choose from built-in themes or create your own:

import { greentree } from "@farming-labs/theme/greentree";

export default defineDocs({
  theme: greentree({
    /* overrides */
  }),
});

Nine built-in themes:

Theme	Description
`fumadocs`	Default theme with clean design
`darksharp`	All-black, sharp corners
`pixel-border`	Refined dark UI inspired by better-auth.com
`colorful`	Fumadocs-style neutral with description support
`greentree`	Green-accented Mintlify-inspired theme
`darkbold`	Monochrome Vercel-inspired theme
`shiny`	Glossy modern theme
`hardline`	Hard-edge high-contrast interface
`concrete`	Brutalist poster-style interface with loud depth

Override any theme value:

theme: greentree({
  ui: {
    colors: { primary: "#FF6B35" },
    sidebar: { style: "bordered" },
  },
});