---
title: "Colorful"
description: "Warm amber accent with Inter typography and a clean layout"
canonical_url: "https://docs.farming-labs.dev/docs/themes/colorful"
markdown_url: "https://docs.farming-labs.dev/docs/themes/colorful.md"
last_updated: "2018-10-20"
agent:
  tokenBudget: 750
---

# Colorful

## Colorful task

Task: Colorful

Expected result: Warm amber accent with Inter typography and a clean layout

## Colorful verification



## Colorful agent guidance

Apply this preset with `colorful` from `@farming-labs/theme/colorful`, `theme: colorful()` in `docs.config.ts`, and `@import "@farming-labs/theme/colorful/css"` in `app/global.css`.
Check for the amber `hsl(40, 96%, 40%)` primary, 768px content width, and directional TOC; the documented overrides are `ui.colors.primary` and `ui.layout.contentWidth`.
If the config compiles but those defaults are absent, make the CSS subpath match the `colorful` factory before changing theme tokens.

## 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).