Theme Variables
Brand
Primary
--primary
Primary @ 5
Primary FG
--primary-foreground
Primary @ 0
Secondary
--secondary
Secondary @ 1
Secondary FG
--secondary-foreground
Secondary @ 8
Accent
--accent
Accent @ 5
Accent FG
--accent-foreground
Accent @ 0
Surface
Background
--background
Neutral @ 0
Foreground
--foreground
Neutral @ 9
Card
--card
Neutral @ 0
Card FG
--card-foreground
Neutral @ 9
Popover
--popover
Neutral @ 0
Popover FG
--popover-foreground
Neutral @ 9
Muted
--muted
Neutral @ 1
Muted FG
--muted-foreground
Neutral @ 6
Border
--border
Neutral @ 2
Input
--input
Neutral @ 2
Ring
--ring
Primary @ 5
Status
Destructive
--destructive
Primary @ 5
Destructive FG
--destructive-foreground
Primary @ 0
Success
--success
Accent @ 5
Success FG
--success-foreground
Accent @ 0
Warning
--warning
Accent @ 4
Warning FG
--warning-foreground
Neutral @ 9
Info
--info
Accent @ 5
Info FG
--info-foreground
Accent @ 0
Charts
Chart 1
--chart-1
Primary @ 5
Chart 2
--chart-2
Accent @ 5
Chart 3
--chart-3
Primary @ 5
Chart 4
--chart-4
Accent @ 5
Chart 5
--chart-5
Secondary @ 5
Sidebar
Sidebar
--sidebar
Neutral @ 0
Sidebar FG
--sidebar-foreground
Neutral @ 9
Sidebar Primary
--sidebar-primary
Primary @ 5
Sidebar Primary FG
--sidebar-primary-foreground
Primary @ 0
Sidebar Accent
--sidebar-accent
Secondary @ 1
Sidebar Accent FG
--sidebar-accent-foreground
Secondary @ 8
Sidebar Border
--sidebar-border
Neutral @ 2
Sidebar Ring
--sidebar-ring
Primary @ 5
JMCodes
Theme Builder
Beta
Preview
Community
Publish
Save Theme
Community Themes
Browse and apply themes shared by the community