pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-24 06:31:14 -05:00
Code Issues Packages Projects Releases Wiki Activity

Approve Lovable Tool Use

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-20 00:18:19 +00:00
parent 8c587e13bd
commit 87ff47ec0a
8 changed files with 1801 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/index.css
View File

@@ -8,33 +8,51 @@ All colors MUST be HSL.
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
/* ThrillWiki vibrant theme park inspired design system */
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;
/* Vibrant thrill-inspired primary colors */
--primary: 271 91% 65%; /* Electric purple for excitement */
--primary-foreground: 0 0% 98%;
--primary-glow: 271 100% 75%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--secondary: 199 89% 48%; /* Bright cyan for energy */
--secondary-foreground: 0 0% 98%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--muted: 240 5% 64%;
--muted-foreground: 240 5% 64%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--accent: 38 92% 50%; /* Vibrant orange for action */
--accent-foreground: 0 0% 98%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--destructive: 0 84% 60%;
--destructive-foreground: 0 0% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 222.2 84% 4.9%;
--border: 240 6% 10%;
--input: 240 6% 10%;
--ring: 271 91% 65%;
/* 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-card: linear-gradient(145deg, hsl(240 10% 5%), hsl(240 8% 7%));
/* Thrill shadows and effects */
--shadow-glow: 0 0 40px hsl(var(--primary) / 0.4);
--shadow-card: 0 10px 30px -10px hsl(var(--primary) / 0.3);
--shadow-intense: 0 25px 50px -12px hsl(var(--primary) / 0.5);
/* Animation variables */
--transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
--radius: 0.5rem;
@@ -56,33 +74,35 @@ All colors MUST be HSL.
}
.dark {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;
/* Dark mode uses the same vibrant theme */
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
--card: 240 8% 7%;
--card-foreground: 0 0% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--popover: 240 8% 7%;
--popover-foreground: 0 0% 98%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;
--primary: 271 91% 65%;
--primary-foreground: 0 0% 98%;
--primary-glow: 271 100% 75%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
--secondary: 199 89% 48%;
--secondary-foreground: 0 0% 98%;
--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;
--muted: 240 5% 20%;
--muted-foreground: 240 5% 64%;
--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;
--accent: 38 92% 50%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
--destructive: 0 84% 60%;
--destructive-foreground: 0 0% 98%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 212.7 26.8% 83.9%;
--border: 240 6% 15%;
--input: 240 6% 15%;
--ring: 271 91% 65%;
--sidebar-background: 240 5.9% 10%;
--sidebar-foreground: 240 4.8% 95.9%;
--sidebar-primary: 224.3 76.3% 48%;