1dda339395
Ideally we would replace the sliced-image based animation with a themed `process-working-symbolic` icon and rotate it, so the spinner simply picks up the current foreground color. Unfortunately the `repeat-count` property does not work for rotations, so to fix the broken spinner in the light variant in the meantime, include assets for both variants and swap them out at runtime. Not everything in the light variant is actually light (overview, OSDs, ...), so use a simple heuristic on the text color to decide which asset to use. Close https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/6783 Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3080>
1 line
15 KiB
XML
1 line
15 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="32" style="display:inline"><defs><radialGradient xlink:href="#a" id="c" cx="-.068" cy="188.519" r="27.33" fx="-.068" fy="188.519" gradientTransform="matrix(2.22945 -1.28654 1.20874 2.09399 -228.903 -208.087)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#b" id="d" cx=".054" cy="189.152" r="27.33" fx=".054" fy="189.152" gradientTransform="matrix(1.1252 -.6047 .56814 1.05686 -107.671 -11.948)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#a" id="as" cx="-.068" cy="188.519" r="27.33" fx="-.068" fy="188.519" gradientTransform="matrix(2.22945 -1.28654 1.20874 2.09399 -228.903 -208.087)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#b" id="at" cx=".054" cy="189.152" r="27.33" fx=".054" fy="189.152" gradientTransform="matrix(1.1252 -.6047 .56814 1.05686 -107.671 -11.948)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#fff;stop-opacity:0"/><stop offset=".319" style="stop-color:#fff;stop-opacity:.15428571"/><stop offset=".543" style="stop-color:#fff;stop-opacity:.33714285"/><stop offset="1" style="stop-color:#fff;stop-opacity:1"/></linearGradient><linearGradient id="b"><stop offset="0" style="stop-color:#bebebe;stop-opacity:0"/><stop offset=".319" style="stop-color:#fff;stop-opacity:0"/><stop offset=".751" style="stop-color:#fff;stop-opacity:.42857143"/><stop offset="1" style="stop-color:#fff;stop-opacity:1"/></linearGradient></defs><g transform="translate(0 -16)"><g id="ac" style="display:inline"><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#c);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(-.0484 .18056 -.18056 -.04835 39.123 37.368)"/><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#d);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(-.18688 .00425 -.0043 -.18689 3.969 57.589)"/></g><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(6 1747.05 376.668)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(12 919.177 242.735)"/><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(18 632.838 374.713)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(24 516.88 307.132)"/><use xlink:href="#use12002" width="100%" height="100%" transform="rotate(30 457.868 266.285)"/><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(36 385.325 368.067)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(42 371.044 328.371)"/><use xlink:href="#use12002" width="100%" height="100%" transform="rotate(48 366.922 298.213)"/><use xlink:href="#use12008" id="e" width="100%" height="100%" x="0" y="0" transform="rotate(54 369.565 274.408)"/><use xlink:href="#e" id="f" width="100%" height="100%" x="0" y="0" transform="rotate(6 291.97 287.24)"/><use xlink:href="#f" id="g" width="100%" height="100%" x="0" y="0" transform="rotate(6 319.969 287.245)"/><use xlink:href="#g" id="h" width="100%" height="100%" x="0" y="0" transform="rotate(6 347.974 287.247)"/><use xlink:href="#h" id="i" width="100%" height="100%" x="0" y="0" transform="rotate(6 376.002 287.246)"/><use xlink:href="#i" id="j" width="100%" height="100%" x="0" y="0" transform="rotate(6 404.052 287.243)"/><use xlink:href="#j" id="k" width="100%" height="100%" x="0" y="0" transform="rotate(6 432.03 287.234)"/><use xlink:href="#k" id="l" width="100%" height="100%" x="0" y="0" transform="rotate(6 460.012 287.227)"/><use xlink:href="#l" id="m" width="100%" height="100%" x="0" y="0" transform="rotate(6 488.01 287.223)"/><use xlink:href="#m" id="n" width="100%" height="100%" x="0" y="0" transform="rotate(6 516.006 287.219)"/><use xlink:href="#n" id="o" width="100%" height="100%" x="0" y="0" transform="rotate(6 544.003 287.215)"/><use xlink:href="#o" id="p" width="100%" height="100%" x="0" y="0" transform="rotate(6 572 287.211)"/><use xlink:href="#p" id="q" width="100%" height="100%" x="0" y="0" transform="rotate(6 599.996 287.208)"/><use xlink:href="#q" id="r" width="100%" height="100%" x="0" y="0" transform="rotate(6 627.991 287.206)"/><use xlink:href="#r" id="s" width="100%" height="100%" x="0" y="0" transform="rotate(6 655.987 287.204)"/><use xlink:href="#s" id="t" width="100%" height="100%" x="0" y="0" transform="rotate(6 683.982 287.202)"/><use xlink:href="#t" id="u" width="100%" height="100%" x="0" y="0" transform="rotate(6 711.977 287.2)"/><use xlink:href="#u" id="v" width="100%" height="100%" x="0" y="0" transform="rotate(6 739.972 287.2)"/><use xlink:href="#v" id="w" width="100%" height="100%" x="0" y="0" transform="rotate(6 767.97 287.206)"/><use xlink:href="#w" id="x" width="100%" height="100%" x="0" y="0" transform="rotate(6 795.971 287.233)"/><use xlink:href="#x" id="y" width="100%" height="100%" x="0" y="0" transform="rotate(6 823.975 287.283)"/><use xlink:href="#y" id="z" width="100%" height="100%" x="0" y="0" transform="rotate(6 851.984 287.262)"/><use xlink:href="#z" id="A" width="100%" height="100%" x="0" y="0" transform="rotate(6 879.99 287.244)"/><use xlink:href="#A" id="B" width="100%" height="100%" x="0" y="0" transform="rotate(6 907.995 287.24)"/><use xlink:href="#B" id="C" width="100%" height="100%" x="0" y="0" transform="rotate(6 935.999 287.238)"/><use xlink:href="#C" id="D" width="100%" height="100%" x="0" y="0" transform="rotate(6 964.003 287.235)"/><use xlink:href="#D" id="E" width="100%" height="100%" x="0" y="0" transform="rotate(6 992.006 287.231)"/><use xlink:href="#E" id="F" width="100%" height="100%" x="0" y="0" transform="rotate(6 1020.01 287.227)"/><use xlink:href="#F" id="G" width="100%" height="100%" x="0" y="0" transform="rotate(6 1048.012 287.223)"/><use xlink:href="#G" id="H" width="100%" height="100%" x="0" y="0" transform="rotate(6 1076.014 287.218)"/><use xlink:href="#H" id="I" width="100%" height="100%" x="0" y="0" transform="rotate(6 1104.015 287.214)"/><use xlink:href="#I" id="J" width="100%" height="100%" x="0" y="0" transform="rotate(6 1132.017 287.209)"/><use xlink:href="#J" id="K" width="100%" height="100%" x="0" y="0" transform="rotate(6 1160.017 287.204)"/><use xlink:href="#K" id="L" width="100%" height="100%" x="0" y="0" transform="rotate(6 1188.011 287.202)"/><use xlink:href="#L" id="M" width="100%" height="100%" x="0" y="0" transform="rotate(6 1215.984 287.203)"/><use xlink:href="#M" id="N" width="100%" height="100%" x="0" y="0" transform="rotate(6 1243.934 287.206)"/><use xlink:href="#N" id="O" width="100%" height="100%" x="0" y="0" transform="rotate(6 1271.956 287.215)"/><use xlink:href="#O" id="P" width="100%" height="100%" x="0" y="0" transform="rotate(6 1299.974 287.222)"/><use xlink:href="#P" id="Q" width="100%" height="100%" x="0" y="0" transform="rotate(6 1327.977 287.226)"/><use xlink:href="#Q" id="R" width="100%" height="100%" x="0" y="0" transform="rotate(6 1355.98 287.23)"/><use xlink:href="#R" id="S" width="100%" height="100%" x="0" y="0" transform="rotate(6 1383.983 287.234)"/><use xlink:href="#S" id="T" width="100%" height="100%" x="0" y="0" transform="rotate(6 1411.986 287.238)"/><use xlink:href="#T" id="U" width="100%" height="100%" x="0" y="0" transform="rotate(6 1439.99 287.24)"/><use xlink:href="#U" id="V" width="100%" height="100%" x="0" y="0" transform="rotate(6 1467.995 287.243)"/><use xlink:href="#V" id="W" width="100%" height="100%" x="0" y="0" transform="rotate(6 1496 287.245)"/><use xlink:href="#W" id="X" width="100%" height="100%" x="0" y="0" transform="rotate(6 1524.004 287.247)"/><use xlink:href="#X" id="Y" width="100%" height="100%" x="0" y="0" transform="rotate(6 1552.009 287.248)"/><use xlink:href="#Y" id="Z" width="100%" height="100%" x="0" y="0" transform="rotate(6 1580.014 287.249)"/><use xlink:href="#Z" id="aa" width="100%" height="100%" x="0" y="0" transform="rotate(6 1608.015 287.243)"/><use xlink:href="#aa" id="ab" width="100%" height="100%" x="0" y="0" transform="rotate(6 1636.015 287.216)"/><use xlink:href="#ab" width="100%" height="100%" transform="rotate(6 1664.011 287.166)"/><use xlink:href="#ac" id="ad" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 15.996 181.703)"/><use xlink:href="#ad" id="ae" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 31.991 181.705)"/><use xlink:href="#ae" id="af" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 47.987 181.708)"/><use xlink:href="#af" id="ag" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 63.983 181.712)"/><use xlink:href="#ag" id="ah" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 79.98 181.715)"/><use xlink:href="#ah" id="ai" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 95.976 181.72)"/><use xlink:href="#ai" id="aj" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 111.974 181.723)"/><use xlink:href="#aj" id="ak" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 127.971 181.728)"/><use xlink:href="#ak" id="al" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 143.97 181.733)"/><use xlink:href="#al" id="am" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 159.968 181.738)"/><use xlink:href="#am" id="an" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 175.968 181.743)"/><use xlink:href="#an" id="ao" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 191.969 181.746)"/><use xlink:href="#ao" id="ap" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 207.988 181.746)"/><use xlink:href="#ap" id="aq" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 224.03 181.744)"/><use xlink:href="#aq" id="ar" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 240.047 181.737)"/><use xlink:href="#ac" width="100%" height="100%" transform="rotate(92.896 135.993 145.652)"/><use xlink:href="#ad" width="100%" height="100%" transform="rotate(92.896 151.993 145.652)"/><use xlink:href="#ae" width="100%" height="100%" transform="rotate(92.896 167.993 145.652)"/><use xlink:href="#af" width="100%" height="100%" transform="rotate(92.896 183.993 145.652)"/><use xlink:href="#ag" width="100%" height="100%" transform="rotate(92.896 199.992 145.652)"/><use xlink:href="#ah" width="100%" height="100%" transform="rotate(92.896 215.992 145.652)"/><use xlink:href="#ai" width="100%" height="100%" transform="rotate(92.896 231.992 145.652)"/><use xlink:href="#aj" width="100%" height="100%" transform="rotate(92.896 247.992 145.652)"/><use xlink:href="#ak" width="100%" height="100%" transform="rotate(92.896 263.992 145.652)"/><use xlink:href="#al" width="100%" height="100%" transform="rotate(92.896 279.992 145.652)"/><use xlink:href="#am" width="100%" height="100%" transform="rotate(92.896 295.991 145.652)"/><use xlink:href="#an" width="100%" height="100%" transform="rotate(92.896 311.991 145.652)"/><use xlink:href="#ao" width="100%" height="100%" transform="rotate(92.896 327.992 145.653)"/><use xlink:href="#ap" width="100%" height="100%" transform="rotate(92.896 343.992 145.654)"/><use xlink:href="#aq" width="100%" height="100%" transform="rotate(92.896 359.994 145.655)"/><use xlink:href="#ar" width="100%" height="100%" transform="rotate(92.896 375.993 145.654)"/><g id="au" style="display:inline"><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#as);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.04836 -.18057 .18057 .04831 -23.14 26.568)"/><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#at);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.18687 -.0043 .00435 .18689 12.009 6.339)"/></g><use xlink:href="#au" id="av" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 15.996 197.703)"/><use xlink:href="#av" id="aw" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 31.991 197.705)"/><use xlink:href="#aw" id="ax" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 47.987 197.708)"/><use xlink:href="#ax" id="ay" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 63.983 197.712)"/><use xlink:href="#ay" id="az" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 79.98 197.715)"/><use xlink:href="#az" id="aA" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 95.976 197.72)"/><use xlink:href="#aA" id="aB" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 111.974 197.723)"/><use xlink:href="#aB" id="aC" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 127.971 197.728)"/><use xlink:href="#aC" id="aD" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 143.97 197.733)"/><use xlink:href="#aD" id="aE" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 159.968 197.738)"/><use xlink:href="#aE" id="aF" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 175.968 197.743)"/><use xlink:href="#aF" id="aG" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 191.969 197.746)"/><use xlink:href="#aG" id="aH" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 207.988 197.746)"/><use xlink:href="#aH" id="aI" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 224.03 197.744)"/><use xlink:href="#aI" id="aJ" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 240.047 197.737)"/><use xlink:href="#au" width="100%" height="100%" transform="rotate(92.896 135.993 161.652)"/><use xlink:href="#av" width="100%" height="100%" transform="rotate(92.896 151.993 161.652)"/><use xlink:href="#aw" width="100%" height="100%" transform="rotate(92.896 167.993 161.652)"/><use xlink:href="#ax" width="100%" height="100%" transform="rotate(92.896 183.993 161.652)"/><use xlink:href="#ay" width="100%" height="100%" transform="rotate(92.896 199.992 161.652)"/><use xlink:href="#az" width="100%" height="100%" transform="rotate(92.896 215.992 161.652)"/><use xlink:href="#aA" width="100%" height="100%" transform="rotate(92.896 231.992 161.652)"/><use xlink:href="#aB" width="100%" height="100%" transform="rotate(92.896 247.992 161.652)"/><use xlink:href="#aC" width="100%" height="100%" transform="rotate(92.896 263.992 161.652)"/><use xlink:href="#aD" width="100%" height="100%" transform="rotate(92.896 279.992 161.652)"/><use xlink:href="#aE" width="100%" height="100%" transform="rotate(92.896 295.991 161.652)"/><use xlink:href="#aF" width="100%" height="100%" transform="rotate(92.896 311.991 161.652)"/><use xlink:href="#aG" width="100%" height="100%" transform="rotate(92.896 327.992 161.653)"/><use xlink:href="#aH" width="100%" height="100%" transform="rotate(92.896 343.992 161.654)"/><use xlink:href="#aI" width="100%" height="100%" transform="rotate(92.896 359.994 161.655)"/><use xlink:href="#aJ" width="100%" height="100%" transform="rotate(92.896 375.993 161.654)"/></g></svg> |