diff --git a/styles/themes.scss b/styles/themes.scss index 8c0f43e6..5d726d20 100644 --- a/styles/themes.scss +++ b/styles/themes.scss @@ -64,6 +64,7 @@ --select-modal-bg: #{$select--modal--bg--light}; --select-modal-bg-hover: #{$select--modal--bg--light--hover}; --select-separator: #{$select--separator--light}; + --select-content-contained-bg: #{$select--content--contained--bg--light}; --option-bg-hover: #{$option--bg--light--hover}; // Light - Sliders @@ -221,6 +222,7 @@ --select-modal-bg: #{$select--modal--bg--dark}; --select-modal-bg-hover: #{$select--modal--bg--dark--hover}; --select-separator: #{$select--separator--dark}; + --select-content-contained-bg: #{$select--content--contained--bg--dark}; --option-bg-hover: #{$option--bg--dark--hover}; // Dark - Sliders diff --git a/styles/variables.scss b/styles/variables.scss index 547f6c0e..e7200ba0 100644 --- a/styles/variables.scss +++ b/styles/variables.scss @@ -48,6 +48,7 @@ $grey-50: #777; $grey-55: #888; $grey-60: #a9a9a9; $grey-70: #c6c6c6; +$grey-75: #dcdcdc; $grey-80: #e9e9e9; $grey-85: #efefef; $grey-90: #f5f5f5; @@ -210,10 +211,10 @@ $input--bound--bg--dark--hover: $grey-10; $select--bg--light: $grey-100; $select--bg--dark: $grey-10; -$select--contained--bg--light: $grey-90; +$select--contained--bg--light: $grey-85; $select--contained--bg--light--hover: $grey-80; -$select--contained--bg--dark: $grey-05; -$select--contained--bg--dark--hover: $grey-00; +$select--contained--bg--dark: $grey-15; +$select--contained--bg--dark--hover: $grey-10; $select--modal--bg--light: $grey-85; $select--modal--bg--light--hover: $grey-80; @@ -223,15 +224,18 @@ $select--modal--bg--dark--hover: $grey-30; $select--separator--light: $grey-90; $select--separator--dark: $grey-05; -$option--bg--light--hover: $grey-90; +$option--bg--light--hover: $grey-75; $option--bg--dark--hover: $grey-00; $grid--rep--hover--light: $grey-100; $grid--rep--hover--dark: $grey-10; -$grid--border--color--light: $grey-80; +$grid--border--color--light: $grey-85; $grid--border--color--dark: $grey-40; +$select--content--contained--bg--light: $grey-85; +$select--content--contained--bg--dark: $grey-15; + // Color Definitions: Slider $slider--thumb--bg--light: $grey-100; $slider--thumb--bg--dark: $grey-100;