From ca317107d0da0cc7e0d869e5886d6e4bff5e930b Mon Sep 17 00:00:00 2001 From: Timothy Cardoza Date: Mon, 2 Feb 2026 17:56:24 -0600 Subject: [PATCH] light and dark theme color adjustments --- src/index.css | 48 ++++++++++++++++++++++++------------------------ 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/src/index.css b/src/index.css index ce29ab3..fe1c19d 100644 --- a/src/index.css +++ b/src/index.css @@ -59,13 +59,13 @@ :root { --background: hsl(0 0% 100%); - --foreground: hsl(222.2 84% 4.9%); + --foreground: hsl(240 5.9% 10%); --card: hsl(0 0% 100%); - --card-foreground: hsl(222.2 84% 4.9%); + --card-foreground: hsl(240 5.9% 10%); --popover: hsl(0 0% 100%); - --popover-foreground: hsl(222.2 84% 4.9%); - --primary: hsl(250 89% 60%); - /* Vibrant Indigo */ + --popover-foreground: hsl(240 5.9% 10%); + --primary: hsl(199 89% 48%); + /* Modern Cyan */ --primary-foreground: hsl(0 0% 100%); --secondary: hsl(210 40% 96.1%); --secondary-foreground: hsl(222.2 47.4% 11.2%); @@ -77,31 +77,31 @@ --destructive-foreground: hsl(210 40% 98%); --border: hsl(214.3 31.8% 91.4%); --input: hsl(214.3 31.8% 91.4%); - --ring: hsl(250 89% 60%); + --ring: hsl(199 89% 48%); --radius: 0.5rem; } .dark { - --background: hsl(222.2 84% 4.9%); - --foreground: hsl(210 40% 98%); - --card: hsl(222.2 84% 4.9%); - --card-foreground: hsl(210 40% 98%); - --popover: hsl(222.2 84% 4.9%); - --popover-foreground: hsl(210 40% 98%); - --primary: hsl(250 89% 65%); - /* Brighter Indigo for Dark Mode */ + --background: hsl(240 10% 3.9%); + --foreground: hsl(0 0% 98%); + --card: hsl(240 10% 3.9%); + --card-foreground: hsl(0 0% 98%); + --popover: hsl(240 10% 3.9%); + --popover-foreground: hsl(0 0% 98%); + --primary: hsl(199 89% 55%); + /* Brighter Cyan for Dark Mode */ --primary-foreground: hsl(0 0% 100%); - --secondary: hsl(217.2 32.6% 17.5%); - --secondary-foreground: hsl(210 40% 98%); - --muted: hsl(217.2 32.6% 17.5%); - --muted-foreground: hsl(215 20.2% 65.1%); - --accent: hsl(217.2 32.6% 17.5%); - --accent-foreground: hsl(210 40% 98%); + --secondary: hsl(240 3.7% 15.9%); + --secondary-foreground: hsl(0 0% 98%); + --muted: hsl(240 3.7% 15.9%); + --muted-foreground: hsl(240 5% 64.9%); + --accent: hsl(240 3.7% 15.9%); + --accent-foreground: hsl(0 0% 98%); --destructive: hsl(0 62.8% 30.6%); - --destructive-foreground: hsl(210 40% 98%); - --border: hsl(217.2 32.6% 17.5%); - --input: hsl(217.2 32.6% 17.5%); - --ring: hsl(212.7 26.8% 83.9%); + --destructive-foreground: hsl(0 0% 98%); + --border: hsl(240 3.7% 15.9%); + --input: hsl(240 3.7% 15.9%); + --ring: hsl(199 89% 55%); } @layer base {