Themes
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.
--bg
--fg
--primary
--primary-fg
--secondary
--secondary-fg
--accent
--accent-fg
--muted
--muted-fg
--overlay
--overlay-fg
--success
--success-fg
--warning
--warning-fg
--danger
--danger-fg
--border
--input
--ring
--chart-1
--chart-2
--chart-3
--chart-4
--chart-5
--navbar
--navbar-fg
--sidebar
--sidebar-fg