From d1e9cfa5c22954cb9f1d6243b698d14e95700cb4 Mon Sep 17 00:00:00 2001 From: Julian Sparber Date: Fri, 1 Mar 2024 14:59:10 +0100 Subject: [PATCH] message-list: Fix dim buttons for notifications in calender drawer Since we now display notification buttons in the calender drawer we need to adjust the styling a little bit. Part-of: --- data/theme/gnome-shell-sass/_drawing.scss | 7 +++---- data/theme/gnome-shell-sass/widgets/_message-list.scss | 8 ++++---- 2 files changed, 7 insertions(+), 8 deletions(-) diff --git a/data/theme/gnome-shell-sass/_drawing.scss b/data/theme/gnome-shell-sass/_drawing.scss index 79baa9a7c..5d56d4c17 100644 --- a/data/theme/gnome-shell-sass/_drawing.scss +++ b/data/theme/gnome-shell-sass/_drawing.scss @@ -169,8 +169,6 @@ // background color override for card elements @if $style == 'card' { $button_bg_color: $card_bg_color;} - // background color override for buttons in notifications - @if $style == 'bubble' { $button_bg_color: if($variant == 'light', darken($button_bg_color, 3%), lighten($button_bg_color, 5%));} // background color mix override for flat style; the button bg color is the background color input @if $style == 'flat' { $button_bg_color: $c;} // background color mix override for default button style @@ -211,8 +209,9 @@ $checked_active_button_bg_color: lighten($checked_button_bg_color, $active_factor); } - // background color overrides for the lockscreen style - @if $style == 'lockscreen' { + // background color override for buttons that use transparency + // styles: notification bubbles, lockscreen + @if $style == 'bubble' or $style == 'lockscreen' { $button_bg_color: transparentize($tc, .9); $hover_button_bg_color: transparentize($tc, .87); $active_button_bg_color: transparentize($tc, .84); diff --git a/data/theme/gnome-shell-sass/widgets/_message-list.scss b/data/theme/gnome-shell-sass/widgets/_message-list.scss index 5de60208f..b52444b89 100644 --- a/data/theme/gnome-shell-sass/widgets/_message-list.scss +++ b/data/theme/gnome-shell-sass/widgets/_message-list.scss @@ -114,11 +114,11 @@ .message-close-button { @extend .icon-button; color: $fg_color; - background-color: transparentize($fg_color, 0.8); + background-color: transparentize($fg_color, .9); padding: 4px; - &:hover { background-color: transparentize($fg_color, 0.7);} - &:insensitive { background-color: transparentize($fg_color, 0.9);} - &:active { background-color: transparentize($fg_color, 0.8);} + &:hover { background-color: transparentize($fg_color, .87);} + &:active { background-color: transparentize($fg_color, .84);} + &:insensitive { background-color: transparentize($fg_color, .93);} } .message-expand-button {