feat: update shadow variables

inkonchain · Dec 5, 2024 · b274e50 · b274e50
1 parent 8230a65
commit b274e50
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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);