# Colorful
URL: /docs/themes/colorful
LLM index: /llms.txt
Description: Warm amber accent with Inter typography and a clean layout

# Colorful Theme

Use this page when the user asks about this topic: Warm amber accent with Inter typography and a clean layout.
Keep answers grounded in the exact options, routes, commands, and examples documented here.
If the request moves beyond this page, point to the closest related docs instead of inventing config.

A warm, vibrant theme with an amber primary accent, Inter typography, and directional TOC styling.

## Usage

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

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

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

## Defaults

| Property      | Value                       |
| ------------- | --------------------------- |
| Primary       | `hsl(40, 96%, 40%)` (Amber) |
| Background    | `#ffffff`                   |
| Border        | `#e5e7eb`                   |
| Border radius | Standard                    |
| Content width | 768px                       |
| Sidebar width | 260px                       |
| TOC style     | Directional                 |

## Customizing

```tsx 
theme: colorful({
  ui: {
    colors: { primary: "hsl(210, 96%, 45%)" },
    layout: { contentWidth: 900 },
  },
}),
```