diff --git a/public/sass/_variables.dark.scss b/public/sass/_variables.dark.scss index 470b9609252..eced6d9fbf2 100644 --- a/public/sass/_variables.dark.scss +++ b/public/sass/_variables.dark.scss @@ -20,8 +20,8 @@ $green-shade: #23843b; $black: #000; $dark-1: #141414; $dark-1-5: #16171a; -$dark-2: #1f1f20; -$dark-3: #1f2124; +$dark-2: #1f2124; +$dark-3: #252629; $dark-4: #323436; $dark-5: #424345; $gray-1: #555555; @@ -104,7 +104,7 @@ $hr-border-color: $dark-4; // Panel // ------------------------- -$panel-bg: $dark-3; +$panel-bg: $dark-2; $panel-border: solid 1px $dark-1; $panel-header-hover-bg: $dark-4; $panel-corner: $panel-bg; @@ -135,7 +135,7 @@ $list-item-hover-bg: $card-background-hover; $list-item-link-color: $text-color; $list-item-shadow: $card-shadow; -$empty-list-cta-bg: $dark-3; +$empty-list-cta-bg: $dark-2; // Scrollbars $scrollbarBackground: $dark-4; @@ -175,7 +175,7 @@ $btn-link-color: $gray-3; $iconContainerBackground: $black; $btn-divider-left: $dark-4; -$btn-divider-right: $dark-1-5; +$btn-divider-right: $dark-2; $btn-drag-image: '../img/grab_dark.svg'; @@ -190,7 +190,7 @@ $input-box-shadow: inset 1px 0px 0.3rem 0px rgba(150, 150, 150, 0.1); $input-border-focus: $dark-3 !default; $input-box-shadow-focus: $sapphire-light !default; $input-color-placeholder: $gray-1 !default; -$input-label-bg: $dark-3; +$input-label-bg: $dark-2; $input-label-border-color: $dark-3; $input-color-select-arrow: $white; @@ -199,7 +199,7 @@ $placeholderText: darken($text-color, 25%); // Search $search-shadow: 0 0 30px 0 $black; -$search-filter-box-bg: $dark-3; +$search-filter-box-bg: $dark-2; // Typeahead $typeahead-shadow: 0 5px 10px 0 $black; @@ -368,7 +368,7 @@ $panel-editor-tabs-line-color: #e3e3e3; $panel-editor-viz-item-bg-hover: darken($sapphire-base, 46%); $panel-options-group-border: none; -$panel-options-group-header-bg: $dark-3; +$panel-options-group-header-bg: $dark-2; $panel-grid-placeholder-bg: $sapphire-faint; $panel-grid-placeholder-shadow: 0 0 4px $sapphire-shade;