From ca9b2f13cb8bec38c2f3d7b83504d3ae8b843110 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 3 May 2016 15:14:51 +0200 Subject: GTK+-3.20 Submarine themes: adjust headerbars - fix a jumping button in gedit - remove a unwanted boxshadow from nautilus pathbar slider button - simplify general headerbar settings a bit --- .../Green-Submarine/gtk-3.0/gtk-widgets.css | 412 +++++++++++---------- 1 file changed, 212 insertions(+), 200 deletions(-) (limited to 'desktop-themes/Green-Submarine') 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 96c2d53b..d60bb492 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css @@ -3640,195 +3640,6 @@ radiobutton.text-button { outline-offset: 0; } -/*************** - * Header bars * - ***************/ - -headerbar { - border-width: 0 0 1px; - border-style: solid; - border-color: shade(@borders, 0.90); - border-radius: 7px 7px 0px 0px; - box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95); - background-color: @theme_bg_dark_color; - padding: 6px 6px 5px 6px; -} - -headerbar:backdrop { - border-image: linear-gradient(to top, - @unfocused_borders, - @unfocused_borders 1px, - @theme_unfocused_bg_color 1px) 0 0 2; - box-shadow: none; - background-color: @theme_bg_dark_color; -} - -headerbar button, -headerbar button:last-child, -headerbar button:first-child, -headerbar button:only-child, -headerbar .linked button, -headerbar .linked button:last-child, -headerbar .linked button:first-child, -headerbar .linked button:only-child { - background-image: none; - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_dark_color; - border-width: 1px; - border-radius: 5px; - box-shadow: none; -} - -headerbar:backdrop button { - border-width: 1px; - border-radius: 5px; - padding-left: 4px; - padding-right: 4px; - color: @theme_text_dark_color; - background-image: -gtk-gradient (linear, - left top, left bottom, - from (shade(@theme_unfocused_bg_color, 1.05)), - to (shade(@theme_unfocused_bg_color, 0.85))); -} - -headerbar button:hover, -headerbar button:checked, -headerbar button:hover:active, -headerbar button.text-button:hover:active, -headerbar button:checked:hover, -headerbar button:checked:hover:active, -headerbar button:hover:first-child, -headerbar button:checked:first-child, -headerbar button:hover:active:first-child, -headerbar button:checked:hover:first-child, -headerbar button:checked:hover:active:first-child, -headerbar button:hover:last-child, -headerbar button:checked:last-child, -headerbar button:hover:active:last-child, -headerbar button:checked:hover:last-child, -headerbar button:checked:hover:active:last-child, -headerbar button:hover:only-child, -headerbar button:checked:only-child, -headerbar button:hover:active:last-child, -headerbar button:checked:hover:only-child, -headerbar button:checked:hover:active:only-child, -headerbar .linked button:hover, -headerbar .linked button:checked, -headerbar .linked button:hover:active, -headerbar .linked button:checked:hover, -headerbar .linked button:checked:hover:active, -headerbar .linked button:hover:first-child, -headerbar .linked button:checked:first-child, -headerbar .linked button:hover:active:first-child, -headerbar .linked button:checked:hover:first-child, -headerbar .linked button:checked:hover:active:first-child, -headerbar .linked button:hover:last-child, -headerbar .linked button:checked:last-child, -headerbar .linked button:hover:active:last-child, -headerbar .linked button:checked:hover:last-child, -headerbar .linked button:checked:hover:active:last-child, -headerbar .linked button:hover:only-child, -headerbar .linked button:checked:only-child, -headerbar .linked button:hover:active:last-child, -headerbar .linked button:checked:hover:only-child, -headerbar .linked button:checked:hover:active:only-child { - color: shade (@theme_selected_bg_color, 1.6); - border-width: 1px; - border-radius: 5px; - 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))); - border-top-color: shade(@button_raised_gradient_color_a, 0.50); - border-bottom-color: shade(@button_raised_gradient_color_a, 0.50); - border-right-color: shade(@button_raised_gradient_color_a, 0.50); - border-left-color: shade(@button_raised_gradient_color_a, 0.50); - 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); -} - -headerbar button:disabled, -headerbar button:disabled:last-child, -headerbar button:disabled:first-child { - color: @theme_text_dark_color; - background-image: none; - background-color: @theme_bg_dark_color; - border-color: @theme_button_border_dark; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; -} - -headerbar > button:disabled { - background-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; -} - -headerbar > button.text-button:hover, -headerbar > button.text-button:focus, -headerbar > button.text-button, -headerbar > button.text-button.radio, -headerbar > .linked > button.text-button, -headerbar > .linked > button.text-button.radio { - padding: 4px 6px; -} - -headerbar > button.image-button, -headerbar > button.image-button:focus { - padding: 5px 5px 6px 5px; -} - -headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio { - border-right-width: 0px; - border-left-width: 0px; - border-radius: 0px; -} - -headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:first-child { - border-radius: 6px 0 0 6px; - border-width: 1px; - border-right-width: 0px; -} - -headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:last-child { - border-radius: 0 6px 6px 0; - border-width: 1px; - border-left-width: 0px; -} - -headerbar.titlebar > stackswitcher.linked.stack-switcher > button.text-button.radio.needs-attention > label { - background-color: transparent; - color: @theme_dark_fg_color; - border-radius: 3px; - box-shadow: inset 0px 1px shade (@info_fg_color, 1.3), - inset 1px 0px shade (@info_fg_color, 1.3), - inset -1px 0px shade (@info_fg_color, 1.3), - inset 0px -1px shade (@info_fg_color, 1.3); -} - -headerbar title { - font: Bold 11; - color: @theme_text_dark_color; -} - -headerbar .subtitle { - font: 9; - color: @theme_text_dark_color; -} - -headerbar toolitem separator, -headerbar separator, -headerbar separator:disabled, -headerbar paned > separator { - border-color: alpha (shade(@theme_bg_dark_color, 0.2), 0.24); - border-bottom-color: @theme_bg_dark_color; - border-right-color: @theme_bg_dark_color; -} - /**************** * assistant * ****************/ @@ -5665,18 +5476,226 @@ entry.cursor-handle.bottom, -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } -/******* - * CSD * - *******/ +/*************** + * Header bars * + ***************/ +headerbar, .titlebar { + border-width: 0 0 1px; + border-style: solid; + border-color: shade(@borders, 0.90); + border-radius: 7px 7px 0px 0px; + box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95); + background-color: @theme_bg_dark_color; + padding: 6px 6px 5px 6px; text-shadow: 0 1px @wm_title_shadow; background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); - border-radius: 7px 7px 0px 0px; } +/* fix for gedit, .titlebar does not match headerbar selector */ +.background.csd > paned.horizontal.titlebar, +.background.solid-csd > paned.horizontal.titlebar { + background-color: transparent; + padding: 0px; + margin: -2px -2px -2px -2px; + border-width: 0px; +} + +headerbar:backdrop, +.titlebar:backdrop { + border-image: linear-gradient(to top, + @unfocused_borders, + @unfocused_borders 1px, + @theme_unfocused_bg_color 1px) 0 0 2; + background-color: @theme_bg_dark_color; + text-shadow: none; + background-image: none; + box-shadow: none; +} + +headerbar button, +headerbar button:last-child, +headerbar button:first-child, +headerbar button:only-child, +headerbar .linked button, +headerbar .linked button:last-child, +headerbar .linked button:first-child, +headerbar .linked button:only-child, +headerbar .linked button:focus, +headerbar .linked button:focus:last-child, +headerbar .linked button:focus:first-child, +headerbar .linked button:focus:only-child, +headerbar .linked button:backdrop, +headerbar .linked button:backdrop:last-child, +headerbar .linked button:backdrop:first-child, +headerbar .linked button:backdrop:only-child { + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + color: @theme_fg_dark_color; + border-width: 1px; + border-radius: 5px; + box-shadow: none; +} + +headerbar:backdrop button { + border-width: 1px; + border-radius: 5px; + padding-left: 4px; + padding-right: 4px; + color: @theme_text_dark_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@theme_unfocused_bg_color, 1.05)), + to (shade(@theme_unfocused_bg_color, 0.85))); +} + +headerbar button:hover, +headerbar button:checked, +headerbar button:hover:active, +headerbar button.text-button:hover:active, +headerbar button:checked:hover, +headerbar button:checked:hover:active, +headerbar button:hover:first-child, +headerbar button:checked:first-child, +headerbar button:hover:active:first-child, +headerbar button:checked:hover:first-child, +headerbar button:checked:hover:active:first-child, +headerbar button:hover:last-child, +headerbar button:checked:last-child, +headerbar button:hover:active:last-child, +headerbar button:checked:hover:last-child, +headerbar button:checked:hover:active:last-child, +headerbar button:hover:only-child, +headerbar button:checked:only-child, +headerbar button:hover:active:last-child, +headerbar button:checked:hover:only-child, +headerbar button:checked:hover:active:only-child, +headerbar .linked button:hover, +headerbar .linked button:checked, +headerbar .linked button:hover:active, +headerbar .linked button:checked:hover, +headerbar .linked button:checked:hover:active, +headerbar .linked button:hover:first-child, +headerbar .linked button:checked:first-child, +headerbar .linked button:hover:active:first-child, +headerbar .linked button:checked:hover:first-child, +headerbar .linked button:checked:hover:active:first-child, +headerbar .linked button:hover:last-child, +headerbar .linked button:checked:last-child, +headerbar .linked button:hover:active:last-child, +headerbar .linked button:checked:hover:last-child, +headerbar .linked button:checked:hover:active:last-child, +headerbar .linked button:hover:only-child, +headerbar .linked button:checked:only-child, +headerbar .linked button:hover:active:last-child, +headerbar .linked button:checked:hover:only-child, +headerbar .linked button:checked:hover:active:only-child { + color: shade (@theme_selected_bg_color, 1.6); + border-width: 1px; + border-radius: 5px; + 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))); + border-top-color: shade(@button_raised_gradient_color_a, 0.50); + border-bottom-color: shade(@button_raised_gradient_color_a, 0.50); + border-right-color: shade(@button_raised_gradient_color_a, 0.50); + border-left-color: shade(@button_raised_gradient_color_a, 0.50); + 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); +} + +headerbar button:disabled, +headerbar button:disabled:last-child, +headerbar button:disabled:first-child { + color: @theme_text_dark_color; + background-image: none; + background-color: @theme_bg_dark_color; + border-color: @theme_button_border_dark; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +headerbar > button:disabled { + background-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; +} + +headerbar > button.text-button:hover, +headerbar > button.text-button:focus, +headerbar > button.text-button, +headerbar > button.text-button.radio, +headerbar > .linked > button.text-button, +headerbar > .linked > button.text-button.radio { + padding: 4px 6px; +} + +headerbar > button.image-button, +headerbar > button.image-button:focus, +headerbar > button.image-button:hover, +headerbar > button.image-button:backdrop { + padding: 5px 5px 6px 5px; +} + +headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio { + border-right-width: 0px; + border-left-width: 0px; + border-radius: 0px; +} + +headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:first-child { + border-radius: 6px 0 0 6px; + border-width: 1px; + border-right-width: 0px; +} + +headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:last-child { + border-radius: 0 6px 6px 0; + border-width: 1px; + border-left-width: 0px; +} + +headerbar.titlebar > stackswitcher.linked.stack-switcher > button.text-button.radio.needs-attention > label { + background-color: transparent; + color: @theme_dark_fg_color; + border-radius: 3px; + box-shadow: inset 0px 1px shade (@info_fg_color, 1.3), + inset 1px 0px shade (@info_fg_color, 1.3), + inset -1px 0px shade (@info_fg_color, 1.3), + inset 0px -1px shade (@info_fg_color, 1.3); +} + +headerbar title { + font: Bold 11; + color: @theme_text_dark_color; +} + +headerbar .subtitle { + font: 9; + color: @theme_text_dark_color; +} + +headerbar toolitem separator, +headerbar separator, +headerbar separator:disabled, +headerbar paned > separator { + border-color: alpha (shade(@theme_bg_dark_color, 0.2), 0.24); + border-bottom-color: @theme_bg_dark_color; + border-right-color: @theme_bg_dark_color; +} + +/******* + * CSD * + *******/ + .tiled .titlebar { border-radius: 0; } @@ -5700,13 +5719,6 @@ entry.cursor-handle.bottom, color: @theme_text_dark_color; } - /* Colour when unfocused? */ -.titlebar:backdrop { - text-shadow: none; - background-image: none; - background-color: @theme_bg_dark_color; -} - .titlebar button.titlebutton, .titlebar button.titlebutton:first-child, .titlebar button.titlebutton:last-child, -- cgit v1.2.1