Draft docs for the preview build. Commands and APIs will change before release.
Theming
Components read semantic tokens, so they adopt your palette, radius and typography in light and dark themes.
Tokens
Map UICoolKit tokens to your existing design tokens once. Every component follows them.
globals.css
:root {
--accent: oklch(0.7 0.19 40);
--radius: 0.75rem;
}
.dark {
--accent: oklch(0.75 0.17 40);
}Light and dark
Both themes are designed in parallel, not inverted after the fact. Components follow your .dark class or prefers-color-scheme.