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