From b274e509c784461e3f97b64a6b4bc63fa873e9c6 Mon Sep 17 00:00:00 2001
From: fran-ink <171171801+fran-ink@users.noreply.github.com>
Date: Thu, 5 Dec 2024 12:32:15 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20update=20shadow=20variables=C2=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/theme/colors.base.css     | 7 +++----
 src/styles/theme/colors.contrast.css | 1 +
 src/styles/theme/colors.light.css    | 1 +
 src/styles/theme/colors.morpheus.css | 1 +
 src/styles/theme/colors.neo.css      | 1 +
 src/tailwind.css                     | 1 +
 6 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/styles/theme/colors.base.css b/src/styles/theme/colors.base.css
index 88ca0e4..49701c2 100644
--- a/src/styles/theme/colors.base.css
+++ b/src/styles/theme/colors.base.css
@@ -97,20 +97,19 @@
   --ink-base-radius-xs: 8px;
 
   /* Shadows */
-  --ink-base-shadow-color: var(--ink-text-default);
   --ink-base-shadow-xs-color: color-mix(
     in srgb,
-    var(--ink-base-shadow-color) 6%,
+    var(--ink-background-shadow) 6%,
     transparent
   );
   --ink-base-shadow-md-color: color-mix(
     in srgb,
-    var(--ink-base-shadow-color) 8%,
+    var(--ink-background-shadow) 8%,
     transparent
   );
   --ink-base-shadow-lg-color: color-mix(
     in srgb,
-    var(--ink-base-shadow-color) 10%,
+    var(--ink-background-shadow) 10%,
     transparent
   );
 }
diff --git a/src/styles/theme/colors.contrast.css b/src/styles/theme/colors.contrast.css
index 3000a1a..ac3e926 100644
--- a/src/styles/theme/colors.contrast.css
+++ b/src/styles/theme/colors.contrast.css
@@ -4,6 +4,7 @@
   --ink-background-dark: rgba(221, 221, 221, 1);
   --ink-background-light: rgba(255, 255, 255, 1);
   --ink-background-container: rgba(0, 0, 0, 0.1);
+  --ink-background-shadow: rgba(0, 0, 0, 1);
 
   /* Button */
   --ink-button-primary: rgba(0, 0, 0, 1);
diff --git a/src/styles/theme/colors.light.css b/src/styles/theme/colors.light.css
index acde7f1..0d628f6 100644
--- a/src/styles/theme/colors.light.css
+++ b/src/styles/theme/colors.light.css
@@ -3,6 +3,7 @@
   /* Background */
   --ink-background-dark: rgb(240, 239, 255);
   --ink-background-light: rgb(255, 255, 255);
+  --ink-background-shadow: rgba(22, 15, 31, 1);
 
   /* Button */
   --ink-button-primary: rgb(113, 50, 245);
diff --git a/src/styles/theme/colors.morpheus.css b/src/styles/theme/colors.morpheus.css
index 322ed7c..0d2d2ed 100644
--- a/src/styles/theme/colors.morpheus.css
+++ b/src/styles/theme/colors.morpheus.css
@@ -4,6 +4,7 @@
   --ink-background-dark: rgba(15, 13, 35, 1);
   --ink-background-light: rgba(27, 23, 73, 1);
   --ink-background-container: rgba(45, 39, 104, 1);
+  --ink-background-shadow: rgba(15, 13, 35, 1);
 
   /* Button */
   --ink-button-primary: rgba(205, 54, 96, 1);
diff --git a/src/styles/theme/colors.neo.css b/src/styles/theme/colors.neo.css
index a0e7dd3..cbbb3e7 100644
--- a/src/styles/theme/colors.neo.css
+++ b/src/styles/theme/colors.neo.css
@@ -6,6 +6,7 @@
   --ink-background-dark: rgb(7, 9, 8);
   --ink-background-light: rgb(19, 28, 23);
   --ink-background-container: rgb(30, 46, 37);
+  --ink-background-shadow: rgba(7, 9, 8, 1);
 
   /* Button */
   --ink-button-primary: rgba(6, 254, 110);
diff --git a/src/tailwind.css b/src/tailwind.css
index 0dc683a..988e426 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -86,6 +86,7 @@
   --color-background-light: var(--ink-background-light);
   --color-background-light-transparent: var(--ink-background-light-transparent);
   --color-background-light-invisible: var(--ink-background-light-invisible);
+  --color-background-shadow: var(--ink-background-shadow);
 
   --color-button-primary: var(--ink-button-primary);
   --color-button-primary-hover: var(--ink-button-primary-hover);