diff --git a/src/assets/scss/themes/_theme.dark_styles.scss b/src/assets/scss/themes/_theme.dark_styles.scss
index e028b711..a0d01396 100644
--- a/src/assets/scss/themes/_theme.dark_styles.scss
+++ b/src/assets/scss/themes/_theme.dark_styles.scss
@@ -538,3 +538,7 @@ div.x-friend-list
 .el-color-picker__trigger {
     border: none;
 }
+
+.el-tooltip__popper {
+    box-shadow: $--box-shadow-dark !important;
+}
diff --git a/src/assets/scss/themes/theme.amoled.scss b/src/assets/scss/themes/theme.amoled.scss
index ee77c64d..d90f28ea 100644
--- a/src/assets/scss/themes/theme.amoled.scss
+++ b/src/assets/scss/themes/theme.amoled.scss
@@ -101,6 +101,8 @@ $--select-dropdown-background: $--theme-bg-4;
 $--select-dropdown-border: 1px solid $--theme-border-1;
 
 $--dropdown-menu-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
+$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
 
 $--tree-font-color: $--theme-text-2;
 $--tree-node-hover-background-color: hsl(
diff --git a/src/assets/scss/themes/theme.dark.scss b/src/assets/scss/themes/theme.dark.scss
index 7d9010b1..c5a8bf2d 100644
--- a/src/assets/scss/themes/theme.dark.scss
+++ b/src/assets/scss/themes/theme.dark.scss
@@ -98,7 +98,10 @@ $--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
 $--select-dropdown-background: $--theme-bg-4;
 $--select-dropdown-border: 1px solid $--theme-border-1;
 
-$--dropdown-menu-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+$--dropdown-menu-box-shadow: 0 2px 12px
+    hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
+$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
+$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
 
 $--tree-font-color: $--theme-text-2;
 $--tree-node-hover-background-color: hsl(
diff --git a/src/assets/scss/themes/theme.darkblue.scss b/src/assets/scss/themes/theme.darkblue.scss
index 600cc865..f70af835 100644
--- a/src/assets/scss/themes/theme.darkblue.scss
+++ b/src/assets/scss/themes/theme.darkblue.scss
@@ -98,7 +98,10 @@ $--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
 $--select-dropdown-background: $--theme-bg-4;
 $--select-dropdown-border: 1px solid $--theme-border-1;
 
-$--dropdown-menu-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+$--dropdown-menu-box-shadow: 0 2px 12px
+    hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
+$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
+$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
 
 $--tree-font-color: $--theme-text-2;
 $--tree-node-hover-background-color: hsl(