[gnome-themes-standard] Make the tab close button a little less blinky



commit 9c3574e2bf950481c2b1b1130ea0180cb8f2c6f8
Author: William Jon McCann <william jon mccann gmail com>
Date:   Fri Jan 24 18:30:15 2014 -0500

    Make the tab close button a little less blinky
    
    Add transitions and make it less noisy on inactive tabs.

 themes/Adwaita/gtk-3.0/gtk-widgets.css |   27 +++++++++++++++++++--------
 1 files changed, 19 insertions(+), 8 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index 176a13b..61c0235 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -1920,46 +1920,57 @@ GtkLinkButton.button:active {
 }
 
 /* close button styling */
-.notebook tab .button,
-.notebook tab .button:active,
-.notebook tab .button:hover {
+.notebook tab .button {
+    color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.7);
     border-image: none;
     background-image: none;
     background-color: transparent;
     border-radius: 3px;
-    color: mix(@theme_fg_color, @theme_base_color, 0.6);
     border-style: solid;
     border-color: transparent;
     border-width: 1px;
     padding: 1px;
+    icon-shadow: none;
+    transition: all 200ms ease-out;
+}
+
+.notebook .prelight-page .button,
+.notebook tab.prelight-page .button,
+.notebook .active-page .button,
+.notebook tab.active-page .button {
+    color: mix(@theme_fg_color, @theme_base_color, 0.6);
     icon-shadow: 0 1px @button_text_shadow;
+    transition: all 200ms ease-in;
 }
 
 .notebook tab .button:hover {
     color: @theme_fg_color;
     border-color: alpha(black, 0.1);
+    transition: all 200ms ease-in;
 }
 
 .notebook tab .button:active,
 .notebook tab .button:active:hover {
+    color:  @button_active_text;
     background-color: alpha(black, 0.08);
     box-shadow: inset 0 1px alpha(black, 0.05);
-    color:  @button_active_text;
     icon-shadow: 0 1px @button_active_text_shadow;
 
-    border-color: alpha(black, 0.27) 
-                  alpha(black, 0.13) 
-                  alpha(black, 0.13) 
+    border-color: alpha(black, 0.27)
+                  alpha(black, 0.13)
+                  alpha(black, 0.13)
                   alpha(black, 0.13);
 }
 
 .notebook tab .button:backdrop {
     color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.7);
     icon-shadow: none;
+    transition: all 200ms ease-out;
 }
 
 .notebook tab .button:backdrop:hover {
     color: @theme_unfocused_fg_color;
+    transition: all 200ms ease-out;
 }
 
 /**************


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]