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

4 files changed, 151 insertions, 10 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 25c5cee6..ca236ca5 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -4436,20 +4436,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/Blue-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
index 3bf7c383..b6341d80 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -513,10 +513,82 @@ MatePanelAppletFrameDBus {
     padding: 5px;
 }
 
+/* clock-applet */
 #clock-applet-button.flat.toggle > box.horizontal > label {
     font-weight: 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.5);
+    background-color: transparent;
+    color: @menu_fg_dark_color;
+}
+
+#MatePanelPopupWindow calendar.view {
+    border-color: shade(@theme_selected_bg_color, 1.5);
+}
+
+#MatePanelPopupWindow calendar.header {
+    background-color:transparent;
+    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 (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    color: shade (@theme_selected_bg_color, 1.5);
+}
+
+#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, 2.0);
+}
+
+#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, 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 2a13284f..fde3590f 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -4436,20 +4436,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 5cb64394..86a077a9 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-weight: 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 {