serene
dynamic
sky-inspired
modern
high-contrast
immersive
emotive
light-dark-transformation
calm-to-dramatic
accessible
user-friendly
colorful-yet-balanced
clean-design
future-forward
nature-inspired
Shadcn/ui Theme Css Variables
name: Skybound Horizonkeyword: sky views: 2
:root { --background: 240 5% 96%; --foreground: 240 10% 10%; --card: 240 5% 90%; --card-foreground: 240 10% 10%; --popover: 240 5% 94%; --popover-foreground: 240 10% 10%; --primary: 210 80% 50%; --primary-foreground: 240 5% 96%; --secondary: 200 60% 40%; --secondary-foreground: 240 5% 96%; --muted: 240 5% 80%; --muted-foreground: 240 10% 40%; --accent: 30 70% 50%; --accent-foreground: 240 5% 96%; --destructive: 0 70% 50%; --destructive-foreground: 240 5% 96%; --border: 240 10% 80%; --input: 240 5% 94%; --ring: 210 80% 50%; --radius: 0.75rem; --chart-1: 210 80% 50%; --chart-2: 200 60% 40%; --chart-3: 30 70% 50%; --chart-4: 0 70% 50%; --chart-5: 240 5% 80%; } .dark { --background: 240 10% 10%; --foreground: 240 5% 96%; --card: 240 10% 15%; --card-foreground: 240 5% 96%; --popover: 240 10% 20%; --popover-foreground: 240 5% 96%; --primary: 210 80% 60%; --primary-foreground: 240 10% 10%; --secondary: 200 60% 50%; --secondary-foreground: 240 10% 10%; --muted: 240 10% 30%; --muted-foreground: 240 5% 80%; --accent: 30 70% 60%; --accent-foreground: 240 10% 10%; --destructive: 0 70% 60%; --destructive-foreground: 240 10% 10%; --border: 240 10% 40%; --input: 240 10% 20%; --ring: 210 80% 60%; --radius: 0.75rem; --chart-1: 210 80% 60%; --chart-2: 200 60% 50%; --chart-3: 30 70% 60%; --chart-4: 0 70% 60%; --chart-5: 240 10% 30%; }