From 7897153b931acc0878f4bda60b79a86007072072 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Thu, 3 Mar 2016 00:05:30 +0100 Subject: GTK+-3.20 Submarine themes: more adjustments - add new scale slider images - fix dialog-action-area.linked buttons - fix another jumping of some buttons in headerbar --- .../Green-Submarine/gtk-3.0/assets/Makefile.am | 8 + ...e-slider-marks-above-horizontal-insensitive.png | Bin 0 -> 1285 bytes .../assets/scale-slider-marks-above-horizontal.png | Bin 0 -> 1281 bytes ...ale-slider-marks-above-vertical-insensitive.png | Bin 0 -> 1250 bytes .../assets/scale-slider-marks-above-vertical.png | Bin 0 -> 1276 bytes ...e-slider-marks-below-horizontal-insensitive.png | Bin 0 -> 1255 bytes .../assets/scale-slider-marks-below-horizontal.png | Bin 0 -> 1282 bytes ...ale-slider-marks-below-vertical-insensitive.png | Bin 0 -> 1280 bytes .../assets/scale-slider-marks-below-vertical.png | Bin 0 -> 1298 bytes .../Green-Submarine/gtk-3.0/gtk-widgets-assets.css | 16 +- .../Green-Submarine/gtk-3.0/gtk-widgets.css | 167 +++++++++++++-------- 11 files changed, 124 insertions(+), 67 deletions(-) create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal-insensitive.png create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal.png create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical-insensitive.png create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical.png create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal-insensitive.png create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal.png create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical-insensitive.png create mode 100644 desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical.png (limited to 'desktop-themes/Green-Submarine/gtk-3.0') diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/Makefile.am b/desktop-themes/Green-Submarine/gtk-3.0/assets/Makefile.am index 64e19502..18718211 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/assets/Makefile.am +++ b/desktop-themes/Green-Submarine/gtk-3.0/assets/Makefile.am @@ -44,6 +44,14 @@ theme_DATA = \ scale-slider-hor.svg \ scale-slider-insensitive-hor.svg \ scale-slider-insensitive-ver.svg \ + scale-slider-marks-above-horizontal-insensitive.png \ + scale-slider-marks-above-horizontal.png \ + scale-slider-marks-above-vertical-insensitive.png \ + scale-slider-marks-above-vertical.png \ + scale-slider-marks-below-horizontal-insensitive.png \ + scale-slider-marks-below-horizontal.png \ + scale-slider-marks-below-vertical-insensitive.png \ + scale-slider-marks-below-vertical.png \ scale-slider-marks-above-horizontal-insensitive.svg \ scale-slider-marks-above-horizontal.svg \ scale-slider-marks-above-vertical-insensitive.svg \ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal-insensitive.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal-insensitive.png new file mode 100644 index 00000000..9b4d4dfa Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal-insensitive.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal.png new file mode 100644 index 00000000..41e8bc7d Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-horizontal.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical-insensitive.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical-insensitive.png new file mode 100644 index 00000000..d8cfd70d Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical-insensitive.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical.png new file mode 100644 index 00000000..04badcaa Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-above-vertical.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal-insensitive.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal-insensitive.png new file mode 100644 index 00000000..816d6665 Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal-insensitive.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal.png new file mode 100644 index 00000000..8fbdcbcd Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-horizontal.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical-insensitive.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical-insensitive.png new file mode 100644 index 00000000..ae6a2e29 Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical-insensitive.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical.png b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical.png new file mode 100644 index 00000000..491817af Binary files /dev/null and b/desktop-themes/Green-Submarine/gtk-3.0/assets/scale-slider-marks-below-vertical.png differ diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets-assets.css index 669e4c89..52a3c883 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets-assets.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets-assets.css @@ -206,35 +206,35 @@ scale.vertical slider:disabled { scale.horizontal.scale-has-marks-above slider, scale.horizontal.scale-has-marks-above slider:hover { - background-image: -gtk-scaled(url("assets/scale-slider-marks-above-horizontal.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-above-horizontal.png")); } scale.horizontal.scale-has-marks-above slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-marks-above-horizontal-insensitive.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-above-horizontal-insensitive.png")); } scale.vertical.scale-has-marks-above slider { - background-image: -gtk-scaled(url("assets/scale-slider-marks-above-vertical.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-above-vertical.png")); } scale.vertical.scale-has-marks-above slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-marks-above-vertical-insensitive.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-above-vertical-insensitive.png")); } scale.horizontal.scale-has-marks-below slider, scale.horizontal.scale-has-marks-below slider:hover { - background-image: -gtk-scaled(url("assets/scale-slider-marks-below-horizontal.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-below-horizontal.png")); } scale.horizontal.scale-has-marks-below slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-marks-below-horizontal-insensitive.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-below-horizontal-insensitive.png")); } scale.vertical.scale-has-marks-below slider { - background-image: -gtk-scaled(url("assets/scale-slider-marks-below-vertical.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-below-vertical.png")); } scale.vertical.scale-has-marks-below slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-marks-below-vertical-insensitive.svg")); + background-image: -gtk-scaled(url("assets/scale-slider-marks-below-vertical-insensitive.png")); } 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 a637a5d2..0efd4546 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css @@ -719,6 +719,33 @@ scale highlight.bottom:disabled { inset -1px -1px alpha(#000, 0.02); } +scale.vertical.scale-has-marks-below slider, +scale.horizontal.scale-has-marks-below slider, +scale.vertical.scale-has-marks-above slider, +scale.horizontal.scale-has-marks-above slider { + background-size: 100%; + background-repeat: no-repeat; + background-position: center; +} + +scale.vertical.scale-has-marks-below slider:hover, +scale.horizontal.scale-has-marks-below slider:hover, +scale.vertical.scale-has-marks-above slider:hover, +scale.horizontal.scale-has-marks-above slider:hover { + background-size: 90%; + background-repeat: no-repeat; + background-position: center; +} + +scale.vertical.fine-tune.scale-has-marks-below slider, +scale.horizontal.fine-tune.scale-has-marks-below slider, +scale.vertical.fine-tune.scale-has-marks-above slider, +scale.horizontal.fine-tune.scale-has-marks-above slider { + background-size: 75%; + background-repeat: no-repeat; + background-position: center; +} + /********** * Frames * **********/ @@ -3632,6 +3659,7 @@ headerbar:backdrop button { 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, @@ -3704,6 +3732,8 @@ headerbar > button:disabled { -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, @@ -3711,7 +3741,8 @@ headerbar > .linked > button.text-button.radio { padding: 4px 6px; } -headerbar > button.image-button { +headerbar > button.image-button, +headerbar > button.image-button:focus { padding: 5px 5px 6px 5px; } @@ -3733,6 +3764,16 @@ headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:last- 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; @@ -4686,71 +4727,71 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical { } /* middle buttons */ -.dialog-action-area.linked button, -.dialog-action-area.linked button:focus, -.dialog-action-area.linked button:hover, -.dialog-action-area.linked button:focus:hover, -.dialog-action-area.linked button:focus:hover:active, -.dialog-action-area.linked button:checked, -.dialog-action-area.linked button:checked:hover, -.dialog-action-area.linked button:checked:hover:active, -.dialog-action-area.linked button:disabled { - border-right-width: 0px; - border-left-width: 0px; - border-width: 1px 0; +.dialog-action-area.linked > button.text-button, +.dialog-action-area.linked > button.text-button:focus, +.dialog-action-area.linked > button.text-button:hover, +.dialog-action-area.linked > button.text-button:hover:active, +.dialog-action-area.linked > button.text-button:focus:hover, +.dialog-action-area.linked > button.text-button:focus:hover:active, +.dialog-action-area.linked > button.text-button:checked, +.dialog-action-area.linked > button.text-button:checked:hover, +.dialog-action-area.linked > button.text-button:checked:hover:active, +.dialog-action-area.linked > button.text-button:disabled { + border-width: 1px 1px 1px 0px; border-radius: 0; - padding: 6px 2px; + padding: 8px 6px; + margin: 0px 0px 0px -2px; + min-height: 16px; + min-width: 16px; } /* left button */ -.dialog-action-area.linked button:first-child, -.dialog-action-area.linked button:focus:first-child, -.dialog-action-area.linked button:hover:first-child, -.dialog-action-area.linked button:focus:hover:first-child, -.dialog-action-area.linked button:focus:hover:active:first-child, -.dialog-action-area.linked button:checked:first-child, -.dialog-action-area.linked button:checked:hover:first-child, -.dialog-action-area.linked button:checked:hover:active:first-child, -.dialog-action-area.linked button:disabled:first-child { +.dialog-action-area.linked > button.text-button:first-child, +.dialog-action-area.linked > button.text-button:focus:first-child, +.dialog-action-area.linked > button.text-button:hover:first-child, +.dialog-action-area.linked > button.text-button:hover:active:first-child, +.dialog-action-area.linked > button.text-button:focus:hover:first-child, +.dialog-action-area.linked > button.text-button:focus:hover:active:first-child, +.dialog-action-area.linked > button.text-button:checked:first-child, +.dialog-action-area.linked > button.text-button:checked:hover:first-child, +.dialog-action-area.linked > button.text-button:checked:hover:active:first-child, +.dialog-action-area.linked > button.text-button:disabled:first-child { border-radius: 6px 0 0 6px; - border-width: 1px; - border-right-width: 0; - padding: 6px 2px; + border-width: 1px 1px 1px 1px; } /* right button */ -.dialog-action-area.linked button:last-child, -.dialog-action-area.linked button:focus:last-child, -.dialog-action-area.linked button:hover:last-child, -.dialog-action-area.linked button:focus:hover:last-child, -.dialog-action-area.linked button:focus:hover:active:last-child, -.dialog-action-area.linked button:checked:last-child, -.dialog-action-area.linked button:checked:hover:last-child, -.dialog-action-area.linked button:checked:hover:active:last-child, -.dialog-action-area.linked button:disabled:last-child { - border-width: 1px; +.dialog-action-area.linked > button.text-button:last-child, +.dialog-action-area.linked > button.text-button:focus:last-child, +.dialog-action-area.linked > button.text-button:hover:last-child, +.dialog-action-area.linked > button.text-button:hover:active:last-child, +.dialog-action-area.linked > button.text-button:focus:hover:last-child, +.dialog-action-area.linked > button.text-button:focus:hover:active:last-child, +.dialog-action-area.linked > button.text-button:checked:last-child, +.dialog-action-area.linked > button.text-button:checked:hover:last-child, +.dialog-action-area.linked > button.text-button:checked:hover:active:last-child, +.dialog-action-area.linked > button.text-button:disabled:last-child { + margin: 0px 0px 0px -2px; + border-width: 1px 1px 1px 0px; border-radius: 0 6px 6px 0; - border-left-width: 0; - padding: 6px 2px; } /* single button */ -.dialog-action-area.linked button:only-child, -.dialog-action-area.linked button:focus:only-child, -.dialog-action-area.linked button:hover:only-child, -.dialog-action-area.linked button:focus:hover:only-child, -.dialog-action-area.linked button:focus:hover:active:only-child, -.dialog-action-area.linked button:checked:only-child, -.dialog-action-area.linked button:checked:hover:only-child, -.dialog-action-area.linked button:checked:hover:active:only-child, -.dialog-action-area.linked button:disabled:last-child { - padding: 6px 2px; +.dialog-action-area.linked > button.text-button:only-child, +.dialog-action-area.linked > button.text-button:focus:only-child, +.dialog-action-area.linked > button.text-button:hover:only-child, +.dialog-action-area.linked > button.text-button:hover:active:only-child, +.dialog-action-area.linked > button.text-button:focus:hover:only-child, +.dialog-action-area.linked > button.text-button:focus:hover:active:only-child, +.dialog-action-area.linked > button.text-button:checked:only-child, +.dialog-action-area.linked > button.text-button:checked:hover:only-child, +.dialog-action-area.linked > button.text-button:checked:hover:active:only-child, +.dialog-action-area.linked > button.text-button:disabled:last-child { border-width: 1px; - border-radius: 6px; + border-image-width: 1px; } -.dialog-action-area.linked button:only-child { - border-width: 0px; +.dialog-action-area.linked > button.text-button { background-image: -gtk-gradient (linear, left top, left bottom, from (@button_gradient1), @@ -4763,39 +4804,47 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical { inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); } -.dialog-action-area.linked button:focus:only-child { +.dialog-action-area.linked > button.text-button:focus { 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); } -.dialog-action-area.linked button:hover:only-child { +.dialog-action-area.linked > button.text-button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_gradient1, 1.03)), color-stop (0.48, shade(@button_gradient2, 1.03)), color-stop (0.52, shade(@button_gradient3, 1.03)), to (shade(@button_gradient4, 1.01))); + 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); } -.dialog-action-area.linked button:active:only-child { +.dialog-action-area.linked > button.text-button:hover:active { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@theme_bg_color, 1.20)), color-stop (0.50, shade (@theme_bg_color, 1.00)), color-stop (0.50, shade (@theme_bg_color, 0.95)), to (shade (@theme_bg_color, 0.80))); + 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); } -.dialog-action-area.linked button.suggested-action, -.dialog-action-area.linked button.suggested-action:active, -.dialog-action-area.linked button.suggested-action:checked, -.dialog-action-area.linked button.suggested-action:disabled { +.dialog-action-area.linked > button.suggested-action, +.dialog-action-area.linked > button.suggested-action:active, +.dialog-action-area.linked > button.suggested-action:checked, +.dialog-action-area.linked > button.suggested-action:disabled { box-shadow: none; } -.dialog-action-area.linked button label { +.dialog-action-area.linked > button.text-button label { padding: 2px 0px 0px 0px; } -- cgit v1.2.1