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 4497c274..276712e1 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -1164,6 +1164,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,
@@ -1481,10 +1482,12 @@ GtkComboBox .menu {
 }*/
 
 .menubar .menuitem {
+    transition: all 200ms ease-out;
 	padding: 3px 7px;
 }
 
 .menu .menuitem {
+    transition: all 200ms ease-out;
 	padding: 3px 4px;
 }
 
@@ -2103,7 +2106,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 {
@@ -2111,7 +2114,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 {