Fix btn-close not having a visible hover color in dark theme

sippy-platform · Jul 20, 2022 · 464b949 · 464b949
1 parent 66188a7
commit 464b949
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/scss/_button-close.scss b/scss/_button-close.scss
@@ -27,7 +27,7 @@
   }
 
   &:hover {
-    background-color: rgba($dark, .1);
+    background-color: var(--system-10);
     border-color: var(--accent-800);
   }
 }
diff --git a/scss/_vars.scss b/scss/_vars.scss
@@ -46,6 +46,9 @@ body {
   --light: initial;
   --dark: ;
 
+  // System colors
+  --system-10: #{ light-dark(rgba($dark, .1), rgba($light, .1)) };
+
   // Colors
   @each $name, $color in $colors {
     --#{$name}-50: #{ light-dark(tint($color, 96%), shade($color, 80%)) };