summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2016-05-28 14:03:47 +0200
committerraveit65 <[email protected]>2016-05-28 14:04:24 +0200
commitd6393d7a06533b23f36b5e64afdb8c502fa32a3c (patch)
treebe227b643e5fe574cbba2694f0fcfcc9282143f9
parent2f492f4f92f759446453e12577ca13baca74249d (diff)
downloadmate-themes-d6393d7a06533b23f36b5e64afdb8c502fa32a3c.tar.bz2
mate-themes-d6393d7a06533b23f36b5e64afdb8c502fa32a3c.tar.xz
GTK+-3.20 Submarine themes: improve GtkCalendar and use a transparent bg for clock applet
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css9
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css72
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css9
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css71
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 {