style: Improve contrast of empty notifications tray message

- lower how opaque the text is for the message
- redraw the icon asset to be outline as to make it feel less heavy at the brighter color

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7852
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3557>
This commit is contained in:
Sam Hewitt 2024-11-22 12:33:45 -03:30
parent 12d2532154
commit 6912d31068
3 changed files with 9 additions and 9 deletions

View File

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="48px" viewBox="0 0 48 48" width="48px" xmlns="http://www.w3.org/2000/svg">
<path d="m 24.164062 4 c -1.660156 0 -3 1.335938 -3 3 v 1.34375 c -5.246093 1.28125 -9.164062 6.027344 -9.164062 11.65625 v 10.296875 l -2.683594 3.355469 c -1.316406 1.644531 -0.019531 4.347656 2.089844 4.347656 h 25.1875 c 2.109375 0 3.40625 -2.703125 2.089844 -4.347656 l -2.683594 -3.355469 v -10.296875 c 0 -5.507812 -3.757812 -10.175781 -8.835938 -11.570312 v -1.429688 c 0 -1.664062 -1.335937 -3 -3 -3 z m -4 36 c 0 1.429688 0.761719 2.75 2 3.464844 c 1.238282 0.714844 2.761719 0.714844 4 0 c 1.238282 -0.714844 2 -2.035156 2 -3.464844 z m 0 0" fill="#241f31" fill-opacity="0.8"/>
<path d="m 24.164062 4 c -1.660156 0 -3 1.339844 -3 3 v 1.34375 c -5.246093 1.28125 -9.164062 6.027344 -9.164062 11.65625 v 10.296875 l -2.683594 3.355469 c -1.316406 1.648437 -0.019531 4.347656 2.089844 4.347656 h 25.1875 c 2.109375 0 3.40625 -2.699219 2.089844 -4.347656 l -2.683594 -3.355469 v -10.296875 c 0 -5.507812 -3.757812 -10.171875 -8.835938 -11.570312 v -1.429688 c 0 -1.660156 -1.339843 -3 -3 -3 z m -0.203124 7 c 5.367187 0.101562 9.039062 4.214844 9.039062 9 v 10.300781 c 0 0.679688 0.234375 1.339844 0.65625 1.871094 l 2.265625 2.828125 h -23.84375 l 2.261719 -2.828125 h 0.003906 c 0.421875 -0.53125 0.65625 -1.191406 0.65625 -1.871094 v -10.300781 c 0 -5.578125 4.90625 -9.074219 8.960938 -9 z m -3.796876 29 c 0 1.429688 0.761719 2.75 2 3.464844 c 1.238282 0.714844 2.761719 0.714844 4 0 c 1.238282 -0.714844 2 -2.035156 2 -3.464844 z m 0 0" fill="#241f31" fill-opacity="0.8"/>
</svg>

Before

Width:  |  Height:  |  Size: 727 B

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -7,7 +7,7 @@
viewBox="0 0 48 48"
id="svg2"
version="1.1"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="org.gnome.Shell-symbolic.Source.svg"
xml:space="preserve"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@ -167,8 +167,8 @@
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="72.5"
inkscape:cy="126.5"
inkscape:cx="35"
inkscape:cy="12"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -234,8 +234,8 @@
id="rect15794"
style="fill:none;stroke-width:0.666667" /><path
id="path29"
style="color:#000000;fill:#241f31;fill-opacity:0.8;stroke-width:1.33333;stroke-linejoin:round;-inkscape-stroke:none"
d="m 320.219,478.86616 c -2.216,0 -4,1.78401 -4,4 v 1.79167 c -6.99377,1.70873 -12.21875,8.03827 -12.21875,15.54167 v 13.73177 l -3.57812,4.47135 c -1.75649,2.19556 -0.0279,5.7969 2.78385,5.79688 h 33.58594 c 2.8117,2e-5 4.54295,-3.60132 2.78645,-5.79688 l -3.57812,-4.47135 V 500.1995 c 0,-7.34514 -5.00953,-13.5649 -11.78125,-15.42709 v -1.90625 c 0,-2.21599 -1.784,-4 -4,-4 z m -5.33333,48 a 5.333333,5.333333 0 0 0 2.66666,4.6198 5.333333,5.333333 0 0 0 5.33334,0 5.333333,5.333333 0 0 0 2.66666,-4.6198 H 320.219 Z" /></g><g
style="color:#000000;fill:#241f31;fill-opacity:0.80000001;stroke-width:1.33333;stroke-linejoin:round;-inkscape-stroke:none"
d="M 320.21875 478.86665 C 318.00275 478.86665 316.21875 480.65066 316.21875 482.86665 L 316.21875 484.65832 C 309.22498 486.36705 304 492.69659 304 500.19999 L 304 513.93176 L 300.42188 518.40311 C 298.66539 520.59867 300.39398 524.20001 303.20573 524.19999 L 336.79167 524.19999 C 339.60337 524.20001 341.33463 520.59867 339.57812 518.40311 L 336 513.93176 L 336 500.19999 C 336 492.85485 330.99047 486.63509 324.21875 484.7729 L 324.21875 482.86665 C 324.21875 480.65066 322.43475 478.86665 320.21875 478.86665 z M 319.95052 488.19999 C 327.10438 488.33362 332 493.81804 332 500.19999 L 332 513.93176 L 332 513.93436 C 332.001 514.84059 332.31136 515.72171 332.8776 516.42915 L 335.89323 520.19999 L 304.10677 520.19999 L 307.11979 516.43176 L 307.1224 516.42915 C 307.68864 515.72171 307.99868 514.84059 308 513.93436 L 308 513.93176 L 308 500.19999 C 308 492.76006 314.53939 488.09882 319.95052 488.19999 z M 314.88542 526.86665 A 5.333333 5.333333 0 0 0 317.55208 531.48645 A 5.333333 5.333333 0 0 0 322.88542 531.48645 A 5.333333 5.333333 0 0 0 325.55208 526.86665 L 320.21875 526.86665 L 314.88542 526.86665 z " /></g><g
id="g21075"
transform="translate(0,-340)"
inkscape:label="notifications alerts calendar events"><title

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

View File

@ -11,10 +11,10 @@
&:rtl {margin-right: 0; margin-left: $base_margin; padding-left: $base_padding; border-left-width: 1px; }
.message-list-placeholder {
@extend %title_2;
color: transparentize($fg_color, .75);
@extend %title_3;
color: transparentize($fg_color, .55);
@if $contrast == 'high' {
color: transparentize($fg_color, .5);
color: $fg_color;
}
// icon size and color
> StIcon {