---
title: "Default"
description: "Clean, neutral palette with standard border radius"
canonical_url: "https://docs.farming-labs.dev/docs/themes/default"
markdown_url: "https://docs.farming-labs.dev/docs/themes/default.md"
last_updated: "2018-10-20"
agent:
  tokenBudget: 750
---

# Default
URL: /docs/themes/default
LLM index: /llms.txt
Description: Clean, neutral palette with standard border radius
Related: /docs/themes, /docs/customization/colors, /docs/customization/typography, /docs/themes/creating-themes

# Default Theme

`fumadocs`, available from either `@farming-labs/theme` or `@farming-labs/theme/default`, pairs `theme: fumadocs()` with the separate `@farming-labs/theme/default/css` entrypoint.
The factory declares indigo/white config defaults, standard radii, a 768px content width, and a 280px sidebar; the stylesheet and color mode determine the final computed palette. `ui.colors.primary` and `ui.layout.contentWidth` are documented overrides.
If the factory resolves but styling is absent, verify the `/default/css` import and inspect the computed `--color-fd-*` variables before adding more overrides.

The default Fumadocs theme with a neutral color palette and standard border radii.

## Usage

```tsx title="docs.config.ts"
import { defineDocs } from "@farming-labs/docs";
import { fumadocs } from "@farming-labs/theme";

export default defineDocs({
  entry: "docs",
  theme: fumadocs(),
});
```

```css title="app/global.css"
@import "tailwindcss";
@import "@farming-labs/theme/default/css";
```

## Defaults

| Property      | Value              |
| ------------- | ------------------ |
| Primary       | `#6366f1` (Indigo) |
| Background    | `#ffffff`          |
| Border radius | Standard           |
| Content width | 768px              |
| Sidebar width | 280px              |

## Customizing

```tsx title="customizing.tsx"
theme: fumadocs({
  ui: {
    colors: { primary: "#22c55e" },
    layout: { contentWidth: 900 },
  },
}),
```

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.
Docs-scoped sitemap: [/docs/sitemap.md](/docs/sitemap.md).
Well-known sitemap: [/.well-known/sitemap.md](/.well-known/sitemap.md).