refactor: update elevation

Author: mrholek

scss/_card.scss

@@ -238,3 +238,11 @@
     }
   }
 }
+
+@if $enable-dark-mode and $enable-elevations {
+  @include color-mode(dark) {
+    .card:not([class*="border"]):not([class*="elevation-0"]) {
+      background-color: color-mix(in srgb, var(--#{$prefix}card-bg) 98%, #fff);
+    }
+  }
+}

scss/_date-picker.scss

@@ -278,3 +278,11 @@
     }
   }
 }
+
+@if $enable-dark-mode and $enable-elevations {
+  @include color-mode(dark) {
+    .date-picker-dropdown {
+      background-color: color-mix(in srgb, var(--#{$prefix}date-picker-dropdown-bg) 96%, #fff);
+    }
+  }
+}

scss/_dropdown.scss

@@ -249,3 +249,11 @@
   --#{$prefix}dropdown-header-color: #{$dropdown-dark-header-color};
   // scss-docs-end dropdown-dark-css-vars
 }
+
+@if $enable-dark-mode and $enable-elevations {
+  @include color-mode(dark) {
+    .dropdown-menu {
+      background-color: color-mix(in srgb, var(--#{$prefix}dropdown-bg) 96%, #fff);
+    }
+  }
+}

scss/_time-picker.scss

@@ -288,3 +288,11 @@
     }
   }
 }
+
+@if $enable-dark-mode and $enable-elevations {
+  @include color-mode(dark) {
+    .time-picker-dropdown {
+      background-color: color-mix(in srgb, var(--#{$prefix}time-picker-dropdown-bg) 96%, #fff);
+    }
+  }
+}

scss/_variables-dark.scss

@@ -154,8 +154,8 @@ $body-secondary-bg-dark:            $gray-800-dark !default;
 $body-tertiary-color-dark:          rgba($body-color-dark, .5) !default;
 $body-tertiary-bg-dark:             mix($gray-800-dark, #181924, 50%) !default;
 $body-emphasis-color-dark:          $white !default;
-$border-color-dark:                 $gray-800-dark !default;
-$border-color-translucent-dark:     rgba($white, .1) !default;
+$border-color-dark:                 $gray-700-dark !default;
+$border-color-translucent-dark:     rgba($white, .15) !default;
 $headings-color-dark:               inherit !default;
 $link-color-dark:                   tint-color($primary, 40%) !default;
 $link-hover-color-dark:             shift-color($link-color-dark, -$link-shade-percentage) !default;

scss/forms/_form-multi-select.scss

@@ -447,3 +447,15 @@ select.form-multi-select {
     }
   }
 }
+
+@if $enable-dark-mode and $enable-elevations {
+  @include color-mode(dark) {
+    .form-multi-select-dropdown {
+      background-color: color-mix(in srgb, var(--#{$prefix}form-multi-select-dropdown-bg) 96%, #fff);
+    }
+
+    .form-multi-select-option-with-checkbox::before {
+      background-color: color-mix(in srgb, var(--#{$prefix}form-multi-select-option-indicator-bg) 96%, #fff);
+    }
+  }
+}

scss/mixins/_elevation.scss

@@ -3,8 +3,8 @@
     @if $exclude == null {
       &:not([class*="border"]):not([class*="elevation-0"]) {
         border: 0;
+        box-shadow: map-get($elevations, $value);
       }
-      box-shadow: map-get($elevations, $value);
     }
     @else {
       $selector: ":not(.placeholder)";