GTK3 BlackMate: adjust panel settings to follow latest mate-panel changes

1 files changed, 48 insertions, 17 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
index 3fb64891..2baec9d4 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -290,18 +290,11 @@ CajaQueryEditor .toolbar .entry:focus {
  * 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 light desktop background*/
-/*    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,
@@ -314,13 +307,29 @@ MatePanelApplet GtkToggleButton.button {
     box-shadow: none;
 }
 
-MatePanelApplet {
-    border-width: 0;
+/* 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 light desktop background*/
+/*    color: @theme_selected_fg_color; */
+    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: 3px;
 /* enable for making borders visible */
 /*    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
@@ -330,15 +339,37 @@ 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: 3px;
+    border-width: 0px;
     padding: 0px;
     box-shadow: none;
 }
 
-PanelToplevel.background.mate-custom-panel-background .button:hover {
-    border-image: url("assets/button-active-border-dark.svg") 3 / 3px stretch;
+PanelToplevel.background .button:hover {
+    border-style: solid;
+    border-width: 0px;
+    border-color: shade(@button_border, 1.1);
+    background-image: linear-gradient(to bottom,
+                                      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));
+}
+
+PanelToplevel.background .button:hover:active {
+    border-style: solid;
+    border-width: 0px;
+    background-image: linear-gradient(to bottom,
+                                      shade(@button_gradient_color_b, 0.7),
+                                      @theme_bg_color 50%,
+                                      shade(@button_gradient_color_a, 1.5));
+}
+
+MatePanelApplet {
+    border-width: 0;
 }
 
 MatePanelAppletFrameDBus PanelSeparator,