GTK3: Menta themes: adjust panel to follow latest changes in mate-panel

2 files changed, 84 insertions, 70 deletions

diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index ccc99e59..18b38d20 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -326,51 +326,45 @@ CajaQueryEditor .button {
  * Mate-Panel *
  ****************/
 
-/* the panel bar itself */
-.mate-panel-menu-bar {
-    background-color: @theme_bg_color;
-    background-image: none;
-    /* normal panel */
-    color: @theme_fg_color;
-    /* transparent panel */
-/*    color: @theme_selected_fg_color; */
-    text-shadow: none;
+/* first make all transparent */
+PanelToplevel.background.horizontal {
+    background-color: transparent;
 }
 
-/* first make all transparent */
 WnckSelector.menubar,
+PanelMenuBar.menubar,
+WnckSelector GtkMenuItem,
+PanelMenuBar GtkMenuItem,
 MatePanelApplet GtkToggleButton.button {
     border-image: none;
     background-image: none;
+    background-color: transparent;
+    box-shadow: none;
 }
 
-/* dictionary applet */
-GdictApplet .entry {
+/* let's started */
+/* the panel bar itself */
+PanelToplevel.background.horizontal {
+    background-color: @theme_bg_color;
+}
+
+.mate-panel-menu-bar {
+    background-color: @theme_bg_color;
+    background-image: none;
     /* normal panel */
     color: @theme_fg_color;
     /* transparent panel */
 /*    color: @theme_selected_fg_color; */
-    background-image: none;
-    background-color: transparent;
-    border-width: 1px;
-    padding: 3px 4px;
-}
-
-MatePanelApplet {
-    border-width: 0;
+    text-shadow: none;
 }
 
-MatePanelAppletFrameDBus PanelSeparator,
-PanelSeparator {
-    border-width: 0;
-    background-color: @theme_fg_color;
-    color: shade (@theme_fg_color, 4.30);
-    text-shadow: none;
+/* workaround to avoid unwanted black frames if switching compositor on/off */
+.mate-panel-menu-bar .window-frame.csd.popup {
+    box-shadow: none;
 }
 
 /* panel grip */
-PanelToplevel.background.mate-custom-panel-background {
-    background-color: transparent;
+PanelToplevel.background {
     border-radius: 2px;
 /* enable for making borders visible */
 /*    box-shadow: inset  0px  1px shade (@theme_bg_color, 1.0),
@@ -380,23 +374,36 @@ PanelToplevel.background.mate-custom-panel-background {
 }
 
 /* hide buttons */
-PanelToplevel.background.mate-custom-panel-background .button {
+PanelToplevel.background .button {
     background: transparent;
     border-image: none;
     border-radius: 2px;
     border-width: 0px;
-    padding: 0px 4px;
-    box-shadow: inset  0px  1px shade (@theme_bg_color, 1.0),
-                inset  1px  0px shade (@theme_bg_color, 1.0),
-                inset -1px  0px shade (@theme_bg_color, 1.0),
-                inset  0px -1px shade (@theme_bg_color, 1.0);
+    padding: 0px;
+    box-shadow: none;
+}
+
+PanelToplevel.background .button:hover,
+PanelToplevel.background .button:hover:active {
+    background-image: linear-gradient(to bottom,
+                                      shade (@theme_selected_bg_color, 0.86),
+                                      shade (@theme_selected_bg_color, 0.26));
+    color: shade (@theme_selected_fg_color, 1.00);
+    text-shadow: none;
+    border-style: solid;
+    border-width: 0px;
 }
 
-PanelToplevel.background.mate-custom-panel-background .button:hover {
-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.0),
-                inset  1px  0px shade (@theme_selected_bg_color, 1.0),
-                inset -1px  0px shade (@theme_selected_bg_color, 1.0),
-                inset  0px -1px shade (@theme_selected_bg_color, 1.0);
+MatePanelApplet {
+    border-width: 0;
+}
+
+MatePanelAppletFrameDBus PanelSeparator,
+PanelSeparator {
+    border-width: 0;
+    background-color: @theme_fg_color;
+    color: shade (@theme_fg_color, 4.30);
+    text-shadow: none;
 }
 
 /* the grid left from wnckpager and wncktasklist */
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index b27d2f6b..dab4abba 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -328,43 +328,45 @@ CajaQueryEditor .button {
  * Mate-Panel *
  ****************/
 
-/* the panel bar itself */
-.mate-panel-menu-bar {
-    background-color: @theme_bg_color;
-    background-image: none;
-    /* normal panel */
-    color: @theme_fg_color;
-    /* transparent panel */
-/*    color: @theme_selected_fg_color; */
-    text-shadow: none;
+/* first make all transparent */
+PanelToplevel.background.horizontal {
+    background-color: transparent;
 }
 
-/* first make all transparent */
 WnckSelector.menubar,
+PanelMenuBar.menubar,
+WnckSelector GtkMenuItem,
+PanelMenuBar GtkMenuItem,
 MatePanelApplet GtkToggleButton.button {
     border-image: none;
     background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+}
+
+/* let's started */
+/* the panel bar itself */
+PanelToplevel.background.horizontal {
+    background-color: @theme_bg_color;
 }
 
-/* dictionary applet */
-GdictApplet .entry {
+.mate-panel-menu-bar {
+    background-color: @theme_bg_color;
+    background-image: none;
     /* normal panel */
     color: @theme_fg_color;
     /* transparent panel */
 /*    color: @theme_selected_fg_color; */
-    background-image: none;
-    background-color: transparent;
-    border-width: 1px;
-    padding: 3px 4px;
+    text-shadow: none;
 }
 
-MatePanelApplet {
-    border-width: 0;
+/* workaround to avoid unwanted black frames if switching compositor on/off */
+.mate-panel-menu-bar .window-frame.csd.popup {
+    box-shadow: none;
 }
 
 /* panel grip */
-PanelToplevel.background.mate-custom-panel-background {
-    background-color: transparent;
+PanelToplevel.background {
     border-radius: 2px;
 /* enable for making borders visible */
 /*    box-shadow: inset  0px  1px shade (@theme_bg_color, 1.0),
@@ -374,23 +376,28 @@ PanelToplevel.background.mate-custom-panel-background {
 }
 
 /* hide buttons */
-PanelToplevel.background.mate-custom-panel-background .button {
+PanelToplevel.background .button {
     background: transparent;
     border-image: none;
     border-radius: 2px;
     border-width: 0px;
-    padding: 0px 4px;
-    box-shadow: inset  0px  1px shade (@theme_bg_color, 1.0),
-                inset  1px  0px shade (@theme_bg_color, 1.0),
-                inset -1px  0px shade (@theme_bg_color, 1.0),
-                inset  0px -1px shade (@theme_bg_color, 1.0);
+    padding: 0px;
+    box-shadow: none;
 }
 
-PanelToplevel.background.mate-custom-panel-background .button:hover {
-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.0),
-                inset  1px  0px shade (@theme_selected_bg_color, 1.0),
-                inset -1px  0px shade (@theme_selected_bg_color, 1.0),
-                inset  0px -1px shade (@theme_selected_bg_color, 1.0);
+PanelToplevel.background .button:hover,
+PanelToplevel.background .button:hover:active {
+    background-image: linear-gradient(to bottom,
+                                      shade (@theme_selected_bg_color, 0.86),
+                                      shade (@theme_selected_bg_color, 0.26));
+    color: shade (@theme_selected_fg_color, 1.00);
+    text-shadow: none;
+    border-style: solid;
+    border-width: 0px;
+}
+
+MatePanelApplet {
+    border-width: 0;
 }
 
 MatePanelAppletFrameDBus PanelSeparator,