ZephyrSpark
light-mode
dark-mode
modern-design
unique-colors
emotional-resonance
high-contrast
immersive-experience
functional-design
color-harmony
narrative-driven
future-forward
dynamic-transitions
user-friendly
aesthetic-pleasure
Shadcn/ui Theme Css Variables
name: ZephyrSparkkeyword: zs views: 2
:root { --background: 95 10% 96%; --foreground: 240 10% 10%; --card: 95 10% 92%; --card-foreground: 240 10% 15%; --popover: 95 10% 92%; --popover-foreground: 240 10% 15%; --primary: 200 70% 50%; --primary-foreground: 95 10% 96%; --secondary: 280 50% 60%; --secondary-foreground: 95 10% 96%; --muted: 95 10% 90%; --muted-foreground: 240 10% 30%; --accent: 30 80% 70%; --accent-foreground: 240 10% 10%; --destructive: 0 80% 60%; --destructive-foreground: 95 10% 96%; --border: 240 10% 85%; --input: 240 10% 85%; --ring: 200 70% 50%; --radius: 0.75rem; --chart-1: 200 70% 50%; --chart-2: 280 50% 60%; --chart-3: 30 80% 70%; --chart-4: 0 80% 60%; --chart-5: 240 10% 30%; } .dark { --background: 240 10% 10%; --foreground: 95 10% 96%; --card: 240 10% 15%; --card-foreground: 95 10% 96%; --popover: 240 10% 15%; --popover-foreground: 95 10% 96%; --primary: 200 70% 50%; --primary-foreground: 240 10% 10%; --secondary: 280 50% 60%; --secondary-foreground: 240 10% 10%; --muted: 240 10% 20%; --muted-foreground: 95 10% 70%; --accent: 30 80% 70%; --accent-foreground: 240 10% 10%; --destructive: 0 80% 60%; --destructive-foreground: 95 10% 96%; --border: 240 10% 20%; --input: 240 10% 20%; --ring: 200 70% 50%; --radius: 0.75rem; --chart-1: 200 70% 50%; --chart-2: 280 50% 60%; --chart-3: 30 80% 70%; --chart-4: 0 80% 60%; --chart-5: 95 10% 70%; }