Theme
Theme customizer
Customize your theme by selecting colors from the color picker or by entering a hex code.
Gray Color
Primary Color
Accent Color
Radius
Generated theme
The generated colors are based on the selected gray color.
--background
--foreground
--primary
--primary-foreground
--secondary
--secondary-foreground
--accent
--accent-foreground
--muted
--muted-foreground
--overlay
--overlay-foreground
--success
--success-foreground
--warning
--warning-foreground
--danger
--danger-foreground
--border
--input
--ring
--chart-1
--chart-2
--chart-3
--chart-4
--chart-5
--navbar
--navbar-foreground
--sidebar
--sidebar-foreground