From cfb0a4b630fde9a25cc6d26bc501ef17e4c20d5b Mon Sep 17 00:00:00 2001
From: Albina Starykova <albina.starikova@gmail.com>
Date: Fri, 7 Jul 2023 01:05:13 +0300
Subject: [PATCH] Update box-shadow for menus in dark mode

---
 client/scss/components/_dialog.scss          | 3 +++
 client/scss/layouts/_login.scss              | 3 +++
 client/src/components/ComboBox/ComboBox.scss | 3 +++
 client/src/tokens/objectStyles.js            | 1 +
 4 files changed, 10 insertions(+)

diff --git a/client/scss/components/_dialog.scss b/client/scss/components/_dialog.scss
index 64583de4e5ca..a26d6d164bca 100644
--- 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
index ce0088814ab0..7d7f2e89b967 100644
--- 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
index 0447050ffdba..b90ef737d434 100644
--- 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
index 01cbf81b5009..cf26f3d4f641 100644
--- 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 = {