From 5faa88f49ec103c77c5f3d7618f97a8d1f9263b3 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 15 Aug 2015 13:52:48 +0200 Subject: GTK3 Submarine themes : adjust buttons on black bg, + style nemo preferences --- .../Green-Submarine/gtk-3.0/gtk-widgets.css | 104 +++++++++++---- .../Green-Submarine/gtk-3.0/mate-applications.css | 19 ++- desktop-themes/Green-Submarine/gtk-3.0/menu.css | 5 +- .../Green-Submarine/gtk-3.0/other-applications.css | 142 +++++++++++++++------ 4 files changed, 194 insertions(+), 76 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 34194db8..219e39c5 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css @@ -2196,10 +2196,10 @@ GtkHandleBox, .primary-toolbar .toolbar .button:hover, .primary-toolbar.toolbar .button:hover { background-image: -gtk-gradient (linear, - left top, left bottom, - from (alpha (shade (@theme_bg_dark_color, 1.00), 0.0)), - color-stop (0.50, shade (@theme_bg_dark_color, 0.83) ), - to (alpha (shade (@theme_bg_dark_color, 0.91), 0.0))); + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + border-width: 1px; border-radius: 5px; border-style: solid; @@ -2243,8 +2243,8 @@ GtkHandleBox, .primary-toolbar.toolbar .button:checked:checked { background-image: -gtk-gradient (linear, left top, left bottom, - from (shade(@button_raised_gradient_color_b, 0.90)), - to (shade(@button_raised_gradient_color_a, 0.80))); + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); border-image: none; border-color: transparent; border-width: 1px; @@ -2385,6 +2385,7 @@ GtkHandleBox, .toolbar .raised .button:insensitive:checked, .toolbar .raised.button:insensitive:checked { background-image: -gtk-gradient (linear, + left top, left bottom, from (shade(@button_raised_gradient_color_a, 0.88)), to (shade(@button_raised_gradient_color_b, 1.00))); @@ -3406,8 +3407,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { border-radius: 5px; background-image: -gtk-gradient (linear, left top, left bottom, - from (shade(@button_raised_gradient_color_b, 0.90)), - to (shade(@button_raised_gradient_color_a, 0.80))); + 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); @@ -4895,30 +4896,44 @@ GtkOverlay.osd { } .popover.scale-popup .flat.button.image-button { - background-image: none; + 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-radius: 4px; - box-shadow: inset 0px 2px alpha(#fff, 0.11), - inset 2px 0px alpha(#fff, 0.09), - inset -2px 0px alpha(#fff, 0.09), - inset 0px -2px alpha(#fff, 0.07), - inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), - inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), - inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); + 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); } .popover.scale-popup .flat.button.image-button:hover { -gtk-image-effect: highlight; - background-image: none; - border-radius: 4px; +} + +.popover .list { + background-color: @theme_base_color; +} + +/* more/less volume button */ +.popover .image-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))); 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); } -.popover .list { - background-color: @theme_base_color; +.popover .image-button:insensitive { + background-image: none; + background-color: transparent; + box-shadow: inset 0px 1px @insensitive_border_color, + inset 1px 0px @insensitive_border_color, + inset -1px 0px @insensitive_border_color, + inset 0px -1px @insensitive_border_color; } GtkModelButton.button, @@ -5003,7 +5018,10 @@ GtkModelButton.button:selected, .linked GtkModelButton.button:hover:last-child, .linked GtkModelButton.button:active:hover:last-child, .linked GtkModelButton.button:checked:hover:last-child { - background-image: none; + 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))); background-color: shade (@theme_bg_dark_color, 1.2); color: shade (@theme_selected_bg_color, 1.3); text-shadow: none; @@ -5016,6 +5034,21 @@ GtkModelButton.button:selected, inset 0px -1px shade(@selected_bg_color, 0.93); } +.csd .popover .linked GtkModelButton.button:checked, +.csd .popover .linked GtkModelButton.button:hover, +.csd .popover .linked GtkModelButton.button:active:hover, +.csd .popover .linked GtkModelButton.button:checked:hover { + color: @fg_dark_color; + 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))); + 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); +} + /* middle button*/ .linked GtkModelButton.button:hover, .linked GtkModelButton.button:active:hover, @@ -5148,13 +5181,14 @@ GtkModelButton.button:selected, .titlebar .button:checked, .titlebar .button:checked:checked, .titlebar .titlebutton:checked:checked { - background-image: linear-gradient(to bottom, - @button_hover_gradient_color_a, - @button_hover_gradient_color_b); - background-color: @transparent; + 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))); + background-color: transparent; border-radius: 5px; border-width: 1px; - border-color: @transparent; + border-color: transparent; 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), @@ -5238,6 +5272,10 @@ GtkModelButton.button:selected, .titlebar .linked .button:checked:hover, .titlebar .button.raised.linked:checked:hover, .titlebar .raised.linked .button:checked: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))); padding: 5px 5px 6px 5px; box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), inset 1px 0px shade(@selected_bg_color, 0.97), @@ -5295,6 +5333,10 @@ GtkModelButton.button:selected, .titlebar .linked .button:checked:hover:first-child, .titlebar .button.raised.linked:checked:hover:first-child, .titlebar .raised.linked .button:checked:hover:first-child { + 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))); padding: 5px 5px 6px 5px; box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), inset 1px 0px shade(@selected_bg_color, 0.97), @@ -5352,6 +5394,10 @@ GtkModelButton.button:selected, .titlebar .linked .button:checked:hover:last-child, .titlebar .button.raised.linked:checked:hover:last-child, .titlebar .raised.linked .button:checked:hover:last-child { + 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))); padding: 5px 5px 6px 5px; box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), inset 1px 0px shade(@selected_bg_color, 0.97), @@ -5405,6 +5451,10 @@ GtkModelButton.button:selected, .titlebar .linked .button:checked:hover:only-child, .titlebar .button.raised.linked:checked:hover:only-child, .titlebar .raised.linked .button:checked:hover:only-child { + 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))); padding: 5px 5px 6px 5px; box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), inset 1px 0px shade(@selected_bg_color, 0.97), 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 b0712c33..d6048f43 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css @@ -482,8 +482,8 @@ CajaWindow .primary-toolbar .toolbar .button:checked:hover, CajaWindow .primary-toolbar.toolbar .button:checked:hover { background-image: -gtk-gradient (linear, left top, left bottom, - from (shade(@button_raised_gradient_color_b, 0.90)), - to (shade(@button_raised_gradient_color_a, 0.80))); + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); border-width: 1px; border-style: solid; border-radius: 5px; @@ -505,9 +505,8 @@ CajaWindow .primary-toolbar .toolbar .button:hover, CajaWindow .primary-toolbar.toolbar .button:hover { background-image: -gtk-gradient (linear, left top, left bottom, - from (alpha (shade (@theme_bg_dark_color, 1.00), 0.0)), - color-stop (0.50, shade (@theme_bg_dark_color, 0.83) ), - to (alpha (shade (@theme_bg_dark_color, 0.91), 0.0))); + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); border-width: 1px; border-radius: 5px; border-style: solid; @@ -739,7 +738,10 @@ PanelMenuBar.menubar .menuitem { PanelMenuBar.menubar .menuitem:hover { padding: 5px 5px; background-color: shade (@theme_bg_dark_color, 1.2); - background-image: none; + 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-radius: 6px; text-shadow: none; color: shade (@theme_selected_bg_color, 1.6); @@ -764,7 +766,10 @@ PanelMenuBar.menubar .menu .menuitem:active:hover, PanelMenuBar.menubar .menu .menuitem:hover { padding: 6px; background-color: shade (@theme_bg_dark_color, 1.2); - background-image: none; + 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-radius: 6px; text-shadow: none; color: shade (@theme_selected_bg_color, 1.6); diff --git a/desktop-themes/Green-Submarine/gtk-3.0/menu.css b/desktop-themes/Green-Submarine/gtk-3.0/menu.css index 61fecf9e..4e97b5b5 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/menu.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/menu.css @@ -177,7 +177,10 @@ GtkComboBox .menuitem:hover * { .menu .menuitem:hover { /* contextual menu item-selected */ background-color: shade (@theme_bg_dark_color, 1.2); - background-image: none; + 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.3); text-shadow: 0px 1px @theme_selected_shadow_color; border-radius: 6px; 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 4fcaca36..8356dcbf 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css @@ -39,11 +39,6 @@ NemoSearchBar * { padding: 0px; } -/* searchbar border */ -NemoWindow.background GtkGrid.vertical .horizontal { - border-color: @primay-toolbar-border; -} - NemoSearchBar .entry { padding: 2px 8px; border-width: 0px; @@ -186,8 +181,11 @@ NemoWindow .sidebar .scrollbar.trough { } /* the small line between sidebar and view */ -NemoWindow * { - -GtkPaned-handle-size: 3px; +NemoWindow GtkPaned.horizontal { + border-color: shade(@theme_bg_color, 0.80); + border-style: solid; + border-width: 0px 1px 0px 0px; + -GtkPaned-handle-size: 4px; } NemoWindow .sidebar .frame { @@ -241,23 +239,9 @@ NemoWindow FMTreeView .view row:hover { padding: 4px; } -/* disabled, looks uggly -NemoWindow > GtkTable > .pane-separator, -NemoWindow .pane-separator { - background-color: @sidebar_background; - background-image: -gtk-gradient (linear, - left top, right top, - from (@sidebar_background), - color-stop(0.50, @sidebar_background), - to (shade(@theme_bg_color, 0.60))); - border-style: solid; - border-width: 0px; - border-color: @sidebar_background; - border-image: none; -}*/ - -NemoWindow .primary-toolbar.toolbar .button GtkImage { - color: @theme_fg_dark_color; +/* to avoid unexpected light backgrounds */ +NemoToolbar.vertical { + background-color: @theme_bg_dark_color; } NemoToolbar .linked .button, @@ -276,6 +260,10 @@ NemoToolbar .linked .button:focus:last-child { box-shadow: none; } +NemoWindow .primary-toolbar.toolbar .button GtkImage { + color: @theme_fg_dark_color; +} + NemoWindow .primary-toolbar.toolbar .button, NemoWindow .primary-toolbar.toolbar .button:hover { padding: 4px; @@ -396,7 +384,10 @@ NemoWindow .primary-toolbar.toolbar .button:checked, NemoWindow .primary-toolbar.toolbar .button:checked:hover { padding: 4px; background-color: transparent; - background-image: none; + 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-width: 1px; border-style: solid; border-radius: 5px; @@ -412,7 +403,10 @@ NemoWindow .primary-toolbar .toolbar .button:hover, NemoWindow .primary-toolbar.toolbar .button:hover { background-color: transparent; padding: 4px; - background-image: none; + 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-width: 1px; border-radius: 5px; border-style: solid; @@ -487,21 +481,6 @@ NemoWindow .notebook { box-shadow: none; } -/* -NemoWindow .notebook { - -GtkNotebook-initial-gap: 0; - border-width: 1px 0px 0px 0px; - border-radius: 0px; - border-image: none; - - border-top-color: shade(@sidebar_background, 0.75); - border-left-color: @transparent; - border-bottom-color: @transparent; - border-right-color: @transparent; - -} -*/ - /* Nemo notebook */ GtkDialog.background .vertical.dialog-vbox .notebook .frame { background-color: shade (@theme_bg_color, 1.1); @@ -618,3 +597,84 @@ NemoWindow .notebook tab .button GtkImage:active:hover { text-shadow: none; } +/* stack-switcher ie. nemo preferences */ +.vertical.dialog-vbox .horizontal.primary-toolbar { + background-color: transparent; + border-color: @primay-toolbar-border; + border-width: 1px 0px; + padding: 1px 0px; +} + +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button { + color: @menu_fg_dark_color; + text-shadow: none; + box-shadow: none; + padding: 5px 2px; +} + +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:hover, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:checked, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:checked: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))); + 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); +} + +/* middle most button */ +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:focus, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:hover, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:checked { + border-right-width: 0px; + border-left-width: 0px; + border-radius: 0px; +} + +/* left most button */ +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:first-child, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:focus:first-child, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:hover:first-child, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:checked:first-child { + border-radius: 6px 0 0 6px; + border-width: 1px; + border-right-width: 0px; +} + +/* right most button */ +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:last-child, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:focus:last-child, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:hover:last-child, +.vertical.dialog-vbox .horizontal.primary-toolbar .horizontal.linked.stack-switcher .button.text-button:checked:last-child { + border-radius: 0 6px 6px 0; + border-width: 1px; + border-left-width: 0px; +} + +.vertical.dialog-vbox .view.frame { + background-color: shade (@theme_bg_color, 1.1); + border-color: @borders; +} + +.vertical.dialog-vbox .view.frame GtkViewport.frame { + background-color: shade (@theme_bg_color, 1.1); +} + +.vertical.dialog-vbox .view.frame GtkViewport.frame .vertical GtkSeparator.separator.horizontal { + border-color: @borders; + border-width: 0 0 1px 0; +} + +.vertical.dialog-vbox .view.frame GtkViewport.frame .vertical .vertical .vertical .text-button { + background-color: transparent; +} + +.vertical.dialog-vbox .view.frame GtkViewport.frame .vertical .vertical .vertical .text-button:hover { + background-color: shade (@theme_bg_color, 1.05); + border-radius: 4px; +} + -- cgit v1.2.1