changeset 61:872653c403c4

Fix grey disabled "suggest-action" headerbar button when in backdrop
author IBBoard <dev@ibboard.co.uk>
date Tue, 09 May 2017 19:55:04 +0100
parents 342bda5df0af
children e6f584bf0745
files gtk-3.20/gtk.css gtk-3.20/gtk.scss
diffstat 2 files changed, 29 insertions(+), 22 deletions(-) [+]
line wrap: on
line diff
--- a/gtk-3.20/gtk.css	Sat May 06 15:56:37 2017 +0100
+++ b/gtk-3.20/gtk.css	Tue May 09 19:55:04 2017 +0100
@@ -4994,34 +4994,38 @@
         headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:active,
         headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked label,
         headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked {
-          color: #dee2d9; }
-      .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled,
+          color: #83877e; }
+      .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label,
       headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled,
-      headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled {
-        border-color: #828282;
-        background-image: image(#c6c6c6);
-        text-shadow: none;
-        -gtk-icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-        .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled,
-        headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label,
-        headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled,
-        headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label,
-        headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled {
-          color: #a0a0a0; }
-        .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked,
+      headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label,
+      headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled,
+      headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label {
+        color: #8d8d8d;
+        background-color: #3D3D3D;
+        background-image: none;
+        border-color: #303030;
+        box-shadow: none; }
+        .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked,
         headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active,
         headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked,
+        headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active,
+        headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked,
         headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active,
-        headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked {
+        headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked,
+        headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active,
+        headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked {
           border-color: #5a7043;
           background-image: image(#5a7043);
           box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-          .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked label,
+          .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked label,
           headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active label,
           headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked label,
+          headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active label,
+          headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked label,
           headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active label,
-          headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked label {
+          headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked label,
+          headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active label,
+          headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked label {
             color: #94a285; }
     .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled,
     headerbar:not(.selection-mode) button.suggested-action.flat:backdrop,
--- a/gtk-3.20/gtk.scss	Sat May 06 15:56:37 2017 +0100
+++ b/gtk-3.20/gtk.scss	Tue May 09 19:55:04 2017 +0100
@@ -10,7 +10,6 @@
 ///    - https://bugzilla.mozilla.org/show_bug.cgi?id=1268618
 ///    - Can't fudge this because Synapse uses the background colour and
 ///      seems to create its own gradient from it
-/// * Package Updater header bar button goes light grey when in background and activated
 
 
 $variant: 'light';
@@ -337,10 +336,14 @@
         @include button(backdrop, $selected_bg_color, white);
 
         &:active,
-        &:checked { @include button(backdrop-active, $selected_bg_color, white); }
+        &:checked { @include button(backdrop-active, $selected_bg_color, $insensitive_dark_fg_color); }
 
-        &:disabled {
-          @include button(backdrop-insensitive);
+        &:disabled, &:disabled label {
+          color: $insensitive_dark_fg_color;
+          background-color: $bg_dark_color;
+          background-image: none;
+          border-color: $header_button_border;
+          box-shadow: none;
 
           &:active,
           &:checked { @include button(backdrop-insensitive-active, $selected_bg_color, white); }