From 7ca7efde13146fc002b1d5b49a93135451d12c18 Mon Sep 17 00:00:00 2001 From: Avery Felts Date: Wed, 21 Jan 2026 08:10:08 -0700 Subject: [PATCH] Update color scheme: light blue background with black cards - 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 --- app/globals.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/app/globals.css b/app/globals.css index 3c0816e..c686bb5 100644 --- a/app/globals.css +++ b/app/globals.css @@ -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 {