summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2016-05-28 22:30:46 +0200
committerraveit65 <[email protected]>2016-05-28 22:30:46 +0200
commited5cfa441e180f92f96b0ce2103dfd3dfcb668ba (patch)
tree4eef0e46ea9147b0d1170eeca6b1c0f2981c8d95
parent7a8b7d9759803bdfbf973e73c42006209a732810 (diff)
downloadmate-themes-ed5cfa441e180f92f96b0ce2103dfd3dfcb668ba.tar.bz2
mate-themes-ed5cfa441e180f92f96b0ce2103dfd3dfcb668ba.tar.xz
GTK+-3: Submarine themes: use a transparent bg for clock applet
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css68
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css59
2 files changed, 105 insertions, 22 deletions
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 c6e0ad35..7c559805 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -1035,28 +1035,42 @@ CalendarWindow#MatePanelPopupWindow {
border-radius: 0px 0px 4px 4px;
border-style: none;
border-width: 0px;
- background-color: @theme_bg_dark_color;
+ background-color: rgba(0,0,0,0.5);
}
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;
+ border-color: shade(@theme_selected_bg_color, 1.5);
+ background-color: transparent;
color: @menu_fg_dark_color;
}
+CalendarWindow#MatePanelPopupWindow .frame .label {
+ text-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkImage {
+ icon-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
CalendarWindow#MatePanelPopupWindow GtkCalendar.view {
- border-color: shade(@theme_selected_bg_color, 1.3);
+ border-color: shade(@theme_selected_bg_color, 1.5);
}
CalendarWindow#MatePanelPopupWindow GtkCalendar.header {
+ background-color:transparent;
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)));
+ from (alpha(shade(@theme_bg_dark_color, 1.00) ,0.8)),
+ to (alpha(shade(@theme_bg_dark_color, 0.95) ,0.8)));
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.header GtkArrow,
+CalendarWindow#MatePanelPopupWindow GtkCalendar.header .label {
color: @menu_fg_dark_color;
+ text-shadow: 1px 1px alpha (#000000, 0.8);
}
CalendarWindow#MatePanelPopupWindow GtkCalendar.button {
@@ -1066,31 +1080,59 @@ CalendarWindow#MatePanelPopupWindow GtkCalendar.button {
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);
+ 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.5);
}
CalendarWindow#MatePanelPopupWindow .frame .button {
background-color:transparent;
background-image: none;
color: @menu_fg_dark_color;
+ text-shadow: 1px 1px alpha (#000000, 0.8);
}
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);
+ 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);
}
CalendarWindow#MatePanelPopupWindow .frame GtkExpander {
color: @menu_fg_dark_color;
+ text-shadow: 1px 1px alpha (#000000, 0.8);
+ 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);
}
CalendarWindow#MatePanelPopupWindow .frame GtkExpander:hover {
- color: shade (@theme_selected_bg_color, 1.6);
+ color: shade (@theme_selected_bg_color, 1.2);
+ 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);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: shade (@theme_selected_bg_color, 1.2);
+ 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);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander:checked:hover {
+ color: @menu_fg_dark_color;
+ text-shadow: 1px 1px alpha (#000000, 0.8);
+ 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);
}
/****************
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 30d25596..c03eae77 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -1037,7 +1037,7 @@ CalendarWindow#MatePanelPopupWindow {
border-radius: 0px 0px 4px 4px;
border-style: none;
border-width: 0px;
- background-color: @theme_bg_dark_color;
+ background-color: rgba(0,0,0,0.5);
}
CalendarWindow#MatePanelPopupWindow .frame {
@@ -1045,20 +1045,34 @@ CalendarWindow#MatePanelPopupWindow .frame {
border-style: solid;
border-width: 1px;
border-color: shade(@theme_selected_bg_color, 1.3);
- background-color: @theme_bg_dark_color;
+ background-color: transparent;
color: @menu_fg_dark_color;
}
+CalendarWindow#MatePanelPopupWindow .frame .label {
+ text-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkImage {
+ icon-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
CalendarWindow#MatePanelPopupWindow GtkCalendar.view {
border-color: shade(@theme_selected_bg_color, 1.3);
}
CalendarWindow#MatePanelPopupWindow GtkCalendar.header {
+ background-color:transparent;
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)));
+ from (alpha(shade(@theme_bg_dark_color, 1.00) ,0.8)),
+ to (alpha(shade(@theme_bg_dark_color, 0.95) ,0.8)));
+}
+
+CalendarWindow#MatePanelPopupWindow GtkCalendar.header GtkArrow,
+CalendarWindow#MatePanelPopupWindow GtkCalendar.header .label {
color: @menu_fg_dark_color;
+ text-shadow: 1px 1px alpha (#000000, 0.8);
}
CalendarWindow#MatePanelPopupWindow GtkCalendar.button {
@@ -1068,8 +1082,8 @@ CalendarWindow#MatePanelPopupWindow GtkCalendar.button {
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)));
+ 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);
}
@@ -1082,17 +1096,44 @@ CalendarWindow#MatePanelPopupWindow .frame .button {
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)));
+ 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);
}
CalendarWindow#MatePanelPopupWindow .frame GtkExpander {
color: @menu_fg_dark_color;
+ text-shadow: 1px 1px alpha (#000000, 0.8);
+ 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);
}
CalendarWindow#MatePanelPopupWindow .frame GtkExpander:hover {
- color: shade (@theme_selected_bg_color, 1.3);
+ color: shade (@theme_selected_bg_color, 0.8);
+ 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);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: shade (@theme_selected_bg_color, 0.8);
+ 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);
+}
+
+CalendarWindow#MatePanelPopupWindow .frame GtkExpander:checked:hover {
+ color: @menu_fg_dark_color;
+ text-shadow: 1px 1px alpha (#000000, 0.8);
+ 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);
}
/****************