Add dropdown background

Add `$dropdown-background` config to allow to customize dropdown
background color.
The default background value is the same (`$body-background`).

diff --git a/scss/components/_dropdown.scss b/scss/components/_dropdown.scss
index 771b5fd344794c2bfe13802f2368ef0ae92b5198..b41809f056a3ba75cd7ccbdacf5bedafc1e35ba3 100644 (file)
--- a/scss/components/_dropdown.scss
+++ b/scss/components/_dropdown.scss
@@ -10,6 +10,10 @@
 /// @type List
 $dropdown-padding: 1rem !default;
 
+/// Background for dropdown panes.
+/// @type Color
+$dropdown-background: $body-background !default;
+
 /// Border for dropdown panes.
 /// @type List
 $dropdown-border: 1px solid $medium-gray !default;
@@ -36,7 +40,7 @@ $dropdown-sizes: (
 
 /// Applies styles for a basic dropdown.
 @mixin dropdown-container {
-  background-color: $body-background;
+  background-color: $dropdown-background;
   border: $dropdown-border;
   border-radius: $dropdown-radius;
   display: block;

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index df56c6a70bccce1ed40ac89b57a04fd3f0632b3c..6733d475517555e00c6d4f965c3a45c5bbcba3b8 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -293,6 +293,7 @@ $drilldown-background: $white;
 // ------------
 
 $dropdown-padding: 1rem;
+$dropdown-background: $body-background;
 $dropdown-border: 1px solid $medium-gray;
 $dropdown-font-size: 1rem;
 $dropdown-width: 300px;