modern
innovative
high-contrast
user-friendly
readable
consistent
dark-light
color harmony
minimalistic
visual appeal
Shadcn/ui Theme Css Variables
name: Solarized Themekeyword: solarized views: 18
:root { --background: 210 15% 98%; --foreground: 210 20% 20%; --card: 210 15% 96%; --card-foreground: 210 20% 15%; --popover: 210 15% 95%; --popover-foreground: 210 20% 15%; --primary: 40 80% 60%; --primary-foreground: 210 10% 95%; --secondary: 210 5% 90%; --secondary-foreground: 210 5% 15%; --muted: 210 5% 90%; --muted-foreground: 210 5% 40%; --accent: 210 5% 90%; --accent-foreground: 210 5% 15%; --destructive: 0 75% 60%; --destructive-foreground: 210 10% 95%; --border: 210 10% 85%; --input: 210 10% 85%; --ring: 40 80% 50%; --radius: 0.75rem; --chart-1: 10 75% 60%; --chart-2: 160 65% 45%; --chart-3: 50 80% 55%; --chart-4: 300 70% 60%; --chart-5: 10 90% 70%; } .dark { --background: 210 10% 15%; --foreground: 210 10% 90%; --card: 210 10% 20%; --card-foreground: 210 10% 90%; --popover: 210 10% 10%; --popover-foreground: 210 10% 90%; --primary: 40 80% 50%; --primary-foreground: 210 10% 90%; --secondary: 210 5% 25%; --secondary-foreground: 210 10% 95%; --muted: 210 5% 20%; --muted-foreground: 210 5% 75%; --accent: 210 5% 20%; --accent-foreground: 210 10% 95%; --destructive: 0 70% 80%; --destructive-foreground: 210 10% 90%; --border: 210 5% 20%; --input: 210 5% 20%; --ring: 40 70% 40%; --chart-1: 210 70% 50%; --chart-2: 150 60% 45%; --chart-3: 30 80% 55%; --chart-4: 290 65% 60%; --chart-5: 340 70% 50%; }