From 5fbfc2e54b01091ac68e1de7b633c76dec7afcf4 Mon Sep 17 00:00:00 2001
From: Ajay Ghanwat <ghanwat.ajay@workroot.in>
Date: Tue, 19 Aug 2025 15:10:33 +0530
Subject: [PATCH] Updated New color Schene

---
 src/styles/global.css |  6 +++---
 src/styles/style.css  | 31 +++++++++++++++----------------
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 020c433..2061481 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -33,20 +33,20 @@
     --color-danger-foreground: hsl(var(--danger-foreground));
     --color-neutral: hsl(var(--neutral));
     --color-neutral-foreground: hsl(var(--neutral-foreground));
-    --color-background: hsl(var(--background));
     --color-foreground: hsl(var(--foreground));
     --color-card: hsl(var(--card));
-        --color-card-foreground: hsl(var(--card-foreground));
+    --color-card-foreground: hsl(var(--card-foreground));
         --color-popover: hsl(var(--popover));
         --color-popover-foreground: hsl(var(--popover-foreground));
         --color-muted: hsl(var(--muted));
         --color-muted-foreground: hsl(var(--muted-foreground));
         --color-border: hsl(var(--border));
         --color-input: hsl(var(--input));
+    --color-background: var(--background);
     --color-background-0: var(--background-default);
     --color-background-50: var(--background-50);
     --color-background-100: var(--background-100);
-        --color-background-200: var(--background-200);
+    --color-background-200: var(--background-200);
         --color-background-300: var(--background-300);
         --color-background-400: var(--background-400);
         --color-background-500: var(--background-500);
diff --git a/src/styles/style.css b/src/styles/style.css
index 0d9bbb8..26f84f6 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -26,7 +26,7 @@
     --card-foreground: 222 47% 11%;
     --popover: 0 0% 100%;
     --popover-foreground: 222 47% 11%;
-        --muted: 220 14% 96%;
+    --muted: 220 14% 96%;
         --muted-foreground: 215 16% 46%;
         --border: 214 31% 91%;
         --input: 214 31% 91%;
@@ -434,28 +434,27 @@
 }
 
 /* Light: base from primary, then darken toward black */
-:root {
+[data-color]:not(.dark [data-color]) {
     --bg-tint: 4%;
-    /* make the actual background derived from primary */
     --background-default: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), white);
     --background: var(--background-default);
-    
-        --background-50: color-mix(in hsl, var(--background-default) 99%, black 1%);
-        --background-100: color-mix(in hsl, var(--background-default) 97%, black 3%);
-        --background-200: color-mix(in hsl, var(--background-default) 94%, black 6%);
-        --background-300: color-mix(in hsl, var(--background-default) 88%, black 12%);
-        --background-400: color-mix(in hsl, var(--background-default) 80%, black 20%);
-        --background-500: color-mix(in hsl, var(--background-default) 72%, black 28%);
-        --background-600: color-mix(in hsl, var(--background-default) 60%, black 40%);
-        --background-700: color-mix(in hsl, var(--background-default) 48%, black 52%);
-        --background-800: color-mix(in hsl, var(--background-default) 36%, black 64%);
-        --background-900: color-mix(in hsl, var(--background-default) 24%, black 76%);
+--background-50: color-mix(in hsl, var(--background-default) 99%, black 1%);
+    --background-100: color-mix(in hsl, var(--background-default) 97%, black 3%);
+    --background-200: color-mix(in hsl, var(--background-default) 94%, black 6%);
+    --background-300: color-mix(in hsl, var(--background-default) 88%, black 12%);
+    --background-400: color-mix(in hsl, var(--background-default) 80%, black 20%);
+    --background-500: color-mix(in hsl, var(--background-default) 72%, black 28%);
+    --background-600: color-mix(in hsl, var(--background-default) 60%, black 40%);
+    --background-700: color-mix(in hsl, var(--background-default) 48%, black 52%);
+    --background-800: color-mix(in hsl, var(--background-default) 36%, black 64%);
+    --background-900: color-mix(in hsl, var(--background-default) 24%, black 76%);
 }
 
 /* Dark: base from primary as well (tint toward black), then lighten toward white */
-:root.dark {
+.dark [data-color],
+:root.dark [data-color] {
     --background-default: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), black);
-        --background: var(--background-default);
+    --background: var(--background-default);
     
         --background-50: color-mix(in hsl, var(--background-default) 24%, white 76%);
         --background-100: color-mix(in hsl, var(--background-default) 36%, white 64%);