Color Palette
Core token colors change with each preset
Primary
Secondary
Accent
Muted
Destructive
Background
Sidebar Palette
Sidebar-specific tokens for navigation components
Sidebar
Sidebar Primary
Sidebar Accent
Sidebar Border
Sidebar Ring
Sidebar FG
Chart Colors
Data visualization palette
Chart 1
Chart 2
Chart 3
Chart 4
Chart 5
Typography & Controls
Text styles and interactive elements
Heading text
Muted foreground for secondary content and descriptions.
Always Light Mode
Adding scheme-light forces light mode even when the app is in dark mode
Always Dark Mode
Adding scheme-dark forces dark mode even when the app is in light mode
App Layout Preview
How a sidebar + content layout looks with this preset
Usage: Click the preset button in the header to open the theme picker and browse 50+ presets. Your selection persists via localStorage.