Improvement: GTK3&4 - notebook tab arrows color

thekomer · Feb 10, 2022 · ba9e895 · ba9e895
1 parent 6684073
commit ba9e895
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 12 deletions.
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
@@ -3292,7 +3292,8 @@ notebook > header {
     notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
       background-clip: padding-box;
       background-image: none;
-      background-color: rgba(255, 255, 255, 0.3);
+      background-color: rgba(255, 255, 255, 0.1);
+      color: #fefefe;
       border-color: transparent;
       box-shadow: none; }
     notebook > header > tabs > arrow:disabled {
@@ -3301,7 +3302,8 @@ notebook > header {
       border-color: transparent;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
-      -gtk-icon-shadow: none; }
+      -gtk-icon-shadow: none;
+      color: #676a75; }
   notebook > header tab {
     min-height: 24px;
     min-width: 24px;

diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
@@ -3292,7 +3292,8 @@ notebook > header {
     notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
       background-clip: padding-box;
       background-image: none;
-      background-color: rgba(255, 255, 255, 0.3);
+      background-color: rgba(255, 255, 255, 0.1);
+      color: #fefefe;
       border-color: transparent;
       box-shadow: none; }
     notebook > header > tabs > arrow:disabled {
@@ -3301,7 +3302,8 @@ notebook > header {
       border-color: transparent;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
-      -gtk-icon-shadow: none; }
+      -gtk-icon-shadow: none;
+      color: #676a75; }
   notebook > header tab {
     min-height: 24px;
     min-width: 24px;

diff --git a/gtk-3.0/widgets/_notebooks.scss b/gtk-3.0/widgets/_notebooks.scss
@@ -137,12 +137,16 @@ notebook {
       &:hover:not(:active):not(:backdrop) {
         background-clip: padding-box;
         background-image: none;
-        background-color: transparentize(white, 0.7);
+        background-color: transparentize(white, 0.9);
+        color: $selected_fg_color;
         border-color: transparent;
         box-shadow: none;
       }
 
-      &:disabled { @include button(undecorated); }
+      &:disabled {
+				@include button(undecorated);
+				color: $insensitive_fg_color;
+			}
     }
 
     tab {

diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css
@@ -3229,7 +3229,8 @@ notebook > header {
     notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
       background-clip: padding-box;
       background-image: none;
-      background-color: rgba(255, 255, 255, 0.3);
+      background-color: rgba(255, 255, 255, 0.1);
+      color: #fefefe;
       border-color: transparent;
       box-shadow: none; }
     notebook > header > tabs > arrow:disabled {
@@ -3238,7 +3239,8 @@ notebook > header {
       border-color: transparent;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
-      -gtk-icon-shadow: none; }
+      -gtk-icon-shadow: none;
+      color: #676a75; }
   notebook > header tab {
     min-height: 24px;
     min-width: 24px;

diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
@@ -3229,7 +3229,8 @@ notebook > header {
     notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
       background-clip: padding-box;
       background-image: none;
-      background-color: rgba(255, 255, 255, 0.3);
+      background-color: rgba(255, 255, 255, 0.1);
+      color: #fefefe;
       border-color: transparent;
       box-shadow: none; }
     notebook > header > tabs > arrow:disabled {
@@ -3238,7 +3239,8 @@ notebook > header {
       border-color: transparent;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
-      -gtk-icon-shadow: none; }
+      -gtk-icon-shadow: none;
+      color: #676a75; }
   notebook > header tab {
     min-height: 24px;
     min-width: 24px;

diff --git a/gtk-4.0/widgets/_notebooks.scss b/gtk-4.0/widgets/_notebooks.scss
@@ -137,12 +137,16 @@ notebook {
       &:hover:not(:active):not(:backdrop) {
         background-clip: padding-box;
         background-image: none;
-        background-color: transparentize(white, 0.7);
+        background-color: transparentize(white, 0.9);
+        color: $selected_fg_color;
         border-color: transparent;
         box-shadow: none;
       }
 
-      &:disabled { @include button(undecorated); }
+      &:disabled {
+				@include button(undecorated);
+				color: $insensitive_fg_color;
+			}
     }
 
     tab {