From 874cae1dab6cb87f1ad2aa658d003c7e7a6abdb9 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Fri, 8 Jan 2021 22:34:28 +0100 Subject: [PATCH] Adwaita: flatter, lighter buttons - lighten up for contrast, less of an oldschool gradient Fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/3568 --- gtk/theme/Adwaita/_drawing.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss index 2d1916ad58..76a34d278f 100644 --- a/gtk/theme/Adwaita/_drawing.scss +++ b/gtk/theme/Adwaita/_drawing.scss @@ -105,11 +105,11 @@ @function _border_color($c, $darker: false) { @if $darker == true { @return darken($c, 20%); } - @else { @return darken($c, 10%); } + @else { @return darken($c, 15%); } } -@mixin button($t, $c:$bg_color, $tc:$fg_color) { +@mixin button($t, $c:lighten($bg_color,2%), $tc:$fg_color) { // // Button drawing function // @@ -130,9 +130,9 @@ // color: $tc; outline-color: if($c != $bg_color, $alt_focus_border_color, $focus_border_color); - border-color: if($c != $bg_color, _border_color($c), $borders_color); + border-color: _border_color($c); border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); - background-image: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c), + background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c), linear-gradient(to top, darken($c,1%) 2px, $c)); @include _shadows($_button_shadow); }