GTK+-3.20 Submarine themes: improve GtkCalendar and use a transparent bg for clock applet

2 files changed, 75 insertions, 5 deletions

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 7c9cea11..94e11747 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -4430,20 +4430,19 @@ calendar.header .app-notification.frame button.titlebutton {
  **************/

 

 calendar {

-    border-radius: 3px;

-    border-color: @notebook_border;

-    padding: 1px 1px 3px 1px;

+    padding: 1px;

 }

 

 calendar.view {

-    border-radius: 3px;

+    border-radius: 4px;

     border-style: solid;

     border-width: 1px;

+    border-color: @notebook_border;

     padding: 2px;

 }

 

 calendar.header {

-    border-radius: 3px 3px 0px 0px;

+    border-radius: 4px 4px 0px 0px;

     background-image: linear-gradient(to bottom,

                                       shade(@theme_bg_color, 1.04),

                                       shade(@theme_bg_color, 0.89));

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 0ca8993e..ef250d9a 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -511,10 +511,81 @@ MatePanelAppletFrameDBus {
     padding: 5px;
 }
 
+/* clock-applet */
 #clock-applet-button.flat.toggle > box.horizontal > label {
     font: normal;
 }
 
+#MatePanelPopupWindow {
+    border-radius: 0px 0px 4px 4px;
+    border-style: none;
+    border-width: 0px;
+    background-color: rgba(0,0,0,0.5);
+}
+
+#MatePanelPopupWindow frame {
+    border-radius: 0px 0px 4px 4px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: shade(@theme_selected_bg_color, 1.3);
+    background-color: transparent;
+    color: @menu_fg_dark_color;
+}
+
+#MatePanelPopupWindow calendar.view {
+    border-color: shade(@theme_selected_bg_color, 1.3);
+}
+
+#MatePanelPopupWindow calendar.header {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (alpha(shade(@theme_bg_dark_color, 1.00) ,0.8)),
+                                     to   (alpha(shade(@theme_bg_dark_color, 0.95) ,0.8)));
+}
+
+#MatePanelPopupWindow calendar.header arrow,
+#MatePanelPopupWindow calendar.header label {
+    color: @menu_fg_dark_color;
+    text-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
+#MatePanelPopupWindow calendar.button {
+    color: @menu_fg_dark_color;
+}
+
+#MatePanelPopupWindow calendar.button:hover {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (alpha(shade(@menu_bg_dark_color, 2.03), 0.6)),
+                                     to   (alpha(shade(@menu_bg_dark_color, 1.17), 0.6)));
+    color: shade (@theme_selected_bg_color, 1.3);
+}
+
+#MatePanelPopupWindow frame button {
+    background-color:transparent;
+    background-image: none;
+    color: @menu_fg_dark_color;
+    text-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
+#MatePanelPopupWindow frame button:hover {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (alpha(shade(@menu_bg_dark_color, 2.03), 0.6)),
+                                     to   (alpha(shade(@menu_bg_dark_color, 1.17), 0.6)));
+    color: shade (@theme_selected_bg_color, 1.3);
+}
+
+#MatePanelPopupWindow frame expander {
+    color: @menu_fg_dark_color;
+    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 {