---
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: "2018-10-20"
agent:
  tokenBudget: 750
---

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