From d6393d7a06533b23f36b5e64afdb8c502fa32a3c Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 28 May 2016 14:03:47 +0200 Subject: GTK+-3.20 Submarine themes: improve GtkCalendar and use a transparent bg for clock applet --- .../Blue-Submarine/gtk-3.0/gtk-widgets.css | 9 ++- .../Blue-Submarine/gtk-3.0/mate-applications.css | 72 ++++++++++++++++++++++ .../Green-Submarine/gtk-3.0/gtk-widgets.css | 9 ++- .../Green-Submarine/gtk-3.0/mate-applications.css | 71 +++++++++++++++++++++ 4 files changed, 151 insertions(+), 10 deletions(-) (limited to 'desktop-themes') 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 { -- cgit v1.2.1