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

Refine light mode styling

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

36
src/index.css
View File

@@ -8,15 +8,15 @@ All colors MUST be HSL.
@layer base {
:root {
/* ThrillWiki vibrant theme park inspired design system */
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
/* ThrillWiki light theme - bright and vibrant */
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
/* Vibrant thrill-inspired primary colors */
--primary: 271 91% 65%; /* Electric purple for excitement */
@@ -26,8 +26,8 @@ All colors MUST be HSL.
--secondary: 199 89% 48%; /* Bright cyan for energy */
--secondary-foreground: 0 0% 98%;
--muted: 240 5% 64%;
--muted-foreground: 240 5% 64%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 38 92% 50%; /* Vibrant orange for action */
--accent-foreground: 0 0% 98%;
@@ -35,15 +35,15 @@ All colors MUST be HSL.
--destructive: 0 84% 60%;
--destructive-foreground: 0 0% 98%;
--border: 240 6% 10%;
--input: 240 6% 10%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--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%));
--gradient-card: linear-gradient(145deg, hsl(0 0% 98%), hsl(240 4.8% 95.9%));
/* Thrill shadows and effects */
--shadow-glow: 0 0 40px hsl(var(--primary) / 0.4);
@@ -57,24 +57,17 @@ All colors MUST be HSL.
--radius: 0.5rem;
--sidebar-background: 0 0% 98%;
--sidebar-foreground: 240 5.3% 26.1%;
--sidebar-primary: 240 5.9% 10%;
--sidebar-primary-foreground: 0 0% 98%;
--sidebar-accent: 240 4.8% 95.9%;
--sidebar-accent-foreground: 240 5.9% 10%;
--sidebar-border: 220 13% 91%;
--sidebar-ring: 217.2 91.2% 59.8%;
}
.dark {
/* Dark mode uses the same vibrant theme */
/* Dark mode uses vibrant colors on dark backgrounds */
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
@@ -103,6 +96,9 @@ All colors MUST be HSL.
--border: 240 6% 15%;
--input: 240 6% 15%;
--ring: 271 91% 65%;
--gradient-card: linear-gradient(145deg, hsl(240 10% 5%), hsl(240 8% 7%));
--sidebar-background: 240 5.9% 10%;
--sidebar-foreground: 240 4.8% 95.9%;
--sidebar-primary: 224.3 76.3% 48%;