Theme definition
A Theme definition holds one Theme's design tokens, read by every Component that renders under it.
| Property | Value |
|---|---|
| Path | brand/ |
| Holds | Theme |
| Kind | file |
| Leaders | db-first, git-first |
| Team | Product Team |
| Written by | Change.merge |
| Compiled by | SiteBuilder |
Example
brand/ in a Startup repository.
---
tokens:
accent: { light: '#1f6f5c', dark: '#5fc2a7' }
surface: { light: '#ffffff', dark: '#0f1412' }
radius: { light: 6px, dark: 6px }
font: { light: Inter, dark: Inter }
---Props
The frontmatter keys the file takes. The body is its prose.
| Prop | Type | Required | Description |
|---|---|---|---|
tokens | json | required | The design tokens, each with a light and a dark value. |
Generates
SiteBuilder compiles it into these records, Verbs and routes.
| Kind | What |
|---|---|
| Records | Theme |
| Verbs | None. |
| Routes | None. |