From 30742c734681bd6e2a797b6c3431574d343ee397 Mon Sep 17 00:00:00 2001
From: Prad Nukala <prad@sonr.io>
Date: Fri, 6 Dec 2024 12:41:02 -0500
Subject: [PATCH] style: update color palettes for dark and light themes

---
 src/themes/dark.css  | 24 ++++++++++++------------
 src/themes/light.css | 24 ++++++++++++------------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/themes/dark.css b/src/themes/dark.css
index 16d4571..dc11efa 100644
--- a/src/themes/dark.css
+++ b/src/themes/dark.css
@@ -6,18 +6,18 @@
    * Color Primitives
    */
 
-  /* Slate - Dark Theme */
-  --sl-color-gray-50: hsl(220 6% 7%); /* slate1: #11111 */
-  --sl-color-gray-100: hsl(220 6% 10%); /* slate2: #18191b */
-  --sl-color-gray-200: hsl(220 6% 14%); /* slate3: #222327 */
-  --sl-color-gray-300: hsl(220 6% 17%); /* slate4: #282a2d */
-  --sl-color-gray-400: hsl(220 6% 20%); /* slate5: #2e3135 */
-  --sl-color-gray-500: hsl(220 7% 23%); /* slate6: #373a3e */
-  --sl-color-gray-600: hsl(220 7% 29%); /* slate7: #444a4e */
-  --sl-color-gray-700: hsl(220 7% 39%); /* slate8: #5c6268 */
-  --sl-color-gray-800: hsl(220 7% 45%); /* slate9: #696f76 */
-  --sl-color-gray-900: hsl(220 7% 50%); /* slate10: #777d84 */
-  --sl-color-gray-950: hsl(220 15% 92%); /* slate12: #fcfdff */
+  /* Gray */
+  --sl-color-gray-50: hsl(240 5.1% 15%);
+  --sl-color-gray-100: hsl(240 5.7% 18.2%);
+  --sl-color-gray-200: hsl(240 4.6% 22%);
+  --sl-color-gray-300: hsl(240 5% 27.6%);
+  --sl-color-gray-400: hsl(240 5% 35.5%);
+  --sl-color-gray-500: hsl(240 3.7% 44%);
+  --sl-color-gray-600: hsl(240 5.3% 58%);
+  --sl-color-gray-700: hsl(240 5.6% 73%);
+  --sl-color-gray-800: hsl(240 7.3% 84%);
+  --sl-color-gray-900: hsl(240 9.1% 91.8%);
+  --sl-color-gray-950: hsl(0 0% 95%);
 
   /* Red */
   --sl-color-red-50: hsl(0 56% 23.9%);
diff --git a/src/themes/light.css b/src/themes/light.css
index 4eb1225..76584f7 100644
--- a/src/themes/light.css
+++ b/src/themes/light.css
@@ -7,18 +7,18 @@
    * Color Primitives
    */
 
-  /* Slate - Light Theme */
-  --sl-color-gray-50: hsl(220 14% 99%); /* slate1: #fcfcfd */
-  --sl-color-gray-100: hsl(220 14% 98%); /* slate2: #f9f9fb */
-  --sl-color-gray-200: hsl(220 13% 95%); /* slate3: #f0f0f3 */
-  --sl-color-gray-300: hsl(220 11% 92%); /* slate4: #e8e8ec */
-  --sl-color-gray-400: hsl(220 10% 89%); /* slate5: #e0e1e6 */
-  --sl-color-gray-500: hsl(220 9% 86%); /* slate6: #d9d9e0 */
-  --sl-color-gray-600: hsl(220 12% 82%); /* slate7: #cdced6 */
-  --sl-color-gray-700: hsl(220 13% 75%); /* slate8: #b9bbc6 */
-  --sl-color-gray-800: hsl(220 8% 57%); /* slate9: #8b8d98 */
-  --sl-color-gray-900: hsl(220 7% 53%); /* slate10: #80838d */
-  --sl-color-gray-950: hsl(220 6% 40%); /* slate11: #60646c */
+  /* Gray */
+  --sl-color-gray-50: hsl(0 0% 97.5%);
+  --sl-color-gray-100: hsl(240 4.8% 95.9%);
+  --sl-color-gray-200: hsl(240 5.9% 90%);
+  --sl-color-gray-300: hsl(240 4.9% 83.9%);
+  --sl-color-gray-400: hsl(240 5% 64.9%);
+  --sl-color-gray-500: hsl(240 3.8% 46.1%);
+  --sl-color-gray-600: hsl(240 5.2% 33.9%);
+  --sl-color-gray-700: hsl(240 5.3% 26.1%);
+  --sl-color-gray-800: hsl(240 3.7% 15.9%);
+  --sl-color-gray-900: hsl(240 5.9% 10%);
+  --sl-color-gray-950: hsl(240 7.3% 8%);
 
   /* Red */
   --sl-color-red-50: hsl(0 85.7% 97.3%);