Current Theme
Active Theme
dark Mode
How It Works
- • Theme is persisted in localStorage as
centercode-theme - • All colors use CSS variables that change based on the theme class
- • Tailwind v4 uses @variant directive for dark mode support
- • Default theme: dark
Semantic Token Swatches
Background
Foreground
Card
Primary
Secondary
Muted
Destructive
Success
Warning
Info
Border
Accent
Brand Color Palette
Gray Scale
Gray 100
Gray 300
Gray 500
Gray 700
Gray 900
Brand Colors
Red 500
Orange 400
Yellow 400
Green 500
Teal 500
Blue 400
Purple 500
Pink 500