From 3fc6995ac15ddd1a0231f9d96af8a6bacfaa3abb Mon Sep 17 00:00:00 2001
From: Ben Ogle <ogle.ben@gmail.com>
Date: Thu, 22 Aug 2013 18:22:35 -0700
Subject: [PATCH] Use panel colors in tabs

---
 themes/neue-dark-ui/panels.less       | 2 +-
 themes/neue-dark-ui/tabs.less         | 6 +++---
 themes/neue-dark-ui/ui-variables.less | 7 +++++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/themes/neue-dark-ui/panels.less b/themes/neue-dark-ui/panels.less
index 060064bc3..be0a65e49 100644
--- a/themes/neue-dark-ui/panels.less
+++ b/themes/neue-dark-ui/panels.less
@@ -10,7 +10,7 @@
   line-height: 1;
 
   background-color: transparent;
-  background-image: linear-gradient(@inset-panel-background-highlight-color, fadeout(@tool-panel-background-highlight-color, 1%));
+  background-image: -webkit-linear-gradient(@panel-heading-background-color, darken(@panel-heading-background-color, 10%));
 }
 
 .inset-panel {
diff --git a/themes/neue-dark-ui/tabs.less b/themes/neue-dark-ui/tabs.less
index a03012301..44481ca97 100644
--- a/themes/neue-dark-ui/tabs.less
+++ b/themes/neue-dark-ui/tabs.less
@@ -2,7 +2,7 @@
 
 .tab-bar {
   height: @tab-height + 5px;
-  border-bottom: 4px solid darken(@tab-color-active, 10%);
+  border-bottom: 4px solid darken(@tab-background-color-active, 10%);
   box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.5);
   margin-bottom: 1px;
 }
@@ -12,7 +12,7 @@
   line-height: @tab-height;
   color: @text-color;
   margin: 0 0 1px 1px;
-  background-image: -webkit-linear-gradient(@tab-color-inactive, darken(@tab-color-inactive, 10%));
+  background-image: -webkit-linear-gradient(@tab-background-color-inactive, darken(@tab-background-color-inactive, 10%));
   box-shadow:
     inset 0 2px 0 rgba(255, 255, 255, 0.1),
     inset 0 1px 0 rgba(0, 0, 0, 1),
@@ -26,7 +26,7 @@
 
 .tab.active {
   height: @tab-height + 1px;
-  background-image: -webkit-linear-gradient(@tab-color-active, darken(@tab-color-active, 10%));
+  background-image: -webkit-linear-gradient(@tab-background-color-active, darken(@tab-background-color-active, 10%));
   color: @text-color-highlight;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
   z-index: 2;
diff --git a/themes/neue-dark-ui/ui-variables.less b/themes/neue-dark-ui/ui-variables.less
index 12d44e760..29def1064 100644
--- a/themes/neue-dark-ui/ui-variables.less
+++ b/themes/neue-dark-ui/ui-variables.less
@@ -30,10 +30,15 @@
 @inset-panel-background-color: #161719;
 @inset-panel-background-highlight-color: rgba(255, 255, 255, 0.07);
 
+@panel-heading-background-color: #43484d;
+
 @button-color: #303030;
 @button-color-hover: #353536;
 @button-color-active: #404040;
 
+@tab-background-color-active: @panel-heading-background-color;
+@tab-background-color-inactive: #292c2f;
+
 @site-color-1: #4dd157;
 @site-color-2: #3facc1;
 @site-color-3: #db2ff4;
@@ -51,5 +56,3 @@
 @component-border-radius: 2px;
 
 @tab-height: 30px;
-@tab-color-active: #43484d;
-@tab-color-inactive: #292c2f;