From 4215d6799e43a8e910c4860eb0d9d510de516e5d Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 28 May 2016 17:38:50 +0200 Subject: GTK+-3.20 Submarine themes: add icon-shadow to GtkExpander and shadows for image and label of clock-applet --- .../Blue-Submarine/gtk-3.0/gtk-widgets.css | 29 +++++++++++++++++++++- .../Blue-Submarine/gtk-3.0/mate-applications.css | 13 ++++++---- .../Green-Submarine/gtk-3.0/gtk-widgets.css | 29 +++++++++++++++++++++- .../Green-Submarine/gtk-3.0/mate-applications.css | 13 ++++++---- 4 files changed, 72 insertions(+), 12 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 ca236ca5..3750e7d4 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css @@ -4151,6 +4151,15 @@ treeview.view.expander:selected:hover { color: @theme_selected_fg_color; } +expander arrow { + color: @menu_fg_dark_color; + text-shadow: 1px 1px alpha (#000000, 0.8); + -gtk-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); +} + expander arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -4160,11 +4169,29 @@ expander arrow:dir(rtl) { } expander arrow:hover { - color: @internal_element_color; + color: shade (@theme_selected_bg_color, 1.2); + -gtk-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); } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: shade (@theme_selected_bg_color, 1.2); + -gtk-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); +} + +expander arrow:checked:hover { + color: @menu_fg_dark_color; + text-shadow: 1px 1px alpha (#000000, 0.8); + -gtk-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); } /* why this weird padding, possible issue with gtk+-3.18 ? */ 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 f683acf4..3113b6f6 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css @@ -534,6 +534,14 @@ MatePanelAppletFrameDBus { color: @menu_fg_dark_color; } +#MatePanelPopupWindow frame label { + text-shadow: 1px 1px alpha (#000000, 0.8); +} + +#MatePanelPopupWindow frame image { + -gtk-icon-shadow: 1px 1px alpha (#000000, 0.8); +} + #MatePanelPopupWindow calendar.view { border-color: shade(@theme_selected_bg_color, 1.5); } @@ -584,11 +592,6 @@ MatePanelAppletFrameDBus { 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 fde3590f..902e1d80 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css @@ -4151,6 +4151,15 @@ treeview.view.expander:selected:hover { color: @theme_selected_fg_color; } +expander arrow { + color: @menu_fg_dark_color; + text-shadow: 1px 1px alpha (#000000, 0.8); + -gtk-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); +} + expander arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -4160,11 +4169,29 @@ expander arrow:dir(rtl) { } expander arrow:hover { - color: @internal_element_color; + color: shade (@theme_selected_bg_color, 0.8); + -gtk-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); } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: shade (@theme_selected_bg_color, 0.8); + -gtk-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); +} + +expander arrow:checked:hover { + color: @menu_fg_dark_color; + text-shadow: 1px 1px alpha (#000000, 0.8); + -gtk-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); } /* why this weird padding, possible issue with gtk+-3.18 ? */ 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 86a077a9..c66e8e69 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css @@ -532,6 +532,14 @@ MatePanelAppletFrameDBus { color: @menu_fg_dark_color; } +#MatePanelPopupWindow frame label { + text-shadow: 1px 1px alpha (#000000, 0.8); +} + +#MatePanelPopupWindow frame image { + -gtk-icon-shadow: 1px 1px alpha (#000000, 0.8); +} + #MatePanelPopupWindow calendar.view { border-color: shade(@theme_selected_bg_color, 1.3); } @@ -581,11 +589,6 @@ MatePanelAppletFrameDBus { 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