---
title: "Colors"
description: "Override any color token from config"
canonical_url: "https://docs.farming-labs.dev/docs/customization/colors"
markdown_url: "https://docs.farming-labs.dev/docs/customization/colors.md"
last_updated: "2026-10-17"
agent:
  tokenBudget: 750
---

<!-- @farming-labs/docs:generated
version=1
sourceKind=resolved-page
sourceHash=fnv1a64:868072b335139257
settingsHash=fnv1a64:b2106dff2d4f1f98
outputHash=fnv1a64:3ef315ed2e252ae5
generatedAt=2026-08-20T10:20:45.296Z
-->
# Colors

## Colors task

Task: Colors

Expected result: Override any color token from config

## Colors verification



## Colors agent guidance

Theme color overrides live under `theme(...).ui.colors` in `docs.config.ts` or `docs.config.tsx`;
only the required keys belong there, without replacing the preset CSS for one token. Each value must
be a valid CSS color and maps to its documented `--color-fd-*` variable, such as `primary` to
`--color-fd-primary`.

Verify that the target variable changes while omitted tokens still come from the preset in light and
dark mode. If an override produces the wrong theme behavior, omitting that key restores the preset
default; the replacement value can be valid hex, rgb, hsl, or oklch.

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