From f8154e22ae12ef9793a4aae0c278095ecf3a9349 Mon Sep 17 00:00:00 2001
From: Logan Cusano <logan@simplestepsolutions.com>
Date: Wed, 28 May 2025 23:16:18 -0400
Subject: [PATCH] Update theme colors

---
 src/app/globals.css | 69 +++++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 34 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 64ed405..991a1e4 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,3 +1,4 @@
+/* globals.css */
 @import "tailwindcss";
 @import "tw-animate-css";
 
@@ -45,7 +46,7 @@
 
 :root {
   --radius: 0.625rem;
-  /* Light Mode Palette */
+  /* Light Mode Palette - Retained similar modern, soft feel */
   --background: oklch(0.99 0 0); /* Very light off-white */
   --foreground: oklch(0.1 0 0); /* Very dark gray */
   --card: oklch(0.99 0 0);
@@ -84,42 +85,42 @@
 }
 
 .dark {
-  /* Dark Mode Palette */
-  --background: oklch(0.12 0 0); /* Very dark charcoal */
-  --foreground: oklch(0.92 0 0); /* Light gray */
-  --card: oklch(0.18 0 0); /* Slightly lighter dark for cards */
-  --card-foreground: oklch(0.92 0 0);
-  --popover: oklch(0.18 0 0);
-  --popover-foreground: oklch(0.92 0 0);
-  --primary: oklch(0.7 0.15 260); /* Brighter, more vibrant indigo for dark mode */
-  --primary-foreground: oklch(0.15 0 0); /* Dark gray for text on primary */
-  --secondary: oklch(0.22 0 0); /* Darker gray */
-  --secondary-foreground: oklch(0.85 0 0); /* Lighter gray */
-  --muted: oklch(0.22 0 0);
-  --muted-foreground: oklch(0.6 0 0); /* Mid-gray */
-  --accent: oklch(0.22 0.03 260); /* Subtle dark hint of primary */
-  --accent-foreground: oklch(0.8 0.05 260); /* Lighter desaturated primary */
-  --destructive: oklch(0.7 0.15 20); /* Brighter red for dark mode */
-  --border: oklch(0.25 0 0); /* Medium dark gray */
-  --input: oklch(0.2 0 0); /* Darker than border */
-  --ring: oklch(0.4 0 0); /* Mid-dark gray */
+  /* Dark Mode Palette - Modernized */
+  --background: oklch(0.18 0 0); /* Slightly lighter dark charcoal */
+  --foreground: oklch(0.88 0 0); /* Soft white/light gray */
+  --card: oklch(0.22 0 0); /* Slightly lighter for cards than background */
+  --card-foreground: oklch(0.88 0 0);
+  --popover: oklch(0.22 0 0);
+  --popover-foreground: oklch(0.88 0 0);
+  --primary: oklch(0.65 0.18 260); /* Brighter, more vibrant indigo */
+  --primary-foreground: oklch(0.18 0 0); /* Darker text on primary */
+  --secondary: oklch(0.28 0 0); /* Medium dark gray */
+  --secondary-foreground: oklch(0.75 0 0); /* Lighter gray */
+  --muted: oklch(0.28 0 0);
+  --muted-foreground: oklch(0.55 0 0); /* Mid-gray */
+  --accent: oklch(0.28 0.04 260); /* Subtle dark hint of primary */
+  --accent-foreground: oklch(0.7 0.06 260); /* Lighter desaturated primary */
+  --destructive: oklch(0.65 0.16 20); /* Brighter red */
+  --border: oklch(0.32 0 0); /* Medium dark gray */
+  --input: oklch(0.28 0 0); /* Darker than border */
+  --ring: oklch(0.5 0 0); /* Mid-dark gray */
 
-  /* Chart Colors (Dark Mode) - Brighter and distinct */
-  --chart-1: oklch(0.7 0.18 270); /* Brighter purple-blue */
-  --chart-2: oklch(0.75 0.15 180); /* Brighter teal */
-  --chart-3: oklch(0.8 0.12 90); /* Brighter muted green-yellow */
-  --chart-4: oklch(0.75 0.16 30); /* Brighter orange-brown */
-  --chart-5: oklch(0.85 0.1 330); /* Brighter muted pink */
+  /* Chart Colors (Dark Mode) - Brighter and distinct for visibility */
+  --chart-1: oklch(0.75 0.2 270); /* Brighter purple-blue */
+  --chart-2: oklch(0.8 0.18 180); /* Brighter teal */
+  --chart-3: oklch(0.85 0.15 90); /* Brighter muted green-yellow */
+  --chart-4: oklch(0.8 0.18 30); /* Brighter orange-brown */
+  --chart-5: oklch(0.9 0.12 330); /* Brighter muted pink */
 
   /* Sidebar Colors (Dark Mode) */
-  --sidebar: oklch(0.18 0 0); /* Slightly lighter dark for sidebar */
-  --sidebar-foreground: oklch(0.92 0 0);
-  --sidebar-primary: oklch(0.7 0.15 260);
-  --sidebar-primary-foreground: oklch(0.15 0 0);
-  --sidebar-accent: oklch(0.22 0.03 260);
-  --sidebar-accent-foreground: oklch(0.8 0.05 260);
-  --sidebar-border: oklch(0.25 0 0);
-  --sidebar-ring: oklch(0.4 0 0);
+  --sidebar: oklch(0.22 0 0); /* Slightly lighter dark for sidebar */
+  --sidebar-foreground: oklch(0.88 0 0);
+  --sidebar-primary: oklch(0.65 0.18 260);
+  --sidebar-primary-foreground: oklch(0.18 0 0);
+  --sidebar-accent: oklch(0.28 0.04 260);
+  --sidebar-accent-foreground: oklch(0.7 0.06 260);
+  --sidebar-border: oklch(0.32 0 0);
+  --sidebar-ring: oklch(0.5 0 0);
 }
 
 @layer base {