From 200c5e18f5a9f4e46fe6834d866b8c2d6d354ca3 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Wed, 11 May 2016 20:25:17 +0200 Subject: GTK+-3.20 BlackMATE: add simple support for spinbuttons and OSD spinbuttons --- desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css | 194 +++++++++++++++++++---- 1 file changed, 164 insertions(+), 30 deletions(-) diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css index 661d3045..d0d6790f 100644 --- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css @@ -934,17 +934,6 @@ notebook toolbar .entry { mix(#ffffff, @less_dark_color, 0.75)); } -notebook spinbutton button, -notebook spinbutton button:disabled, -notebook spinbutton button:hover, -notebook spinbutton button:active, -notebook spinbutton button:focus { - background-image: none; - background-color: transparent; - border-style: none; - border-image: none; -} - notebook scrollbar button, notebook scrollbar button.horizontal, notebook scrollbar button.vertical { @@ -1570,31 +1559,139 @@ colorbutton button { /***************** * GtkSpinButton * *****************/ -spinbutton button, -spinbutton button:disabled, -spinbutton button:hover, -spinbutton button:active, -spinbutton button:focus { - background-image: none; - background-color: transparent; - /*border-width: 1px;*/ - border-style: none; - border-image: none; - padding: 0px 4px 0px 0px; + +spinbutton, +spinbutton:focus, +spinbutton:backdrop, +spinbutton.vertical, +spinbutton.vertical:focus, +spinbutton.vertical:backdrop { + border-color: @less_dark_color; + border-width: 1px; + border-style: solid; + border-radius: 3px; + padding: 0px; } -spinbutton button, -spinbutton button:focus { - color: shade(@insensitive_fg_color, 1.1); +spinbutton.horizontal > entry, +spinbutton.horizontal > entry:focus, +spinbutton.horizontal > entry:backdrop { + padding: 4px 10px 4px 4px; + box-shadow: none; + border-radius: 3px 0px 0px 3px; + border-style: none; } -spinbutton button:hover, -spinbutton button:active { - color: @theme_text_color; +spinbutton > button:disabled { + color: shade(@insensitive_fg_color, 0.7); + background-image: none; +} + +spinbutton > button, +spinbutton > button:focus, +spinbutton > button:backdrop { + border-image: none; + color: shade(@insensitive_fg_color, 1.1); +} + +spinbutton > button:hover, +spinbutton > button:active { + color: @theme_text_color; +} + +spinbutton > button:hover { + border-image: none; + border-style: solid; + border-color: shade(@button_border, 1.1); + background-image: -gtk-gradient (radial, + 0.5 -2.0, 2.0, + 0.5 -2.0, 3.0, + from (shade(@button_gradient_color_a, 1.5)), + color-stop (0.42, shade(@button_gradient_color_a, 0.7)), + color-stop (0.43, @theme_bg_color), + to (shade(@button_gradient_color_b, 0.7))); +} + +spinbutton > button:active { + border-image: none; + border-style: solid; + background-image: linear-gradient(to bottom, + shade(@button_gradient_color_b, 0.7), + @theme_bg_color 50%, + shade(@button_gradient_color_a, 1.5)); +} + +spinbutton.horizontal > button, +spinbutton.horizontal > button:focus, +spinbutton.horizontal > button:backdrop, +spinbutton.horizontal > button:hover, +spinbutton.horizontal > button:active, +spinbutton.horizontal > button:disabled { + min-height: 10px; + min-width: 10px; + padding: 5px 4px; + box-shadow: none; + border-style: solid; + border-color: @less_dark_color; +} + +spinbutton.horizontal > button.down, +spinbutton.horizontal > button.down:focus, +spinbutton.horizontal > button.down:backdrop, +spinbutton.horizontal > button.down:hover, +spinbutton.horizontal > button.down:active, +spinbutton.horizontal > button.down:disabled { + border-radius: 0px; + border-width: 0px 1px 0px 1px; +} + +spinbutton.horizontal > button.up, +spinbutton.horizontal > button.up:focus, +spinbutton.horizontal > button.up:backdrop, +spinbutton.horizontal > button.up:hover, +spinbutton.horizontal > button.up:active, +spinbutton.horizontal > button.up:disabled { + border-radius: 0 3px 3px 0; + border-width: 0px; +} + +spinbutton.vertical > entry { + border-style: none; + border-radius: 0; + padding: 5px 1px; + box-shadow: none; +} + +spinbutton.vertical > button, +spinbutton.vertical > button:focus, +spinbutton.vertical > button:backdrop, +spinbutton.vertical > button:hover, +spinbutton.vertical > button:active, +spinbutton.vertical > button:disabled { + border-color: @less_dark_color; + border-image: none; + border-style: solid; + padding: 6px 0px; +} + +spinbutton.vertical > button.up, +spinbutton.vertical > button.up:focus, +spinbutton.vertical > button.up:backdrop, +spinbutton.vertical > button.up:hover, +spinbutton.vertical > button.up:active, +spinbutton.vertical > button.up:disabled { + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; } -spinbutton button:disabled { - color: shade(@insensitive_fg_color, 0.7); +spinbutton.vertical > button.down, +spinbutton.vertical > button.down:focus, +spinbutton.vertical > button.down:backdrop, +spinbutton.vertical > button.down:hover, +spinbutton.vertical > button.down:active, +spinbutton.vertical > button.down:disabled { + border-width: 1px 0px 0px 0px; + border-radius: 0px 0px 3px 3px; } /* ie. yelp */ @@ -2531,6 +2628,43 @@ toolbar.osd separator { border-color: alpha (@osd_button_border, 0.0); } +/* ie. colorchooser */ +.osd.popover { + background-image: none; + background-color: alpha(shade(#3D3E40, 0.85), 0.35); + border: 1px solid black; + border-radius: 2px; + color: @theme_fg_color; +} + +.osd.popover spinbutton entry, +.osd.popover spinbutton entry:focus, +.osd.popover spinbutton button, +.osd.popover spinbutton button:focus { + background-color: transparent; + background-image: linear-gradient(to bottom, + @osd_button_bg_a, + @osd_button_bg_b 68%, + @osd_button_bg_c); + color: @osd_button_fg; + text-shadow: none; + -gtk-icon-shadow: 0 -1px @osd_button_shadow; +} + +.osd.popover spinbutton button:hover { + background-image: linear-gradient(to bottom, + @osd_button_bg_hover_a, + @osd_button_bg_hover_b 68%, + @osd_button_bg_hover_c); +} + +.osd.popover spinbutton button:active { + background-image: linear-gradient(to bottom, + @osd_button_bg_active_a, + @osd_button_bg_active_b 68%, + @osd_button_bg_active_c); +} + .osd progressbar, progressbar .osd { padding: 0; -- cgit v1.2.1