GTK3 GreenLaguna: adjustments for latest mate-panel changes

1 files changed, 52 insertions, 27 deletions

diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index 852f4ef3..2a6dce2f 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -241,18 +241,11 @@ CajaWindow .notebook NautilusQueryEditor .toolbar {
  * 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 with dark wallpaper*/
-/*    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,
@@ -265,13 +258,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 with dark wallpaper*/
+/*    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: 2px;
 /* enable for making borders visible */
 /*    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.0),
@@ -281,23 +290,39 @@ PanelToplevel.background.mate-custom-panel-background {
 }
 
 /* hide buttons */
-PanelToplevel.background.mate-custom-panel-background .button {
+PanelToplevel.background .button {
+    color: @theme_fg_color;
     background: transparent;
     border-image: none;
-    border-width: 0px;
-    border-radius: 2px;
-    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);
+    border-radius: 0px;
+    border-style: none;
+    padding: 0px;
+    box-shadow: none;
 }
 
-PanelToplevel.background.mate-custom-panel-background .button:hover {
-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
-                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
+PanelToplevel.background .button:hover {
+    border-radius: 3px;
+    border-image: none;
+    border-style: solid;
+    border-color: shade(@button_border, 1.1);
+    background-image: linear-gradient(to bottom,
+                                      shade(@button_gradient_color_b, 0.7),
+                                      @theme_bg_color 50%,
+                                      shade(@button_gradient_color_a, 1.5));
+}
+
+PanelToplevel.background .button:hover:active {
+    border-radius: 3px;
+    color: @theme_fg_color;
+    border-style: solid;
+    background-image: linear-gradient(to bottom,
+                                      shade(@button_gradient_color_a, 1.5),
+                                      @theme_bg_color 40%,
+                                      shade(@button_gradient_color_b, 0.4));
+}
+
+MatePanelApplet {
+    border-width: 0;
 }
 
 /* the grid left from wnckpager and wncktasklist */