Themes
Browse, preview, and apply a color palette and font pairing to give your project a consistent look.
Default Themes
Your Themes
No custom themes yet. Click "Create" to fork a default theme.
Token Reference - Base
Light Mode
--background
0 0% 100%
--foreground
240 10% 3.9%
--card
0 0% 100%
--card-foreground
240 10% 3.9%
--primary
221 83% 53%
--primary-foreground
0 0% 100%
--secondary
240 4.8% 95.9%
--secondary-foreground
240 5.9% 10%
--muted
240 4.8% 95.9%
--muted-foreground
240 3.8% 46.1%
--accent
240 4.8% 95.9%
--accent-foreground
240 5.9% 10%
--destructive
0 84.2% 60.2%
--destructive-foreground
0 0% 98%
--border
240 5.9% 90%
--input
240 5.9% 90%
--ring
221 83% 53%
Dark Mode
--background
240 10% 3.9%
--foreground
0 0% 98%
--card
240 10% 6.5%
--card-foreground
0 0% 98%
--primary
217 91% 60%
--primary-foreground
240 10% 3.9%
--secondary
240 3.7% 15.9%
--secondary-foreground
0 0% 98%
--muted
240 3.7% 15.9%
--muted-foreground
240 5% 64.9%
--accent
240 3.7% 15.9%
--accent-foreground
0 0% 98%
--destructive
0 62.8% 30.6%
--destructive-foreground
0 0% 98%
--border
240 3.7% 15.9%
--input
240 3.7% 15.9%
--ring
217 91% 60%
Font Sans
Inter
Font Mono
JetBrains Mono
Border Radius
0.5rem
Category