Theme reference
Tokens
The 12 values a theme may set under tokens, and the CSS custom property each becomes.
A token the table does not name is refused, and so is a value that is not the kind beside it. themeCss(tokens) writes the ones that pass as custom properties on :root.
| Token | CSS property | Accepts |
|---|---|---|
bg | --sw-bg | A colour |
surface | --sw-surface | A colour |
fg | --sw-fg | A colour |
muted | --sw-muted | A colour |
line | --sw-line | A colour |
accent | --sw-accent | A colour |
accentFg | --sw-accent-fg | A colour |
accent2 | --sw-accent2 | A colour |
accent2Fg | --sw-accent2-fg | A colour |
radius | --sw-radius | A length |
fontSans | --sw-font-sans | A font stack |
fontMono | --sw-font-mono | A font stack |