GTK+3 Submarine themes: use a dark styling for calendar applet

4 files changed, 134 insertions, 13 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 9f898c5f..2611e8ee 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -4271,20 +4271,19 @@ GtkExpander {
  **************/

 

 GtkCalendar {

-    border-radius: 3px;

-    border-color: shade (@theme_fg_color, 0.8);

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

+    padding: 1px;

 }

 

 GtkCalendar.view {

-    border-radius: 3px;

+    border-radius: 4px;

     border-style: solid;

     border-width: 1px;

-    padding: 2px;

+    border-color: @notebook_border;

+    padding: 0px;

 }

 

 GtkCalendar.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 01d08223..c6e0ad35 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -1031,6 +1031,68 @@ MatePanelApplet .horizontal .vertical .frame {
                                      to   (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6)));
 }
 
+CalendarWindow#MatePanelPopupWindow {
+    border-radius: 0px 0px 4px 4px;
+    border-style: none;
+    border-width: 0px;
+    background-color: @theme_bg_dark_color;
+}
+
+CalendarWindow#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: @theme_bg_dark_color;
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.view {
+    border-color: shade(@theme_selected_bg_color, 1.3);
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.header {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade (@theme_bg_dark_color, 1.00)),
+                                     to (shade (@theme_bg_dark_color, 0.95)));
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.button {
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.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.6);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame .button {
+    background-color:transparent;
+    background-image: none;
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow .frame .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.6);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander {
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander:hover {
+    color: shade (@theme_selected_bg_color, 1.6);
+}
+
 /****************
  * Mate-terminal *
  ****************/
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 d6381d4a..c2b9dbce 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -4274,20 +4274,19 @@ GtkExpander {
  **************/

 

 GtkCalendar {

-    border-radius: 3px;

-    border-color: shade (@theme_fg_color, 0.8);

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

+    padding: 1px;

 }

 

 GtkCalendar.view {

-    border-radius: 3px;

+    border-radius: 4px;

     border-style: solid;

     border-width: 1px;

-    padding: 2px;

+    border-color: @notebook_border;

+    padding: 0px;

 }

 

 GtkCalendar.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 b8024e8f..30d25596 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -1033,6 +1033,68 @@ MatePanelApplet .horizontal .vertical .frame {
                                      to   (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6)));
 }
 
+CalendarWindow#MatePanelPopupWindow {
+    border-radius: 0px 0px 4px 4px;
+    border-style: none;
+    border-width: 0px;
+    background-color: @theme_bg_dark_color;
+}
+
+CalendarWindow#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: @theme_bg_dark_color;
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.view {
+    border-color: shade(@theme_selected_bg_color, 1.3);
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.header {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade (@theme_bg_dark_color, 1.00)),
+                                     to (shade (@theme_bg_dark_color, 0.95)));
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.button {
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.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.3);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame .button {
+    background-color:transparent;
+    background-image: none;
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow .frame .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.3);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander {
+    color: @menu_fg_dark_color;
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander:hover {
+    color: shade (@theme_selected_bg_color, 1.3);
+}
+
 /****************
  * Mate-terminal *
  ****************/
@@ -1434,4 +1496,3 @@ EomThumbNav .button.flat:insensitive {
     border-style: none;
     border-width: 0px;
 }
-