Update box-shadow for menus in dark mode

albinazs · Jul 6, 2023 · cfb0a4b · cfb0a4b
1 parent ec417a3
commit cfb0a4b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/client/scss/components/_dialog.scss b/client/scss/components/_dialog.scss
@@ -158,6 +158,9 @@
 
   .w-dialog__box {
     pointer-events: auto;
+    @include dark-theme() {
+      box-shadow: theme('boxShadow.lg');
+    }
     box-shadow: theme('boxShadow.md');
   }
 

diff --git a/client/scss/layouts/_login.scss b/client/scss/layouts/_login.scss
@@ -57,6 +57,9 @@
     float: none;
     padding: theme('spacing.10') theme('spacing.12');
     background: theme('colors.surface-page');
+    @include dark-theme() {
+      box-shadow: theme('boxShadow.lg');
+    }
     box-shadow: theme('boxShadow.md');
     border-radius: theme('borderRadius.md');
     margin-bottom: 15vh; // should appear slightly above centre

diff --git a/client/src/components/ComboBox/ComboBox.scss b/client/src/components/ComboBox/ComboBox.scss
@@ -12,6 +12,9 @@ $spacing-sm: theme('spacing.5');
   color: theme('colors.text-context');
   border-radius: theme('borderRadius.DEFAULT');
   font-size: theme('fontSize.18');
+  @include dark-theme() {
+    box-shadow: theme('boxShadow.lg');
+  }
   box-shadow: theme('boxShadow.md');
   outline: 10px solid transparent;
 }

diff --git a/client/src/tokens/objectStyles.js b/client/src/tokens/objectStyles.js
@@ -18,6 +18,7 @@ const borderWidth = {
 const boxShadow = {
   DEFAULT: '5px 5px 20px rgba(0, 0, 0, 0.05)',
   md: '5px 5px 30px rgba(0, 0, 0, 0.25)',
+  lg: '5px 5px 30px rgba(0, 0, 0, 0.5)',
 };
 
 module.exports = {