style: Fix contrast issues of themed icons in messages

- increase circular bg color transparency

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7628
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3315>
This commit is contained in:
Sam Hewitt 2024-05-14 10:50:12 -02:30 committed by Marge Bot
parent 25ad8c9408
commit 1053b5826a

View File

@ -144,10 +144,11 @@
// icon size and color // icon size and color
icon-size: $base_icon_size * 3; // 48px icon-size: $base_icon_size * 3; // 48px
// a small symbolic icon on a circle background
&.message-themed-icon { &.message-themed-icon {
border-radius: $forced_circular_radius; // is circular border-radius: $forced_circular_radius;
background-color: transparentize($fg_color, 0.8); background-color: transparentize($fg_color, .93);
icon-size: $base_icon_size; icon-size: $scalable_icon_size;
min-width: $base_icon_size * 3; min-width: $base_icon_size * 3;
min-height: $base_icon_size * 3; min-height: $base_icon_size * 3;
} }