Tokens
The tokens a style sets, and what reads them. A style is data: seven colours per mode, three fonts, a radius and a size.
Style tokens
Set by Theme from a Style; everything else derives from these.
| Token | Brand value | From |
|---|---|---|
--kh-p-canvas | #faf9f7 | colors.canvas |
--kh-p-surface | #ffffff | colors.surface |
--kh-p-ink | #17171a | colors.ink |
--kh-p-muted | #6b6b75 | colors.muted |
--kh-p-line | #e8e6e1 | colors.line |
--kh-p-accent | #1c6ee0 | colors.accent |
--kh-p-accent-fg | #ffffff | colors.accentFg |
--kh-font-display | Geist | fonts.display |
--kh-font-sans | Geist | fonts.sans |
--kh-font-mono | Geist Mono | fonts.mono |
--kh-radius | 8px | radius |
--kh-size | 16px | size |