new dark-3 became new dark-2, created new lighter dark-3, changed panel-bg, empty-cta etc to dark-2

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;