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: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3173>
This commit is contained in:
Julian Sparber 2024-03-01 14:59:10 +01:00 committed by Florian Müllner
parent 262fb191b1
commit d1e9cfa5c2
2 changed files with 7 additions and 8 deletions

View File

@ -169,8 +169,6 @@
// background color override for card elements // background color override for card elements
@if $style == 'card' { $button_bg_color: $card_bg_color;} @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 // background color mix override for flat style; the button bg color is the background color input
@if $style == 'flat' { $button_bg_color: $c;} @if $style == 'flat' { $button_bg_color: $c;}
// background color mix override for default button style // background color mix override for default button style
@ -211,8 +209,9 @@
$checked_active_button_bg_color: lighten($checked_button_bg_color, $active_factor); $checked_active_button_bg_color: lighten($checked_button_bg_color, $active_factor);
} }
// background color overrides for the lockscreen style // background color override for buttons that use transparency
@if $style == 'lockscreen' { // styles: notification bubbles, lockscreen
@if $style == 'bubble' or $style == 'lockscreen' {
$button_bg_color: transparentize($tc, .9); $button_bg_color: transparentize($tc, .9);
$hover_button_bg_color: transparentize($tc, .87); $hover_button_bg_color: transparentize($tc, .87);
$active_button_bg_color: transparentize($tc, .84); $active_button_bg_color: transparentize($tc, .84);

View File

@ -114,11 +114,11 @@
.message-close-button { .message-close-button {
@extend .icon-button; @extend .icon-button;
color: $fg_color; color: $fg_color;
background-color: transparentize($fg_color, 0.8); background-color: transparentize($fg_color, .9);
padding: 4px; padding: 4px;
&:hover { background-color: transparentize($fg_color, 0.7);} &:hover { background-color: transparentize($fg_color, .87);}
&:insensitive { background-color: transparentize($fg_color, 0.9);} &:active { background-color: transparentize($fg_color, .84);}
&:active { background-color: transparentize($fg_color, 0.8);} &:insensitive { background-color: transparentize($fg_color, .93);}
} }
.message-expand-button { .message-expand-button {