From d20bdbf730bd818fa6be71e719e78738d0626405 Mon Sep 17 00:00:00 2001 From: "gpt-engineer-app[bot]" <159125892+gpt-engineer-app[bot]@users.noreply.github.com> Date: Sat, 20 Sep 2025 12:23:56 +0000 Subject: [PATCH] Refine hero gradient colors --- src/index.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/index.css b/src/index.css index 5c238506..2a3066df 100644 --- a/src/index.css +++ b/src/index.css @@ -18,18 +18,18 @@ All colors MUST be HSL. --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; - /* Vibrant thrill-inspired primary colors */ - --primary: 271 91% 65%; /* Electric purple for excitement */ + /* Blue and purple thrill-inspired colors */ + --primary: 258 90% 66%; /* Deep vibrant purple */ --primary-foreground: 0 0% 98%; - --primary-glow: 271 100% 75%; + --primary-glow: 258 100% 80%; - --secondary: 199 89% 48%; /* Bright cyan for energy */ + --secondary: 216 87% 55%; /* Rich royal blue */ --secondary-foreground: 0 0% 98%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; - --accent: 38 92% 50%; /* Vibrant orange for action */ + --accent: 275 85% 70%; /* Bright violet for action */ --accent-foreground: 0 0% 98%; --destructive: 0 84% 60%; @@ -37,12 +37,12 @@ All colors MUST be HSL. --border: 240 5.9% 90%; --input: 240 5.9% 90%; - --ring: 271 91% 65%; + --ring: 258 90% 66%; /* Theme park gradients */ --gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow))); --gradient-secondary: linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--accent))); - --gradient-hero: linear-gradient(135deg, hsl(271 91% 65%), hsl(199 89% 48%), hsl(38 92% 50%)); + --gradient-hero: linear-gradient(135deg, hsl(258 90% 66%), hsl(216 87% 55%), hsl(275 85% 70%)); --gradient-card: linear-gradient(145deg, hsl(0 0% 98%), hsl(240 4.8% 95.9%)); /* Thrill shadows and effects */ @@ -77,17 +77,17 @@ All colors MUST be HSL. --popover: 240 8% 7%; --popover-foreground: 0 0% 98%; - --primary: 271 91% 65%; + --primary: 258 90% 66%; /* Deep vibrant purple */ --primary-foreground: 0 0% 98%; - --primary-glow: 271 100% 75%; + --primary-glow: 258 100% 80%; - --secondary: 199 89% 48%; + --secondary: 216 87% 55%; /* Rich royal blue */ --secondary-foreground: 0 0% 98%; --muted: 240 5% 20%; --muted-foreground: 240 5% 64%; - --accent: 38 92% 50%; + --accent: 275 85% 70%; /* Bright violet for action */ --accent-foreground: 0 0% 98%; --destructive: 0 84% 60%; @@ -95,7 +95,7 @@ All colors MUST be HSL. --border: 240 6% 15%; --input: 240 6% 15%; - --ring: 271 91% 65%; + --ring: 258 90% 66%; --gradient-card: linear-gradient(145deg, hsl(240 10% 5%), hsl(240 8% 7%));