pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 08:51:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refine hero gradient colors

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-20 12:23:56 +00:00
parent f1f8e6dd92
commit d20bdbf730
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/index.css
View File

@@ -18,18 +18,18 @@ All colors MUST be HSL.
--popover: 0 0% 100%; --popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%; --popover-foreground: 240 10% 3.9%;
/* Vibrant thrill-inspired primary colors */ /* Blue and purple thrill-inspired colors */
--primary: 271 91% 65%; /* Electric purple for excitement */ --primary: 258 90% 66%; /* Deep vibrant purple */
--primary-foreground: 0 0% 98%; --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%; --secondary-foreground: 0 0% 98%;
--muted: 240 4.8% 95.9%; --muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%; --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%; --accent-foreground: 0 0% 98%;
--destructive: 0 84% 60%; --destructive: 0 84% 60%;
@@ -37,12 +37,12 @@ All colors MUST be HSL.
--border: 240 5.9% 90%; --border: 240 5.9% 90%;
--input: 240 5.9% 90%; --input: 240 5.9% 90%;
--ring: 271 91% 65%; --ring: 258 90% 66%;
/* Theme park gradients */ /* Theme park gradients */
--gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow))); --gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
--gradient-secondary: linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--accent))); --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%)); --gradient-card: linear-gradient(145deg, hsl(0 0% 98%), hsl(240 4.8% 95.9%));
/* Thrill shadows and effects */ /* Thrill shadows and effects */
@@ -77,17 +77,17 @@ All colors MUST be HSL.
--popover: 240 8% 7%; --popover: 240 8% 7%;
--popover-foreground: 0 0% 98%; --popover-foreground: 0 0% 98%;
--primary: 271 91% 65%; --primary: 258 90% 66%; /* Deep vibrant purple */
--primary-foreground: 0 0% 98%; --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%; --secondary-foreground: 0 0% 98%;
--muted: 240 5% 20%; --muted: 240 5% 20%;
--muted-foreground: 240 5% 64%; --muted-foreground: 240 5% 64%;
--accent: 38 92% 50%; --accent: 275 85% 70%; /* Bright violet for action */
--accent-foreground: 0 0% 98%; --accent-foreground: 0 0% 98%;
--destructive: 0 84% 60%; --destructive: 0 84% 60%;
@@ -95,7 +95,7 @@ All colors MUST be HSL.
--border: 240 6% 15%; --border: 240 6% 15%;
--input: 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%)); --gradient-card: linear-gradient(145deg, hsl(240 10% 5%), hsl(240 8% 7%));