> ## Documentation Index
> Fetch the complete documentation index at: https://docs.inklyai.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Theme tokens

> Shared color, font, and radius overrides for a hub.

Theme tokens let you tune the hub's visual style without designing a full theme from scratch. Use them for brand color, supporting color, font, and corner radius.

Hub tokens apply across the hub. Individual demos can still override them when one demo needs a different look.

| Field       | Type     | Required | Default | Notes                                                                       |
| ----------- | -------- | -------- | ------- | --------------------------------------------------------------------------- |
| `primary`   | `string` | No       | —       | Hex color (`#rgb`, `#rrggbb`, or `#rrggbbaa`). The leading `#` is required. |
| `secondary` | `string` | No       | —       | Hex color, same format as `primary`.                                        |
| `font`      | `string` | No       | —       | CSS font-family stack. Must be non-empty.                                   |
| `radius`    | `string` | No       | —       | CSS length for corner radius, such as `12px`. Must be non-empty.            |

```json theme={null}
{
  "tokens": {
    "primary": "#5B6CFF",
    "secondary": "#111827",
    "font": "Inter, sans-serif",
    "radius": "12px"
  }
}
```

Demo-level tokens can override these values for one demo. See [Top-level fields](/schema/demo/top-level#theme-override).