diff options
author | Jakub Steiner <jimmac@gmail.com> | 2021-02-04 18:04:09 +0100 |
---|---|---|
committer | Jakub Steiner <jimmac@gmail.com> | 2021-02-04 21:56:31 +0100 |
commit | 3ec9dae12ce92ce94359aed60eb4f2562264f879 (patch) | |
tree | 58450fb1b79c7de80b455420e7b5bcb9a7324545 | |
parent | 30b6816a86272020167cdf17a706e1c766372580 (diff) | |
download | gnome-shell-wip/jimmac/window-thumbnail-close-and-label.tar.gz |
theme: Legible thumbnail close buttonwip/jimmac/window-thumbnail-close-and-label
- prominent close button
- legible yet stylish thumbnail labels
Fixes https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/3669
-rw-r--r-- | data/theme/gnome-shell-sass/widgets/_window-picker.scss | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/data/theme/gnome-shell-sass/widgets/_window-picker.scss b/data/theme/gnome-shell-sass/widgets/_window-picker.scss index d157b91ab..04e3f5059 100644 --- a/data/theme/gnome-shell-sass/widgets/_window-picker.scss +++ b/data/theme/gnome-shell-sass/widgets/_window-picker.scss @@ -3,8 +3,7 @@ $window_picker_spacing: $base_spacing; // 6px $window_picker_padding: $base_padding * 2; // 12px -$window_thumbnail_chrome_color: transparentize($osd_fg_color, 0.4); -$window_thumbnail_chrome_border: transparentize($osd_bg_color, 0.7); +$window_thumbnail_label_color: transparentize($osd_bg_color, 0.4); $window_close_button_size: 30px; $window_close_button_padding: 3px; @@ -17,31 +16,34 @@ $window_close_button_padding: 3px; // Window titles .window-caption { - color: $osd_bg_color; - background-color: $window_thumbnail_chrome_color; + color: $osd_fg_color; + background-color: $osd_bg_color; border-radius: 99px; - border: 1px solid $window_thumbnail_chrome_border; padding: $base_padding $base_padding * 2; } // Close button .window-close { - background-color: $window_thumbnail_chrome_color; - color: $osd_bg_color; - border: 1px solid $window_thumbnail_chrome_border; + background-color: $osd_bg_color; + color: $osd_fg_color; + border-color: transparentize($osd_fg_color,0.99); //for transitions + border-style: solid; + border-width: 3px; border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2; padding: $window_close_button_padding; height: $window_close_button_size; width: $window_close_button_size; box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5); + transition-duration: 300ms; & StIcon { icon-size: 24px; } &:hover { - background-color: lighten($window_thumbnail_chrome_color, 5%); + background-color: lighten($osd_bg_color, 5%); + border-color: $osd_fg_color; } &:active { - background-color: darken($window_thumbnail_chrome_color, 5%); + background-color: darken($osd_bg_color, 5%); } } |