ocean-inspired
calm-and-serene
modern-design
high-contrast
immersive-experience
light-dark-theme
emotional-resonance
unique-color-palette
user-friendly
professional-ui
Shadcn/ui Theme Css Variables
name: Oceanic Horizonkeyword: 1F4D7A views: 6
:root { --background: 210 40% 98%; --foreground: 210 40% 10%; --card: 210 30% 95%; --card-foreground: 210 40% 10%; --popover: 210 30% 95%; --popover-foreground: 210 40% 10%; --primary: 210 50% 40%; --primary-foreground: 210 40% 98%; --secondary: 210 30% 85%; --secondary-foreground: 210 40% 10%; --muted: 210 20% 90%; --muted-foreground: 210 40% 40%; --accent: 210 50% 60%; --accent-foreground: 210 40% 98%; --destructive: 0 70% 50%; --destructive-foreground: 210 40% 98%; --border: 210 20% 80%; --input: 210 20% 80%; --ring: 210 50% 40%; --radius: 0.75rem; --chart-1: 210 50% 40%; --chart-2: 210 50% 60%; --chart-3: 210 50% 80%; --chart-4: 210 50% 20%; --chart-5: 210 50% 10%; } .dark { --background: 210 40% 10%; --foreground: 210 40% 98%; --card: 210 30% 15%; --card-foreground: 210 40% 98%; --popover: 210 30% 15%; --popover-foreground: 210 40% 98%; --primary: 210 50% 60%; --primary-foreground: 210 40% 10%; --secondary: 210 30% 20%; --secondary-foreground: 210 40% 98%; --muted: 210 20% 25%; --muted-foreground: 210 40% 60%; --accent: 210 50% 40%; --accent-foreground: 210 40% 10%; --destructive: 0 70% 50%; --destructive-foreground: 210 40% 98%; --border: 210 20% 30%; --input: 210 20% 30%; --ring: 210 50% 60%; --radius: 0.75rem; --chart-1: 210 50% 60%; --chart-2: 210 50% 40%; --chart-3: 210 50% 20%; --chart-4: 210 50% 80%; --chart-5: 210 50% 90%; }