Theme Visualizer

Preview all theme variables in light & dark mode.

--background
Page background color
--foreground
Main text color
--card
Card surface color
--primary
Primary action color
--secondary
Secondary UI color
--muted
Muted surface color
--faint
Subtle background color
--accent
Accent surface color
--danger
Danger state color
--success
Success state color
--warning
Warning state color
--border
Border color

UI Preview

This card uses --card, --card-foreground, and --border.