From 2bdcae9abd809f278154b91b41e5ee10f8eb8637 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 13 Aug 2016 18:23:01 +0200 Subject: GTK+-3.20 Submarine themes: GtkNotebook improvements and more - fix volume-slider transparency - improve notebook styling --- .../Blue-Submarine/gtk-3.0/gtk-widgets.css | 19 ++- .../Blue-Submarine/gtk-3.0/mate-applications.css | 152 ++++++++++++++++++++- .../Blue-Submarine/gtk-3.0/other-applications.css | 1 - .../Green-Submarine/gtk-3.0/gtk-widgets.css | 21 ++- .../Green-Submarine/gtk-3.0/mate-applications.css | 149 +++++++++++++++++++- .../Green-Submarine/gtk-3.0/other-applications.css | 1 - 6 files changed, 322 insertions(+), 21 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 c5df58e2..c65ddb92 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css @@ -36,7 +36,7 @@ window { color: @theme_fg_color; } -.background { +.background:not(widget) { color: @theme_fg_color; background-color: @theme_bg_color; } @@ -130,6 +130,9 @@ rubberband, .view.rubberband, .rubberband { background-color: alpha (@theme_selected_bg_color, 0.35); + background-image: linear-gradient(to bottom, + alpha (@theme_selected_bg_color, 0.35), + alpha (@theme_selected_bg_color, 0.35)); border-color: @theme_selected_bg_color; border-style: solid; border-width: 1px; @@ -3359,13 +3362,17 @@ notebook.frame { border-radius: 4px 4px 0px 0px; } -window.background > box.vertical > notebook, /* pavu-control */ -window.background.csd > box.vertical > notebook, -window.background.ssd > box.vertical > notebook, -window.background.solid-csd > box.vertical > notebook { - background-color: shade (@theme_bg_color, 1.1); +notebook.frame frame { border-style: none; border-width: 0px; +} + +/* pavu-control */ +window.background > box.vertical > notebook:not(.frame), +window.background.csd > box.vertical > notebook:not(.frame), +window.background.ssd > box.vertical > notebook:not(.frame), +window.background.solid-csd > box.vertical > notebook:not(.frame) { + background-color: shade (@theme_bg_color, 1.1); border-radius: 4px 4px 0px 0px; } 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 7a1194c5..3cd15ef5 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css @@ -676,7 +676,8 @@ na-tray-applet > widget > box { } /* volume applet */ -.mate-panel-applet-slider { +.mate-panel-applet-slider, +.mate-panel-applet-slider.background { background: transparent; } @@ -721,6 +722,151 @@ na-tray-applet > widget > box { to (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6))); } +/* mate-menu */ +#mate-menu.background { + background-color: @menu_bg_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.03)), + to (shade(@menu_bg_dark_color, 0.97))); + border-color: shade(@menu_fg_dark_color, 0.3); + border-width: 1px; + border-style: solid; + border-radius:2px; +} + +#mate-menu.background viewport, +#mate-menu.background > widget > box > widget > box { + background-color: @menu_bg_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.03)), + to (shade(@menu_bg_dark_color, 0.97))); +} + +#mate-menu.background viewport, +#mate-menu.background notebook { + color: @menu_fg_dark_color; + border-radius: 0px; + border-width: 0px; + border-style: none; +} + +#mate-menu.background scrolledwindow { + border-color: shade(@menu_fg_dark_color, 0.3); + border-width: 1px; + border-style: solid; + border-radius: 0px; +} + +#mate-menu.background label, +#mate-menu.background button, +#mate-menu.background button.flat { + color: @menu_fg_dark_color; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +#mate-menu.background button:hover label, +#mate-menu.background button:hover, +#mate-menu.background button.flat:hover { + color: shade (@theme_selected_bg_color, 2.0); +} + +#mate-menu.background button:hover, +#mate-menu.background button.flat: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))); + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); +} + +#mate-menu.background widget notebook viewport grid widget separator { + border-width: 1px 0px 0px 0px; + min-height: 1px; + background-color: shade(@menu_fg_dark_color, 0.3); + border-image: -gtk-gradient (linear, + left top, right top, + from (alpha (#000, 0.00)), + color-stop (0.25, alpha (#000, 0.03)), + color-stop (0.85, alpha (#000, 0.03)), + to (alpha (#000, 0.00))) 1; +} + +#mate-menu.background scrollbar { + background-image: none; + border-style: solid; + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical trough { + background-image: none; +} + +#mate-menu.background scrollbar.vertical slider { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@menu_bg_dark_color, 1.75)), + to (shade (@menu_bg_dark_color, 1.3))); + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical slider:hover, +#mate-menu.background scrollbar.vertical slider:hover:active { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@menu_bg_dark_color, 1.3)), + to (shade (@menu_bg_dark_color, 1.75))); + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical.fine-tune slider:hover:active, +#mate-menu.background scrollbar.vertical.fine-tune .slider:hover:active { + background-image: url("assets/slider_fine_vertical.svg"), + linear-gradient(to left, + shade(@menu_bg_dark_color, 1.75), + shade(@menu_bg_dark_color, 1.525) 55%, + shade(@menu_bg_dark_color, 1.3)); + background-repeat: no-repeat; + background-position: center; + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical button:disabled { + background-color: transparent; + color: shade (@insensitive_fg_color, 0.6); +} + +#mate-menu.background entry { + background-color: transparent; + background-image: -gtk-gradient(linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.16)), + color-stop (0.15, shade(@menu_bg_dark_color, 1.26)), + color-stop (0.50, shade(@menu_bg_dark_color, 1.28)), + to (shade(@menu_bg_dark_color, 1.30))); + color: shade (@menu_fg_dark_color, 1.0); +} + +#mate-menu.background entry, +#mate-menu.background entry:focus { + box-shadow: inset 0px 1px shade(@menu_fg_dark_color, 0.3), + inset 1px 0px shade(@menu_fg_dark_color, 0.3), + inset -1px 0px shade(@menu_fg_dark_color, 0.3), + inset 0px -1px shade(@menu_fg_dark_color, 0.3); + /* color of the cursor */ + caret-color: shade (@menu_fg_dark_color, 1.0); +} + +#mate-menu.background entry selection, +#mate-menu.background entry selection:focus { + background-color: shade(@menu_fg_dark_color, 0.4); + color: shade (@menu_fg_dark_color, 1.2); +} + /**************** * Mate-terminal * ****************/ @@ -956,10 +1102,6 @@ GvcMixerDialog notebook.frame:nth-child(even) { border-radius: 3px 3px 0px 0px; } -GvcMixerDialog notebook.frame frame { - border-style: none; -} - /* fix weird borders in application page */ GvcMixerDialog notebook.frame scrolledwindow.frame { border-style: none; diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css index 3678a359..804caf0c 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css @@ -629,7 +629,6 @@ window.background.solid-csd > box.vertical > notebook scrolledwindow viewport { * virt-manager * ****************/ -window.background > box.vertical > notebook, window.background > box.vertical > notebook overlay > scrolledwindow, window.background > box.vertical > notebook overlay > scrolledwindow viewport { border-style: none; 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 753f3ce4..cf62eaf4 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css @@ -36,7 +36,7 @@ window { color: @theme_fg_color; } -.background { +.background:not(widget) { color: @theme_fg_color; background-color: @theme_bg_color; } @@ -132,6 +132,9 @@ rubberband, .view.rubberband, .rubberband { background-color: alpha (@theme_selected_bg_color, 0.35); + background-image: linear-gradient(to bottom, + alpha (@theme_selected_bg_color, 0.35), + alpha (@theme_selected_bg_color, 0.35)); border-color: @theme_selected_bg_color; border-style: solid; border-width: 1px; @@ -3362,13 +3365,17 @@ notebook.frame { border-radius: 4px 4px 0px 0px; } -window.background > box.vertical > notebook, /* pavu-control */ -window.background.csd > box.vertical > notebook, -window.background.ssd > box.vertical > notebook, -window.background.solid-csd > box.vertical > notebook { +notebook.frame frame { + border-style: none; + border-width: 0px; +} + +/* pavu-control */ +window.background > box.vertical > notebook:not(.frame), +window.background.csd > box.vertical > notebook:not(.frame), +window.background.ssd > box.vertical > notebook:not(.frame), +window.background.solid-csd > box.vertical > notebook:not(.frame) { background-color: shade (@theme_bg_color, 1.1); - border-style: none; - border-width: 0px; border-radius: 4px 4px 0px 0px; } 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 111895f2..81e033d2 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css @@ -691,7 +691,8 @@ na-tray-applet > widget > box { } /* volume applet */ -.mate-panel-applet-slider { +.mate-panel-applet-slider, +.mate-panel-applet-slider.background { background: transparent; } @@ -736,6 +737,152 @@ na-tray-applet > widget > box { to (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6))); } +/* mate-menu */ +#mate-menu.background { + background-color: @menu_bg_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.03)), + to (shade(@menu_bg_dark_color, 0.97))); + border-color: shade(@menu_fg_dark_color, 0.3); + border-width: 1px; + border-style: solid; + border-radius:2px; +} + +#mate-menu.background viewport, +#mate-menu.background > widget > box > widget > box { + background-color: @menu_bg_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.03)), + to (shade(@menu_bg_dark_color, 0.97))); +} + +#mate-menu.background viewport, +#mate-menu.background notebook { + color: @menu_fg_dark_color; + border-radius: 0px; + border-width: 0px; + border-style: none; +} + +#mate-menu.background scrolledwindow { + border-color: shade(@menu_fg_dark_color, 0.3); + border-width: 1px; + border-style: solid; + border-radius: 0px; +} + +#mate-menu.background label, +#mate-menu.background button, +#mate-menu.background button.flat { + color: @menu_fg_dark_color; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +#mate-menu.background button:hover label, +#mate-menu.background button:hover, +#mate-menu.background button.flat:hover { + color: shade (@theme_selected_bg_color, 2.0); +} + +#mate-menu.background button:hover, +#mate-menu.background button.flat: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))); + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), + inset 1px 0px shade(@selected_bg_color, 0.97), + inset -1px 0px shade(@selected_bg_color, 0.93), + inset 0px -1px shade(@selected_bg_color, 0.93); +} + +#mate-menu.background widget notebook viewport grid widget separator { + border-width: 1px 0px 0px 0px; + min-height: 1px; + background-color: shade(@menu_fg_dark_color, 0.3); + border-image: -gtk-gradient (linear, + left top, right top, + from (alpha (#000, 0.00)), + color-stop (0.25, alpha (#000, 0.03)), + color-stop (0.85, alpha (#000, 0.03)), + to (alpha (#000, 0.00))) 1; +} + +#mate-menu.background scrollbar { + background-image: none; + border-style: solid; + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical trough { + background-image: none; +} + +#mate-menu.background scrollbar.vertical slider { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@menu_bg_dark_color, 1.75)), + to (shade (@menu_bg_dark_color, 1.3))); + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical slider:hover, +#mate-menu.background scrollbar.vertical slider:hover:active { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@menu_bg_dark_color, 1.3)), + to (shade (@menu_bg_dark_color, 1.75))); + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical.fine-tune slider:hover:active, +#mate-menu.background scrollbar.vertical.fine-tune .slider:hover:active { + background-image: url("assets/slider_fine_vertical.svg"), + linear-gradient(to left, + shade(@menu_bg_dark_color, 1.75), + shade(@menu_bg_dark_color, 1.525) 55%, + shade(@menu_bg_dark_color, 1.3)); + background-repeat: no-repeat; + background-position: center; + border-color: shade(@menu_fg_dark_color, 0.3); +} + +#mate-menu.background scrollbar.vertical button:disabled { + background-color: transparent; + color: shade (@insensitive_fg_color, 0.6); +} + +#mate-menu.background entry { + background-color: transparent; + background-image: -gtk-gradient(linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.16)), + color-stop (0.15, shade(@menu_bg_dark_color, 1.26)), + color-stop (0.50, shade(@menu_bg_dark_color, 1.28)), + to (shade(@menu_bg_dark_color, 1.30))); + color: shade (@menu_fg_dark_color, 1.0); +} + +#mate-menu.background entry, +#mate-menu.background entry:focus { + box-shadow: inset 0px 1px shade(@menu_fg_dark_color, 0.3), + inset 1px 0px shade(@menu_fg_dark_color, 0.3), + inset -1px 0px shade(@menu_fg_dark_color, 0.3), + inset 0px -1px shade(@menu_fg_dark_color, 0.3); + /* color of the cursor */ + caret-color: shade (@menu_fg_dark_color, 1.0); +} + +#mate-menu.background entry selection, +#mate-menu.background entry selection:focus { + background-color: shade(@menu_fg_dark_color, 0.4); + color: shade (@menu_fg_dark_color, 1.2); +} + + /**************** * Mate-terminal * ****************/ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css index 689c5a7f..ac9741fc 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css @@ -622,7 +622,6 @@ window.background.solid-csd > box.vertical > notebook scrolledwindow viewport { * virt-manager * ****************/ -window.background > box.vertical > notebook, window.background > box.vertical > notebook overlay > scrolledwindow, window.background > box.vertical > notebook overlay > scrolledwindow viewport { border-style: none; -- cgit v1.2.1