diff options
| author | Mate <[email protected]> | 2021-06-07 15:26:36 +0200 |
|---|---|---|
| committer | raveit65 <[email protected]> | 2021-09-06 22:07:02 +0200 |
| commit | a986a20bc158f07e56b29d04d79401fc36a0ead2 (patch) | |
| tree | bca726a924c0098a5af68ec3d6e0b8a2e3b7492d /desktop-themes/YaruOk/gtk-3.0/_headerbar_buttons.scss | |
| parent | c217d70d3cc82c9c5d1d6cf4e72bd85ba4bc70c6 (diff) | |
| download | mate-themes-a986a20bc158f07e56b29d04d79401fc36a0ead2.tar.bz2 mate-themes-a986a20bc158f07e56b29d04d79401fc36a0ead2.tar.xz | |
add YaruOK and YaruGreen
Diffstat (limited to 'desktop-themes/YaruOk/gtk-3.0/_headerbar_buttons.scss')
| -rw-r--r-- | desktop-themes/YaruOk/gtk-3.0/_headerbar_buttons.scss | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/desktop-themes/YaruOk/gtk-3.0/_headerbar_buttons.scss b/desktop-themes/YaruOk/gtk-3.0/_headerbar_buttons.scss new file mode 100644 index 00000000..ef41b773 --- /dev/null +++ b/desktop-themes/YaruOk/gtk-3.0/_headerbar_buttons.scss @@ -0,0 +1,39 @@ +$headerbar_button_gradient_a: gtkshade(desaturate($core_color_a, 15%), 1.15); +$headerbar_button_gradient_b: gtkshade(desaturate($core_color_a, 15%), 1.1); +$headerbar_button_gradient_c: gtkshade(desaturate($core_color_a, 15%), 1.08); +$headerbar_button_gradient_d: gtkshade(desaturate($core_color_a, 15%), 1.02); + +$headerbar_button_hover_gradient_a: gtkshade(desaturate($core_color_a, 30%), 1.25); +$headerbar_button_hover_gradient_b: gtkshade(desaturate($core_color_a, 30%), 1.2); +$headerbar_button_hover_gradient_c: gtkshade(desaturate($core_color_a, 30%), 1.19); +$headerbar_button_hover_gradient_d: gtkshade(desaturate($core_color_a, 30%), 1.12); + +$headerbar_button_backdrop_gradient_a: gtkshade(desaturate($core_color_a, 100%), 1.25); +$headerbar_button_backdrop_gradient_b: gtkshade(desaturate($core_color_a, 100%), 1.2); +$headerbar_button_backdrop_gradient_c: gtkshade(desaturate($core_color_a, 100%), 1.18); +$headerbar_button_backdrop_gradient_d: gtkshade(desaturate($core_color_a, 100%), 1.12); + +$headerbar_button_backdrop_hover_gradient_a: gtkshade(desaturate($core_color_a, 100%), 1.3); +$headerbar_button_backdrop_hover_gradient_b: gtkshade(desaturate($core_color_a, 100%), 1.25); +$headerbar_button_backdrop_hover_gradient_c: gtkshade(desaturate($core_color_a, 100%), 1.23); +$headerbar_button_backdrop_hover_gradient_d: gtkshade(desaturate($core_color_a, 100%), 1.17); + + +headerbar { + button { + background-image: linear-gradient(to bottom, $headerbar_button_gradient_a, $headerbar_button_gradient_b 50%, $headerbar_button_gradient_c 50%, $headerbar_button_gradient_d); + border-color: gtkshade(#a7bdd8, 0.6); + &:hover { + background-image: linear-gradient(to bottom, $headerbar_button_hover_gradient_a, $headerbar_button_hover_gradient_b 50%, $headerbar_button_hover_gradient_c 50%, $headerbar_button_hover_gradient_d); + border-color: gtkshade(#a7bdd8, 0.6); + } + &:backdrop { + background-image: linear-gradient(to bottom, $headerbar_button_backdrop_gradient_a, $headerbar_button_backdrop_gradient_b 50%, $headerbar_button_backdrop_gradient_c 50%, $headerbar_button_backdrop_gradient_d); + } + &:backdrop:hover { + background-image: linear-gradient(to bottom, $headerbar_button_backdrop_hover_gradient_a, $headerbar_button_backdrop_hover_gradient_b 50%, $headerbar_button_backdrop_hover_gradient_c 50%, $headerbar_button_backdrop_hover_gradient_d); + border-color: gtkshade(desaturate(#a7bdd8, 100%), 0.7); + } + } +} + |