BlackMate GreenLaguna GTK3: add transition effect for buttons and menu-buttons/items

2 files changed, 28 insertions, 29 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index 0247fd10..b7aa4256 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -1130,16 +1130,15 @@ GtkComboBox .menu {
  ***********/
 .button {
 	padding: 0;
-
 	border-radius: 3px;
 	border-width: 1px;
 	border-style: solid;
 	text-shadow: 0 -1px black;
-
 	color: @theme_fg_color;
 	background-image: linear-gradient(to bottom,
 	                                  @button_hover_gradient_color_a,
 	                                  @button_hover_gradient_color_b);
+	transition: all 200ms ease-out;
 }
 
 .button.image-button,
@@ -1436,10 +1435,12 @@ GtkComboBox .menu {
 }*/
 
 .menubar .menuitem {
+	transition: all 200ms ease-out;
 	padding: 3px 7px;
 }
 
 .menu .menuitem {
+	transition: all 200ms ease-out;
 	padding: 3px 4px;
 }
 
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 9e1ced95..b62bbfa5 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -859,20 +859,18 @@ GtkTreeMenu .menuitem * {
  * Buttons *
  ***********/
 .button {
-	padding: 0px;
-
-	-adwaita-focus-border-radius: 1;
-	/*-adwaita-focus-border-dashes: 0;*/
-	-GtkWidget-focus-line-width: 1;
-
-	border-radius: 3px;
-	border-width: 1px;
-	border-style: solid;
-	/*border-image is defined in gtk-widgets-assets.css*/
-
-	background-image: linear-gradient(to bottom,
-	                                  @button_gradient_color_a,
-	                                  @button_gradient_color_b);
+    padding: 0px;
+    -adwaita-focus-border-radius: 1;
+    /*-adwaita-focus-border-dashes: 0;*/
+    -GtkWidget-focus-line-width: 1;
+    border-radius: 3px;
+    border-width: 1px;
+    border-style: solid;
+    /*border-image is defined in gtk-widgets-assets.css*/
+    background-image: linear-gradient(to bottom,
+                                      @button_gradient_color_a,
+                                      @button_gradient_color_b);
+    transition: all 200ms ease-out;
 }
 
 .button GtkImage,
@@ -1153,23 +1151,23 @@ GtkTreeMenu .menuitem * {
 
 /* this controls the general appearance of the menubar */
 .menubar {
-	background-image: none;
-	background-color: @theme_bg_color;
-	border-width: 0px;
-	border-style: none;
-	/*this has no effect anymore */
-	/*padding: 2px;*/
-	color: @theme_text_color;
-
-	-GtkWidget-window-dragging: true;
-	-GtkMenuBar-internal-padding: 0;
+    background-image: none;
+    background-color: @theme_bg_color;
+    border-width: 0px;
+    border-style: none;
+    /*this has no effect anymore */
+    /*padding: 2px;*/
+    color: @theme_text_color;
+    -GtkWidget-window-dragging: true;
+    -GtkMenuBar-internal-padding: 0;
 }
 
 .menubar .menuitem,
 .menu .menuitem {
-	border-width: 0px;
-	border-style: none;
-	padding: 3px 4px;
+    transition: all 200ms ease-out;
+    border-width: 0px;
+    border-style: none;
+    padding: 3px 4px;
 }
 
 .menu .menuitem,