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

2 files changed, 14 insertions, 10 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index 72c15f13..ee83fd56 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -1126,6 +1126,7 @@ GtkComboBox .menu {
 	background-image: linear-gradient(to bottom,
 	                                  @button_hover_gradient_color_a,
 	                                  @button_hover_gradient_color_b);
+    transition: all 200ms ease-out;
 }
 
 .button.image-button,
@@ -1431,10 +1432,12 @@ GtkComboBox .menu {
 }*/
 
 .menubar .menuitem {
+    transition: all 200ms ease-out;
 	padding: 3px 7px;
 }
 
 .menu .menuitem {
+    transition: all 200ms ease-out;
 	padding: 3px 4px;
 }
 
@@ -2022,7 +2025,7 @@ GtkProgressBar.osd.progressbar {
 }
  
 .titlebar .right .titlebutton:first-child {
-    border-left: 1px solid @menu_separator; 
+    border-left: 1px solid @menu_separator;
 }
  
 .titlebar .right .titlebutton:last-child {
@@ -2030,7 +2033,7 @@ GtkProgressBar.osd.progressbar {
 }
  
 .titlebar .left .titlebutton:last-child {
-    border-right: 1px solid @menu_separator; 
+    border-right: 1px solid @menu_separator;
 }
  
 .titlebar .left .titlebutton:first-child {
diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
index 66933800..50b586d8 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -280,14 +280,15 @@ MatePanelApplet {
 	text-shadow: none;
 }
 
-/* needed for a working top panel with 24px (default) */
-PanelMenuBar.menubar * {
-	background-image: none;
-	background-color: transparent;
-	border-width: 0px;
-	border-style: none;
-	padding: 0px;
-	text-shadow: none;
+/* set selected menubar button */
+PanelMenuBar.menubar .menuitem:hover {
+    transition: all 300ms ease-out;
+}
+
+/* set selected menubar menuitem */
+PanelMenuBar.menubar .menu .menuitem:active:hover,
+PanelMenuBar.menubar .menu .menuitem:hover {
+    transition: all 300ms ease-out;
 }
 
 PanelApplet {