ux: tweaked panel color and dashboard background is same as page background

public/sass/_variables.dark.scss

@@ -90,11 +90,11 @@ $component-active-bg:    $brand-primary !default;
 
 // Panel
 // -------------------------
-$panel-bg: 				      $dark-2;
-$panel-border-color:    $dark-2;
+$panel-bg: 				      #212124;
+$panel-border-color:    $dark-1;
 $panel-border:          solid 1px $panel-border-color;
 $panel-drop-zone-bg:    repeating-linear-gradient(-128deg, #111, #111 10px, #191919 10px, #222 20px);
-$panel-header-hover-bg:       $dark-3;
+$panel-header-hover-bg:       $dark-4;
 $panel-header-menu-hover-bg:  $dark-5;
 
 $divider-border-color:        #555;

public/sass/components/_tabbed_view.scss

@@ -8,13 +8,6 @@
     .tabbed-view-header {
       padding: 1.5em 1rem 0 1rem;
     }
-
-    .gf-tabs-link.active {
-      background-color: #0a0a0a;
-    }
-    .tabbed-view-body {
-      min-height: 200px;
-    }
   }
 }
 

public/sass/components/_tabs.scss

@@ -62,7 +62,7 @@
   &.active:focus {
     @include border-radius(3px);
     border-color: rgba(216, 131, 40, 0.77);
-    border-bottom: 2px solid #0a0a0a;
+    border-bottom: 1px solid $page-bg;
     color: $link-color;
     position: relative;
     top: 1px;

public/sass/pages/_dashboard.scss

@@ -2,7 +2,7 @@
   padding: $dashboard-padding;
   width: 100%;
   min-height: 100%;
-  background: $dashboard-gradient;
+  // background: $dashboard-gradient;
 }
 
 .template-variable {