Theme Customizer
Adjust design tokens live and export a CSS child theme for your own project.
Live Preview
SitkaComponentsFoundationsTokens
Custom theme
The quick brown fox
Sitka bridges engineering and design with a single source of truth — consistent, accessible, and built to scale.
Buttons
Badges
DefaultAccentSuccessWarningError
Card
Button component
Primary interactive element for confirmatory actions.
Form Controls
Table
| Token | Value | Type |
|---|---|---|
| --accent | #00c0e8 | Color |
| --background | #09090c | Color |
| --radius | 6px | Dimension |
| --text-primary | #f2f2f6 | Color |
/* No changes from defaults — all tokens match the Sitka baseline. */
Import after sitka-tokens.css to override defaults without touching the core library.