changeset 59:a2b67776d320

Fix Nautilus button pulsing
author IBBoard <dev@ibboard.co.uk>
date Sat, 06 May 2017 15:42:40 +0100
parents 95d826ffdd2e
children 342bda5df0af
files gtk-3.20/gtk.css gtk-3.20/gtk.scss gtk-3.20/nautilus.css
diffstat 3 files changed, 14 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/gtk-3.20/gtk.css	Mon Apr 10 16:42:38 2017 +0100
+++ b/gtk-3.20/gtk.css	Sat May 06 15:42:40 2017 +0100
@@ -4778,6 +4778,10 @@
 @define-color wm_button_active_color_a shade(#3D3D3D, 0.85);
 @define-color wm_button_active_color_b shade(#3D3D3D, 0.89);
 @define-color wm_button_active_color_c shade(#3D3D3D, 0.9);
+@define-color wm_button_border #303030;
+@define-color button_emphasis_a #707070;
+@define-color button_emphasis_b #646464;
+@define-color button_emphasis_c #575757;
 /**************************
  *                        *
  * Adwaita Dark Overrides *
--- a/gtk-3.20/gtk.scss	Mon Apr 10 16:42:38 2017 +0100
+++ b/gtk-3.20/gtk.scss	Sat May 06 15:42:40 2017 +0100
@@ -8,6 +8,7 @@
 /// TODO:
 /// * Firefox GTK3 defaults to grey page background (".background" CSS rule)
 ///    - https://bugzilla.mozilla.org/show_bug.cgi?id=1268618
+/// * Package Updater header bar button goes light grey when in background and activated
 
 
 $variant: 'light';
@@ -110,6 +111,11 @@
 @define-color wm_button_active_color_b shade(#{$bg_dark_color}, 0.89);
 @define-color wm_button_active_color_c shade(#{$bg_dark_color}, 0.9);
 
+@define-color wm_button_border #{$header_button_border};
+
+@define-color button_emphasis_a #{lighten($header_button_raised_gradient_color_a, 10%)};
+@define-color button_emphasis_b #{lighten(mix($header_button_raised_gradient_color_a, $bg_dark_color, 50%), 10%)};
+@define-color button_emphasis_c #{lighten($bg_dark_color, 10%)};
 
 
 
--- a/gtk-3.20/nautilus.css	Mon Apr 10 16:42:38 2017 +0100
+++ b/gtk-3.20/nautilus.css	Sat May 06 15:42:40 2017 +0100
@@ -46,11 +46,11 @@
 /* Here we use the .button background-image colors from Adwaita, but ligthen them,
  * since is not possible to use lighten () in common css. */
 @keyframes needs_attention_keyframes {
-    0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%,  #e0e0e0); border-color: @borders; }
+    0% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%,  @button_emphasis_c); border-color: @wm_button_border; }
     /* can't do animation-direction, so holding the color on two keyframes */
-    30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
-    90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
-    100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%,  #e0e0e0); border-color: @borders; }
+    30% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; }
+    90% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; }
+    100% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%,  @button_emphasis_c); border-color: @wm_button_border; }
 }
 
 .nautilus-operations-button-needs-attention {