solarized-inspired
modern-minimalism
high-contrast-themes
emotional-design
day-night-transition
visual-harmony
immersive-experience
functional-colors
user-comfort
unique-storytelling
Shadcn/ui Theme Css Variables
name: Solarized Horizonkeyword: solarized views: 10
:root {
--background: 193 100% 95%;
--foreground: 193 100% 10%;
--card: 193 100% 98%;
--card-foreground: 193 100% 15%;
--popover: 193 100% 98%;
--popover-foreground: 193 100% 15%;
--primary: 193 100% 30%;
--primary-foreground: 193 100% 95%;
--secondary: 193 100% 20%;
--secondary-foreground: 193 100% 95%;
--muted: 193 100% 85%;
--muted-foreground: 193 100% 20%;
--accent: 193 100% 25%;
--accent-foreground: 193 100% 95%;
--destructive: 357 91% 55%;
--destructive-foreground: 0 0% 100%;
--border: 193 100% 30%;
--input: 193 100% 85%;
--ring: 193 100% 30%;
--radius: 0.75rem;
--chart-1: 193 100% 30%;
--chart-2: 193 100% 40%;
--chart-3: 193 100% 50%;
--chart-4: 193 100% 60%;
--chart-5: 193 100% 70%;
}
.dark {
--background: 193 100% 5%;
--foreground: 193 100% 95%;
--card: 193 100% 10%;
--card-foreground: 193 100% 95%;
--popover: 193 100% 10%;
--popover-foreground: 193 100% 95%;
--primary: 193 100% 70%;
--primary-foreground: 193 100% 10%;
--secondary: 193 100% 60%;
--secondary-foreground: 193 100% 10%;
--muted: 193 100% 15%;
--muted-foreground: 193 100% 70%;
--accent: 193 100% 65%;
--accent-foreground: 193 100% 10%;
--destructive: 357 91% 45%;
--destructive-foreground: 0 0% 100%;
--border: 193 100% 60%;
--input: 193 100% 15%;
--ring: 193 100% 60%;
--radius: 0.75rem;
--chart-1: 193 100% 60%;
--chart-2: 193 100% 50%;
--chart-3: 193 100% 40%;
--chart-4: 193 100% 30%;
--chart-5: 193 100% 20%;
}