BlackMate GTK3: fix view of mate-control-center part 2

- adjust some buttons, less blinky
- change transition time

1 files changed, 32 insertions, 28 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
index 133ce2c9..6838c5a5 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -47,6 +47,12 @@ CajaWindow GtkScrolledWindow.frame {
 
 CajaWindow .button {
 	border-image: url("assets/button-border-dark1.svg") 3 / 3px stretch;
+	background-image: linear-gradient(to bottom,
+	                                  shade(@less_dark_color, 1.3),
+	                                  shade(@less_dark_color, 0.4));
+}
+
+CajaWindow .button:hover {
 	background-image: -gtk-gradient (radial,
 					0.5 -2.0, 2.0,
 					0.5 -2.0, 3.0,
@@ -54,12 +60,6 @@ CajaWindow .button {
 					color-stop (0.42, shade(@button_gradient_color_a, 0.7)),
 					color-stop (0.43, @theme_bg_color),
 					to (shade(@less_dark_color, 0.4)));
-}
-
-CajaWindow .button:hover {
-	background-image: linear-gradient(to bottom,
-	                                  shade(@less_dark_color, 1.3),
-	                                  shade(@less_dark_color, 0.4));
 
 }
 
@@ -301,8 +301,8 @@ PanelMenuBar.menubar .menu .menuitem:hover {
     transition: all 300ms ease-out;
 }
 
-PanelApplet {
-	border-width: 0;
+MatePanelApplet {
+	border-width: 0px;
 }
 
 PanelSeparator {
@@ -318,27 +318,23 @@ PanelSeparator {
 /* desktop-applet, clockapplet, drivemount, character-map,
 dictionary */
 MatePanelApplet .button {
+	border-radius: 1px;
+	transition: all 400ms ease-out;
 	/* Due to a bug somewhere in gtk or cairo,
 	   a padding of zero (or even one) doesn't work always!!! */
 	padding: 2px;
-
-	border-radius: 3px;
 	border-width: 1px;
 	border-style: solid;
 	text-shadow: 0 -1px black;
-
 	color: @theme_fg_color;
-	background-image: -gtk-gradient (radial,
-					0.5 -2.0, 2.0,
-					0.5 -2.0, 3.0,
-					from (shade(@button_gradient_color_a, 1.5)),
-					color-stop (0.42, shade(@button_gradient_color_a, 0.7)),
-					color-stop (0.43, @theme_bg_color),
-					to (shade(@button_gradient_color_b, 0.7)));
+	background-image: linear-gradient(to bottom,
+	                                  @button_hover_gradient_color_a,
+	                                  @button_hover_gradient_color_b);
 }
 
 MatePanelApplet .button:active:hover,
 MatePanelApplet .button:active {
+	border-radius: 1px;
 	color: @theme_fg_color;
 	border-style: solid;
 	background-image: linear-gradient(to bottom,
@@ -348,25 +344,29 @@ MatePanelApplet .button:active {
 }
 
 MatePanelApplet .button:hover {
+	border-radius: 1px;
 	border-image: none;
 	border-style: solid;
 	border-color: shade(@button_border, 1.1);
-	background-image: linear-gradient(to bottom,
-	                                  @button_hover_gradient_color_a,
-	                                  @button_hover_gradient_color_b);
+	background-image: -gtk-gradient (radial,
+					0.5 -2.0, 2.0,
+					0.5 -2.0, 3.0,
+					from (shade(@button_gradient_color_a, 1.5)),
+					color-stop (0.42, shade(@button_gradient_color_a, 0.7)),
+					color-stop (0.43, @theme_bg_color),
+					to (shade(@button_gradient_color_b, 0.7)));
 }
 
 /*Wncklist */
 WnckTasklist .button {
+	transition: all 400ms ease-out;
 	/* Due to a bug somewhere in gtk or cairo,
 	   a padding of zero (or even one) doesn't work always!!! */
 	padding: 2px;
-
-	border-radius: 3px;
+	border-radius: 1px;
 	border-width: 1px;
 	border-style: solid;
 	text-shadow: 0 -1px black;
-
 	color: @theme_fg_color;
 	background-image: -gtk-gradient (radial,
 					0.5 -2.0, 2.0,
@@ -379,6 +379,7 @@ WnckTasklist .button {
 
 WnckTasklist .button:active:hover,
 WnckTasklist .button:active {
+	border-radius: 1px;
 	color: @theme_fg_color;
 	border-style: solid;
 	background-image: linear-gradient(to bottom,
@@ -388,12 +389,15 @@ WnckTasklist .button:active {
 }
 
 WnckTasklist .button:hover {
+	border-radius: 1px;
 	border-image: none;
 	border-style: solid;
 	border-color: shade(@button_border, 1.1);
 	background-image: linear-gradient(to bottom,
-	                                  @button_hover_gradient_color_a,
-	                                  @button_hover_gradient_color_b);
+	                                  shade(@button_gradient_color_a, 1.5),
+	                                  shade(@button_gradient_color_a, 0.7) 39%,
+	                                  @theme_bg_color 40%,
+	                                  shade(@less_dark_color, 0.4));
 }
 
 /* set selected button WnckSelector */
@@ -444,7 +448,7 @@ MatePanelApplet *:hover {
 }
 
 NaTrayApplet {
-/*	-NaTrayApplet-icon-padding: 12;
-	-NaTrayApplet-icon-size: 16;*/
+	-NaTrayApplet-icon-padding: 12;
+	-NaTrayApplet-icon-size: 16;
 }