Loading...
Complete theme variables, export options, and customization tools
CSS custom properties for base theming
Background
--backgroundDefault background color
Foreground
--foregroundDefault text color
Card
--cardCard background color
Card Foreground
--card-foregroundCard text color
Popover
--popoverPopover background
Popover Foreground
--popover-foregroundPopover text
CSS custom properties for brand theming
Primary
--primaryPrimary brand color
Primary Foreground
--primary-foregroundText on primary
Secondary
--secondarySecondary brand color
Secondary Foreground
--secondary-foregroundText on secondary
CSS custom properties for semantic theming
Muted
--mutedMuted backgrounds
Muted Foreground
--muted-foregroundMuted text
Accent
--accentAccent color
Accent Foreground
--accent-foregroundText on accent
Destructive
--destructiveError/danger color
Destructive Foreground
--destructive-foregroundText on destructive
Success
--successSuccess color
Success Foreground
--success-foregroundText on success
CSS custom properties for ui theming
Border
--borderDefault border color
Input
--inputInput border color
Ring
--ringFocus ring color
Radius
--radiusBorder radius
CSS custom properties for sidebar theming
Sidebar Background
--sidebar-backgroundSidebar background
Sidebar Foreground
--sidebar-foregroundSidebar text
Sidebar Primary
--sidebar-primarySidebar primary
Sidebar Border
--sidebar-borderSidebar borders