GTK+-3.20 TraditionalOK: adjust notebook tabs and use symbolic arrows

1 files changed, 114 insertions, 36 deletions

diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index 0bc92379..52a51c27 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -1424,9 +1424,9 @@ notebook header tab {
 }
 
 notebook header.top tab {
-    padding: 7px 2px 0 2px;
-    border-width: 0px 1px 1px 1px;
-    border-radius: 3px 3px 0px 0px;;
+    padding: 7px 28px 0 28px;
+    border-width: 0px 0px 1px 0px;
+    border-radius: 0px;
     background-image: linear-gradient(to bottom,
                       @notebook_tab_gradient_a,
                       @notebook_tab_gradient_b 50%,
@@ -1434,40 +1434,8 @@ notebook header.top tab {
                       @notebook_tab_gradient_d);
 }
 
-notebook header.right tab {
-    padding: 2px 7px 2px 0;
-    border-width: 1px 0px 1px 1px;
-    border-radius: 0px 3px 3px 0px;;
-    background-image: linear-gradient(to left,
-                      @notebook_tab_gradient_a,
-                      @notebook_tab_gradient_b 50%,
-                      @notebook_tab_gradient_c 50%,
-                      @notebook_tab_gradient_d);
-}
-
-notebook header.bottom tab {
-    padding: 0px 2px 7px 2px;
-    border-width: 1px 1px 0px 1px;
-    border-radius: 0px 0px 3px 3px;;
-    background-image: linear-gradient(to top,
-                      @notebook_tab_gradient_a,
-                      @notebook_tab_gradient_b 50%,
-                      @notebook_tab_gradient_c 50%,
-                      @notebook_tab_gradient_d);
-}
-
-notebook header.left tab {
-    padding: 2px 0 2px 7px;
-    border-width: 1px 1px 1px 0px;
-    border-radius: 3px 0px 0px 3px;;
-    background-image: linear-gradient(to right,
-                      @notebook_tab_gradient_a,
-                      @notebook_tab_gradient_b 50%,
-                      @notebook_tab_gradient_c 50%,
-                      @notebook_tab_gradient_d);
-}
-
 notebook header.top tab:active {
+    border-radius: 3px 3px 0px 0px;
     border-width: 0px 1px 0px 1px;
     border-top-color: @notebook_active_tab_border;
     background-image: linear-gradient(to bottom,
@@ -1478,6 +1446,25 @@ notebook header.top tab:active {
                       @notebook_active_tab_gradient_b);
 }
 
+notebook header.top tab:active:first-child {
+    border-width: 0px 1px 0px 0px;
+}
+
+notebook header.top tab:active:last-child {
+    border-width: 0px 0px 0px 1px;
+}
+
+notebook header.right tab {
+    padding: 2px 7px 2px 0;
+    border-width: 0px 0px 0px 1px;
+    border-radius: 0px;
+    background-image: linear-gradient(to left,
+                      @notebook_tab_gradient_a,
+                      @notebook_tab_gradient_b 50%,
+                      @notebook_tab_gradient_c 50%,
+                      @notebook_tab_gradient_d);
+}
+
 notebook header.right tab:active {
     border-width: 1px 0px 1px 0px;
     border-right-color: @notebook_active_tab_border;
@@ -1489,6 +1476,25 @@ notebook header.right tab:active {
                       @notebook_active_tab_gradient_b);
 }
 
+notebook header.right tab:active:first-child {
+    border-width: 0px 0px 1px 0px;
+}
+
+notebook header.right tab:active:last-child {
+    border-width: 1px 0px 0px 0px;
+}
+
+notebook header.bottom tab {
+    padding: 0px 28px 7px 28px;
+    border-width: 1px 0px 0px 0px;
+    border-radius: 0px;
+    background-image: linear-gradient(to top,
+                      @notebook_tab_gradient_a,
+                      @notebook_tab_gradient_b 50%,
+                      @notebook_tab_gradient_c 50%,
+                      @notebook_tab_gradient_d);
+}
+
 notebook header.bottom tab:active {
     border-width: 0px 1px 0px 1px;
     border-bottom-color: @notebook_active_tab_border;
@@ -1500,6 +1506,25 @@ notebook header.bottom tab:active {
                       @notebook_active_tab_gradient_b);
 }
 
+notebook header.bottom tab:active:first-child {
+    border-width: 0px 1px 0px 0px;
+}
+
+notebook header.bottom tab:active:last-child {
+    border-width: 0px 0px 0px 1px;
+}
+
+notebook header.left tab {
+    padding: 2px 0 2px 7px;
+    border-width: 0px 1px 0px 0px;
+    border-radius: 0px;
+    background-image: linear-gradient(to right,
+                      @notebook_tab_gradient_a,
+                      @notebook_tab_gradient_b 50%,
+                      @notebook_tab_gradient_c 50%,
+                      @notebook_tab_gradient_d);
+}
+
 notebook header.left tab:active {
     border-width: 1px 0px 1px 0px;
     border-left-color: @notebook_active_tab_border;
@@ -1511,6 +1536,14 @@ notebook header.left tab:active {
                       @notebook_active_tab_gradient_b);
 }
 
+notebook header.left tab:active:first-child {
+    border-width: 0px 0px 1px 0px;
+}
+
+notebook header.left tab:active:last-child {
+    border-width: 1px 0px 0px 0px;
+}
+
 .notebook tab * {
     background-color: transparent;
 }
@@ -1535,6 +1568,51 @@ notebook button.flat.small-button:hover{
     border-color: alpha(black, 0.1);
 }
 
+notebook header.top tabs arrow.up,
+notebook header.bottom tabs arrow.up {
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+    color: @theme_fg_color;
+}
+
+notebook header.top tabs arrow.down,
+notebook header.bottom tabs arrow.down {
+    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+    color: @theme_fg_color;
+}
+
+notebook header.left tabs arrow.up,
+notebook header.right tabs arrow.up {
+    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+    color: @theme_fg_color;
+}
+
+notebook header.left tabs arrow.down,
+notebook header.right tabs arrow.down {
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+    color: @theme_fg_color;
+}
+
+notebook header tabs arrow {
+    color: @theme_fg_color;
+}
+
+notebook header tabs arrow:hover,
+notebook header tabs arrow:active {
+    color: @theme_selected_bg_color;
+}
+
+notebook header tabs arrow:disabled {
+    color: rgba(141, 144, 145, 0.3);
+}
+
+notebook header tabs arrow:backdrop {
+    color: rgba(84, 89, 90, 0.4);
+}
+
+notebook header tabs arrow:backdrop:disabled {
+    color: #c7c7c7;
+}
+
 /**************
  * ComboBoxes *
  **************/