Traditional themes: use gradient color on active tabs

4 files changed, 52 insertions, 26 deletions

diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index aaeede12..fb413afe 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -1813,10 +1813,11 @@ notebook header.top tab {
 }
 
 notebook header.top tab:checked {
-    border-width: 0px 1px 0px 1px;
+    border-top-color: @notebook_active_tab_border;
+    border-width: 1px 1px 0px 1px;
     background-image: linear-gradient(to bottom,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 notebook header.right tab {
@@ -1830,10 +1831,11 @@ notebook header.right tab {
 }
 
 notebook header.right tab:checked {
-    border-width: 1px 0px 1px 0px;
+    border-width: 1px 1px 1px 0px;
+    border-right-color: @notebook_active_tab_border;
     background-image: linear-gradient(to left,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 notebook header.bottom tab {
@@ -1847,10 +1849,11 @@ notebook header.bottom tab {
 }
 
 notebook header.bottom tab:checked {
-    border-width: 0px 1px 0px 1px;
+    border-width: 0px 1px 1px 1px;
+    border-bottom-color: @notebook_active_tab_border;
     background-image: linear-gradient(to top,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 notebook header.left tab {
@@ -1864,10 +1867,11 @@ notebook header.left tab {
 }
 
 notebook header.left tab:checked {
-    border-width: 1px 0px 1px 0px;
+    border-width: 1px 0px 1px 1px;
+    border-left-color: @notebook_active_tab_border;
     background-image: linear-gradient(to right,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 /* outlines */
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
index 24885305..0820da89 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -518,7 +518,15 @@ window.background.mate-terminal > box.vertical > notebook {
 }
 
 /* override settings for pavu-control */
-window.background.mate-terminal > box.vertical > notebook > header.top tab,
+window.background.mate-terminal > box.vertical > notebook > header.top tab {
+    border-radius: 3px 3px 0px 0px;
+    padding: 4px 2px 4px 6px;
+    margin: 0px 0px 0px -1px;
+    border-style: solid;
+    border-color: @border_color;
+    border-width: 1px;
+}
+
 window.background.mate-terminal > box.vertical > notebook > header.top tab:checked,
 window.background.mate-terminal > box.vertical > notebook > header.top tab:checked:hover {
     border-radius: 3px 3px 0px 0px;
@@ -526,6 +534,7 @@ window.background.mate-terminal > box.vertical > notebook > header.top tab:check
     margin: 0px 0px 0px -1px;
     border-style: solid;
     border-color: @border_color;
+    border-top-color: @notebook_active_tab_border;
     border-width: 1px;
 }
 
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index f20f2493..975ecfd4 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -1814,10 +1814,11 @@ notebook header.top tab {
 }
 
 notebook header.top tab:checked {
-    border-width: 0px 1px 0px 1px;
+    border-top-color: @notebook_active_tab_border;
+    border-width: 1px 1px 0px 1px;
     background-image: linear-gradient(to bottom,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 notebook header.right tab {
@@ -1831,10 +1832,11 @@ notebook header.right tab {
 }
 
 notebook header.right tab:checked {
-    border-width: 1px 0px 1px 0px;
+    border-width: 1px 1px 1px 0px;
+    border-right-color: @notebook_active_tab_border;
     background-image: linear-gradient(to left,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 notebook header.bottom tab {
@@ -1848,10 +1850,11 @@ notebook header.bottom tab {
 }
 
 notebook header.bottom tab:checked {
-    border-width: 0px 1px 0px 1px;
+    border-width: 0px 1px 1px 1px;
+    border-bottom-color: @notebook_active_tab_border;
     background-image: linear-gradient(to top,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 notebook header.left tab {
@@ -1865,10 +1868,11 @@ notebook header.left tab {
 }
 
 notebook header.left tab:checked {
-    border-width: 1px 0px 1px 0px;
+    border-width: 1px 0px 1px 1px;
+    border-left-color: @notebook_active_tab_border;
     background-image: linear-gradient(to right,
-                      @notebook_active_tab_gradient_a,
-                      @notebook_active_tab_gradient_b);
+                      @notebook_active_tab_strip_gradient_b 1px,
+                      @notebook_active_tab_gradient_b 8px);
 }
 
 /* outlines */
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
index f7015786..1b9ca569 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
@@ -518,7 +518,15 @@ window.background.mate-terminal > box.vertical > notebook {
 }
 
 /* override settings for pavu-control */
-window.background.mate-terminal > box.vertical > notebook > header.top tab,
+window.background.mate-terminal > box.vertical > notebook > header.top tab {
+    border-radius: 3px 3px 0px 0px;
+    padding: 4px 2px 4px 6px;
+    margin: 0px 0px 0px -1px;
+    border-style: solid;
+    border-color: @border_color;
+    border-width: 1px;
+}
+
 window.background.mate-terminal > box.vertical > notebook > header.top tab:checked,
 window.background.mate-terminal > box.vertical > notebook > header.top tab:checked:hover {
     border-radius: 3px 3px 0px 0px;
@@ -526,6 +534,7 @@ window.background.mate-terminal > box.vertical > notebook > header.top tab:check
     margin: 0px 0px 0px -1px;
     border-style: solid;
     border-color: @border_color;
+    border-top-color: @notebook_active_tab_border;
     border-width: 1px;
 }