GTK+-3.20 Submarine themes: add icon-shadow to GtkExpander and shadows for image and label of clock-applet

4 files changed, 72 insertions, 12 deletions

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index ca236ca5..3750e7d4 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -4152,6 +4152,15 @@ treeview.view.expander:selected:hover {
 }

 

 expander arrow {

+    color: @menu_fg_dark_color;

+    text-shadow: 1px 1px alpha (#000000, 0.8);

+   -gtk-icon-shadow:  0px  1px shade (@menu_bg_dark_color, 1.0),

+                      1px  0px shade (@menu_bg_dark_color, 1.0),

+                     -1px  0px shade (@menu_bg_dark_color, 1.0),

+                      0px -1px shade (@menu_bg_dark_color, 1.0);

+}

+

+expander arrow {

     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");

 }

 

@@ -4160,11 +4169,29 @@ expander arrow:dir(rtl) {
 }

 

 expander arrow:hover {

-    color: @internal_element_color;

+    color: shade (@theme_selected_bg_color, 1.2);

+    -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),

+                       1px  0px shade (@menu_fg_dark_color, 1.0),

+                      -1px  0px shade (@menu_fg_dark_color, 1.0),

+                       0px -1px shade (@menu_fg_dark_color, 1.0);

 }

 

 expander arrow:checked {

     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");

+    color: shade (@theme_selected_bg_color, 1.2);

+    -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),

+                       1px  0px shade (@menu_fg_dark_color, 1.0),

+                      -1px  0px shade (@menu_fg_dark_color, 1.0),

+                       0px -1px shade (@menu_fg_dark_color, 1.0);

+}

+

+expander arrow:checked:hover {

+    color: @menu_fg_dark_color;

+    text-shadow: 1px 1px alpha (#000000, 0.8);

+   -gtk-icon-shadow:  0px  1px shade (@menu_bg_dark_color, 1.0),

+                      1px  0px shade (@menu_bg_dark_color, 1.0),

+                     -1px  0px shade (@menu_bg_dark_color, 1.0),

+                      0px -1px shade (@menu_bg_dark_color, 1.0);

 }

 

 /* why this weird padding, possible issue with gtk+-3.18 ? */

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 f683acf4..3113b6f6 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -534,6 +534,14 @@ MatePanelAppletFrameDBus {
     color: @menu_fg_dark_color;
 }
 
+#MatePanelPopupWindow frame label {
+     text-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
+#MatePanelPopupWindow frame image {
+     -gtk-icon-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
 #MatePanelPopupWindow calendar.view {
     border-color: shade(@theme_selected_bg_color, 1.5);
 }
@@ -584,11 +592,6 @@ MatePanelAppletFrameDBus {
     text-shadow: 1px 1px alpha (#000000, 0.8);
 }
 
-#MatePanelPopupWindow frame expander label:hover,
-#MatePanelPopupWindow frame expander arrow:hover {
-    color: shade (@theme_selected_bg_color, 2.0);
-}
-
 /* drivebutton */
 #PanelApplet > grid > button,
 #PanelApplet > grid > button:hover {
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
index fde3590f..902e1d80 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -4152,6 +4152,15 @@ treeview.view.expander:selected:hover {
 }

 

 expander arrow {

+    color: @menu_fg_dark_color;

+    text-shadow: 1px 1px alpha (#000000, 0.8);

+   -gtk-icon-shadow:  0px  1px shade (@menu_bg_dark_color, 1.0),

+                      1px  0px shade (@menu_bg_dark_color, 1.0),

+                     -1px  0px shade (@menu_bg_dark_color, 1.0),

+                      0px -1px shade (@menu_bg_dark_color, 1.0);

+}

+

+expander arrow {

     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");

 }

 

@@ -4160,11 +4169,29 @@ expander arrow:dir(rtl) {
 }

 

 expander arrow:hover {

-    color: @internal_element_color;

+    color: shade (@theme_selected_bg_color, 0.8);

+    -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),

+                       1px  0px shade (@menu_fg_dark_color, 1.0),

+                      -1px  0px shade (@menu_fg_dark_color, 1.0),

+                       0px -1px shade (@menu_fg_dark_color, 1.0);

 }

 

 expander arrow:checked {

     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");

+    color: shade (@theme_selected_bg_color, 0.8);

+    -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),

+                       1px  0px shade (@menu_fg_dark_color, 1.0),

+                      -1px  0px shade (@menu_fg_dark_color, 1.0),

+                       0px -1px shade (@menu_fg_dark_color, 1.0);

+}

+

+expander arrow:checked:hover {

+    color: @menu_fg_dark_color;

+    text-shadow: 1px 1px alpha (#000000, 0.8);

+   -gtk-icon-shadow:  0px  1px shade (@menu_bg_dark_color, 1.0),

+                      1px  0px shade (@menu_bg_dark_color, 1.0),

+                     -1px  0px shade (@menu_bg_dark_color, 1.0),

+                      0px -1px shade (@menu_bg_dark_color, 1.0);

 }

 

 /* why this weird padding, possible issue with gtk+-3.18 ? */

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 86a077a9..c66e8e69 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -532,6 +532,14 @@ MatePanelAppletFrameDBus {
     color: @menu_fg_dark_color;
 }
 
+#MatePanelPopupWindow frame label {
+     text-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
+#MatePanelPopupWindow frame image {
+     -gtk-icon-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
 #MatePanelPopupWindow calendar.view {
     border-color: shade(@theme_selected_bg_color, 1.3);
 }
@@ -581,11 +589,6 @@ MatePanelAppletFrameDBus {
     text-shadow: 1px 1px alpha (#000000, 0.8);
 }
 
-#MatePanelPopupWindow frame expander label:hover,
-#MatePanelPopupWindow frame expander arrow:hover {
-    color: shade (@theme_selected_bg_color, 1.3);
-}
-
 /* drivebutton */
 #PanelApplet > grid > button,
 #PanelApplet > grid > button:hover {