averyfelts/Lofi_Generator
1
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update color scheme: light blue background with black cards

Browse Source 
- Change page background to light blue
- Set card/popover backgrounds to black for contrast
- Update text colors for readability
- Adjust secondary, muted, border, and input colors to match

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Avery Felts 2026-01-21 08:10:08 -07:00
parent facaabd4eb
commit 7ca7efde13
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
app/globals.css
View File

@ -52,28 +52,28 @@
/* Lofi dark theme - always dark mode */ /* Lofi dark theme - always dark mode */
:root { :root {
--radius: 0.75rem; --radius: 0.75rem;
/* Deep purple-tinted dark background */ /* Light blue background */
--background: oklch(0.15 0.02 280); --background: oklch(0.92 0.04 220);
--foreground: oklch(0.92 0.01 280); --foreground: oklch(0.20 0.02 240);
/* Card with subtle purple tint */ /* Black card background */
--card: oklch(0.18 0.025 280); --card: oklch(0.08 0.01 240);
--card-foreground: oklch(0.92 0.01 280); --card-foreground: oklch(0.95 0.01 220);
--popover: oklch(0.18 0.025 280); --popover: oklch(0.08 0.01 240);
--popover-foreground: oklch(0.92 0.01 280); --popover-foreground: oklch(0.95 0.01 220);
/* Warm orange primary for lofi vibes */ /* Warm orange primary for lofi vibes */
--primary: oklch(0.75 0.15 50); --primary: oklch(0.75 0.15 50);
--primary-foreground: oklch(0.15 0.02 280); --primary-foreground: oklch(0.15 0.02 280);
/* Muted purple secondary */ /* Dark secondary */
--secondary: oklch(0.25 0.04 280); --secondary: oklch(0.18 0.02 240);
--secondary-foreground: oklch(0.85 0.02 280); --secondary-foreground: oklch(0.92 0.01 220);
--muted: oklch(0.22 0.03 280); --muted: oklch(0.15 0.02 240);
--muted-foreground: oklch(0.65 0.02 280); --muted-foreground: oklch(0.70 0.02 220);
/* Accent with warm pink */ /* Accent with warm pink */
--accent: oklch(0.65 0.12 350); --accent: oklch(0.65 0.12 350);
--accent-foreground: oklch(0.95 0.01 280); --accent-foreground: oklch(0.95 0.01 280);
--destructive: oklch(0.55 0.2 25); --destructive: oklch(0.55 0.2 25);
--border: oklch(0.28 0.03 280); --border: oklch(0.25 0.02 240);
--input: oklch(0.22 0.03 280); --input: oklch(0.15 0.02 240);
--ring: oklch(0.75 0.15 50); --ring: oklch(0.75 0.15 50);
/* Lofi color palette */ /* Lofi color palette */
--lofi-purple: oklch(0.55 0.15 280); --lofi-purple: oklch(0.55 0.15 280);
@ -112,7 +112,7 @@
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: oklch(0.15 0.02 280); background: oklch(0.88 0.04 220);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {