Gtk3 submarine themes: adjust panel settings to follow latest changes in mate-panel

2 files changed, 93 insertions, 53 deletions

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
index 967723ca..87ce37cc 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -649,18 +649,11 @@ FMPropertiesWindow .vertical.dialog-vbox .notebook GtkViewport {
  * Mate-Panel *
  ****************/
 
-/* the panel bar itself */
-.mate-panel-menu-bar {
-    background-color: @theme_bg_dark_color;
-    background-image: none;
-    /* normal panel */
-    color: @menu_fg_dark_color;
-    /* transparent panel light desktop background*/
-/*    color: @theme_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,
@@ -672,23 +665,28 @@ MatePanelApplet GtkToggleButton.button {
     box-shadow: none;
 }
 
-/* dictionary applet */
-GdictApplet .entry {
+/* let's started */
+/* the panel bar itself */
+PanelToplevel.background.horizontal {
+    background-color: @theme_bg_dark_color;
+}
+
+.mate-panel-menu-bar {
+    background-color: @theme_bg_dark_color;
+    background-image: none;
     /* normal panel */
     color: @menu_fg_dark_color;
-    /* transparent panel light desktop background */
+    /* transparent panel light desktop background*/
 /*    color: @theme_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 */
+/* panel grip *//*
 PanelToplevel.background.mate-custom-panel-background {
     background-color: transparent;
     border-radius: 3px;
@@ -696,24 +694,46 @@ PanelToplevel.background.mate-custom-panel-background {
 /*    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); */
-}
+                inset  0px -1px shade (@theme_selected_bg_color, 1.3); *//*
+}*/
 
 /* hide buttons */
-PanelToplevel.background.mate-custom-panel-background .button {
+PanelToplevel.background .button {
+    background-image: none;
     background: transparent;
-    border-radius: 4px;
+    border-style: none;
+    border-radius: 3px;
     padding: 0px;
     box-shadow: none;
 }
 
-PanelToplevel.background.mate-custom-panel-background .button:hover {
+PanelToplevel.background .button:hover,
+PanelToplevel.background .button:hover:active {
+    background-image: none;
+    color: @menu_selected_fg_dark_color;
+    border-radius: 3px;
     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);
 }
 
+/* dictionary applet */
+GdictApplet .entry {
+    /* normal panel */
+    color: @menu_fg_dark_color;
+    /* transparent panel light desktop background */
+/*    color: @theme_fg_color; */
+    background-image: none;
+    background-color: transparent;
+    border-width: 1px;
+    padding: 3px 4px;
+}
+
+MatePanelApplet {
+    border-width: 0;
+}
+
 MatePanelAppletFrameDBus PanelSeparator,
 PanelSeparator {
     border-width: 0;
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
index ed5efaef..79cf828c 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -650,18 +650,11 @@ FMPropertiesWindow .vertical.dialog-vbox .notebook GtkViewport {
  * Mate-Panel *
  ****************/
 
-/* the panel bar itself */
-.mate-panel-menu-bar {
-    background-color: @theme_bg_dark_color;
-    background-image: none;
-    /* normal panel */
-    color: @menu_fg_dark_color;
-    /* transparent panel light desktop background*/
-/*    color: @theme_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,
@@ -673,48 +666,75 @@ MatePanelApplet GtkToggleButton.button {
     box-shadow: none;
 }
 
-/* dictionary applet */
-GdictApplet .entry {
+/* let's started */
+/* the panel bar itself */
+PanelToplevel.background.horizontal {
+    background-color: @theme_bg_dark_color;
+}
+
+.mate-panel-menu-bar {
+    background-color: @theme_bg_dark_color;
+    background-image: none;
     /* normal panel */
     color: @menu_fg_dark_color;
-    /* transparent panel light desktop background */
+    /* transparent panel light desktop background*/
 /*    color: @theme_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 */
+/* panel grip *//*
 PanelToplevel.background.mate-custom-panel-background {
     background-color: transparent;
     border-radius: 3px;
 /* enable for making borders visible */
-/*    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
-                inset  1px  0px shade(@selected_bg_color, 0.97),
-                inset -1px  0px shade(@selected_bg_color, 0.93),
-                inset  0px -1px shade(@selected_bg_color, 0.93); */
-}
+/*    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); *//*
+}*/
 
 /* hide buttons */
-PanelToplevel.background.mate-custom-panel-background .button {
+PanelToplevel.background .button {
+    background-image: none;
     background: transparent;
-    border-radius: 4px;
+    border-style: none;
+    border-radius: 3px;
     padding: 0px;
     box-shadow: none;
 }
 
-PanelToplevel.background.mate-custom-panel-background .button:hover {
+PanelToplevel.background .button:hover,
+PanelToplevel.background .button:hover:active {
+    background-image: none;
+    color: @menu_selected_fg_dark_color;
+    border-radius: 3px;
     box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
                 inset  1px  0px shade(@selected_bg_color, 0.97),
                 inset -1px  0px shade(@selected_bg_color, 0.93),
                 inset  0px -1px shade(@selected_bg_color, 0.93);
 }
 
+/* dictionary applet */
+GdictApplet .entry {
+    /* normal panel */
+    color: @menu_fg_dark_color;
+    /* transparent panel light desktop background */
+/*    color: @theme_fg_color; */
+    background-image: none;
+    background-color: transparent;
+    border-width: 1px;
+    padding: 3px 4px;
+}
+
+MatePanelApplet {
+    border-width: 0;
+}
+
 MatePanelAppletFrameDBus PanelSeparator,
 PanelSeparator {
     border-width: 0;