wbar: animated start icon, search, and task view icons

2026-06-05 23:09:26 -05:00 · 2025-11-16 00:02:57 +01:00
parent 68a9c8729f
commit 4abfcd0162
11 changed files with 506 additions and 7 deletions
@@ -0,0 +1,24 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 6.2C4 4.98497 4.98497 4 6.2 4H28.2C29.415 4 30.4 4.98497 30.4 6.2V28.2C30.4 29.415 29.415 30.4 28.2 30.4H6.2C4.98497 30.4 4 29.415 4 28.2V6.2Z" fill="url(#paint0_radial_520_19)"/>
+<path d="M32.6 6.2C32.6 4.98497 33.585 4 34.8 4H56.8C58.015 4 59 4.98497 59 6.2V28.2C59 29.415 58.015 30.4 56.8 30.4H34.8C33.585 30.4 32.6 29.415 32.6 28.2V6.2Z" fill="url(#paint1_radial_520_19)"/>
+<path d="M32.6 34.8C32.6 33.585 33.585 32.6 34.8 32.6H56.8C58.015 32.6 59 33.585 59 34.8V56.8C59 58.015 58.015 59 56.8 59H34.8C33.585 59 32.6 58.015 32.6 56.8V34.8Z" fill="url(#paint2_radial_520_19)"/>
+<path d="M4 34.8C4 33.585 4.98497 32.6 6.2 32.6H28.2C29.415 32.6 30.4 33.585 30.4 34.8V56.8C30.4 58.015 29.415 59 28.2 59H6.2C4.98497 59 4 58.015 4 56.8V34.8Z" fill="url(#paint3_radial_520_19)"/>
+<defs>
+<radialGradient id="paint0_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#0B9BFE"/>
+<stop offset="1" stop-color="#0B9BFE"/>
+</radialGradient>
+<radialGradient id="paint1_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#0B9BFE"/>
+<stop offset="1" stop-color="#0B9BFE"/>
+</radialGradient>
+<radialGradient id="paint2_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#0B9BFE"/>
+<stop offset="1" stop-color="#0B9BFE"/>
+</radialGradient>
+<radialGradient id="paint3_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#0B9BFE"/>
+<stop offset="1" stop-color="#0B9BFE"/>
+</radialGradient>
+</defs>
+</svg>
@@ -0,0 +1,24 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 6.2C4 4.98497 4.98497 4 6.2 4H28.2C29.415 4 30.4 4.98497 30.4 6.2V28.2C30.4 29.415 29.415 30.4 28.2 30.4H6.2C4.98497 30.4 4 29.415 4 28.2V6.2Z" fill="url(#paint0_radial_519_6)"/>
+<path d="M32.6 6.2C32.6 4.98497 33.585 4 34.8 4H56.8C58.015 4 59 4.98497 59 6.2V28.2C59 29.415 58.015 30.4 56.8 30.4H34.8C33.585 30.4 32.6 29.415 32.6 28.2V6.2Z" fill="url(#paint1_radial_519_6)"/>
+<path d="M32.6 34.8C32.6 33.585 33.585 32.6 34.8 32.6H56.8C58.015 32.6 59 33.585 59 34.8V56.8C59 58.015 58.015 59 56.8 59H34.8C33.585 59 32.6 58.015 32.6 56.8V34.8Z" fill="url(#paint2_radial_519_6)"/>
+<path d="M4 34.8C4 33.585 4.98497 32.6 6.2 32.6H28.2C29.415 32.6 30.4 33.585 30.4 34.8V56.8C30.4 58.015 29.415 59 28.2 59H6.2C4.98497 59 4 58.015 4 56.8V34.8Z" fill="url(#paint3_radial_519_6)"/>
+<defs>
+<radialGradient id="paint0_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#81DFFF"/>
+<stop offset="1" stop-color="#0A99F9"/>
+</radialGradient>
+<radialGradient id="paint1_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#81DFFF"/>
+<stop offset="1" stop-color="#0A99F9"/>
+</radialGradient>
+<radialGradient id="paint2_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#81DFFF"/>
+<stop offset="1" stop-color="#0A99F9"/>
+</radialGradient>
+<radialGradient id="paint3_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
+<stop stop-color="#81DFFF"/>
+<stop offset="1" stop-color="#0A99F9"/>
+</radialGradient>
+</defs>
+</svg>
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="64"
+   height="64"
+   version="1.1"
+   viewBox="0 0 16.933 16.933"
+   id="svg2"
+   sodipodi:docname="system-search-checked-dark.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview2"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="4.65625"
+     inkscape:cx="32"
+     inkscape:cy="32"
+     inkscape:window-width="1197"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2" />
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#565757;stop-opacity:1;"
+         offset="0"
+         id="stop3" />
+      <stop
+         style="stop-color:#4c4f52;stop-opacity:1;"
+         offset="1"
+         id="stop4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient919"
+       x1="4.3106"
+       x2="14.36"
+       y1="8.4665"
+       y2="8.4665"
+       gradientTransform="matrix(1.226575,0,0,1.226575,-0.82407803,-6.4497629)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#3c8cff"
+         offset="0"
+         id="stop1"
+         style="stop-color:#5fe277;stop-opacity:1;" />
+      <stop
+         stop-color="#55b4ff"
+         offset="1"
+         id="stop2"
+         style="stop-color:#0078d3;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient4"
+       x1="-7.2925777"
+       y1="11.283"
+       x2="5.189723"
+       y2="11.283"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11.677839,-7.3471437)" />
+  </defs>
+  <g
+     transform="translate(16.148 .19097)"
+     id="g2">
+    <rect
+       transform="rotate(45)"
+       x="2.891"
+       y="10.492"
+       width="7.4901"
+       height="1.583"
+       ry=".79147"
+       fill="#1955b9"
+       stroke-width="1.1651"
+       id="rect2"
+       style="stroke-width:1.16520206;stroke-dasharray:none;fill:#0175d1;fill-opacity:1" />
+    <circle
+       transform="rotate(120)"
+       cx="10.62641"
+       cy="3.9358561"
+       r="5.3520403"
+       fill="none"
+       stroke="url(#linearGradient919)"
+       stroke-linecap="round"
+       stroke-width="1.77822"
+       id="circle2"
+       style="fill:url(#linearGradient4);stroke:url(#linearGradient919);stroke-width:1.77822958;stroke-dasharray:none" />
+  </g>
+</svg>
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="64"
+   height="64"
+   version="1.1"
+   viewBox="0 0 16.933 16.933"
+   id="svg2"
+   sodipodi:docname="system-search-checked-light.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview2"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="6.5849319"
+     inkscape:cx="26.95548"
+     inkscape:cy="26.423963"
+     inkscape:window-width="1257"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient919"
+       x1="4.3106"
+       x2="14.36"
+       y1="8.4665"
+       y2="8.4665"
+       gradientTransform="matrix(1.226575,0,0,1.226575,-0.82407803,-6.4497629)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#3c8cff"
+         offset="0"
+         id="stop1"
+         style="stop-color:#5fe277;stop-opacity:1;" />
+      <stop
+         stop-color="#55b4ff"
+         offset="1"
+         id="stop2"
+         style="stop-color:#0078d3;stop-opacity:1;" />
+    </linearGradient>
+  </defs>
+  <rect
+     transform="rotate(45,7.8434785,19.587845)"
+     x="3.4592254"
+     y="10.492"
+     width="6.921874"
+     height="1.5830002"
+     ry="0.71336967"
+     fill="#1955b9"
+     stroke-width="1.1651"
+     id="rect2-5"
+     style="fill:#0077d4;fill-opacity:1;stroke-width:1.1652;stroke-dasharray:none" />
+  <circle
+     transform="rotate(120,8.0188717,4.757011)"
+     cx="10.62641"
+     cy="3.9358561"
+     r="5.3520403"
+     fill="none"
+     stroke="url(#linearGradient919)"
+     stroke-linecap="round"
+     stroke-width="1.77822"
+     id="circle2"
+     style="fill:none;stroke:url(#linearGradient919);stroke-width:1.77822958;stroke-dasharray:none" />
+  <g
+     transform="translate(16.148 .19097)"
+     id="g2" />
+</svg>
@@ -7,10 +7,11 @@
   version="1.1"
   viewBox="0 0 16.933 16.933"
   id="svg2"
-   sodipodi:docname="system-search.svg"
+   sodipodi:docname="system-search-dark.svg"
   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <sodipodi:namedview
@@ -24,15 +25,27 @@
     inkscape:deskcolor="#d1d1d1"
     inkscape:zoom="4.65625"
     inkscape:cx="32"
-     inkscape:cy="32"
+     inkscape:cy="31.892617"
     inkscape:window-width="1061"
-     inkscape:window-height="1020"
+     inkscape:window-height="835"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:window-maximized="1"
     inkscape:current-layer="g2" />
  <defs
     id="defs2">
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#565757;stop-opacity:1;"
+         offset="0"
+         id="stop3" />
+      <stop
+         style="stop-color:#4c4f52;stop-opacity:1;"
+         offset="1"
+         id="stop4" />
+    </linearGradient>
    <linearGradient
       id="linearGradient919"
       x1="4.3106"
@@ -52,6 +65,15 @@
         id="stop2"
         style="stop-color:#d7dcdf;stop-opacity:1;" />
    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient4"
+       x1="-7.2925777"
+       y1="11.283"
+       x2="5.189723"
+       y2="11.283"
+       gradientUnits="userSpaceOnUse" />
  </defs>
  <g
     transform="translate(16.148 .19097)"
@@ -77,6 +99,6 @@
       stroke-linecap="round"
       stroke-width="1.77822"
       id="circle2"
-       style="fill:#4f4f4f;fill-opacity:1;stroke:url(#linearGradient919)" />
+       style="fill:url(#linearGradient4);fill-opacity:1;stroke:url(#linearGradient919)" />
  </g>
 </svg>
@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="63.999989"
+   height="61.62962"
+   viewBox="0 0 26.999999 26"
+   fill="none"
+   version="1.1"
+   id="svg3"
+   sodipodi:docname="task-view-dark-pressed.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview3"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="6.0349946"
+     inkscape:cx="32.228695"
+     inkscape:cy="33.305746"
+     inkscape:window-width="1331"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g3" />
+  <g
+     id="g3"
+     transform="translate(0.03879728,0.03736111)">
+    <g
+       id="g4"
+       transform="translate(-1.6875003,2.5312505)">
+      <rect
+         opacity="0.9"
+         x="9.4441719"
+         width="17.938911"
+         height="15.248073"
+         rx="0.89694548"
+         fill="#ffffff"
+         id="rect1"
+         y="0.8962484"
+         style="fill:url(#linearGradient4);fill-opacity:1;stroke:#e2e2e2;stroke-width:0.179719;stroke-dasharray:none;stroke-opacity:1"
+         transform="translate(-2.3652457,0.93944352)" />
+      <rect
+         y="3.8563478"
+         width="17.953642"
+         height="15.260596"
+         rx="0.89768213"
+         fill="url(#paint0_linear_505_17)"
+         id="rect2"
+         x="5.1897082"
+         style="mix-blend-mode:exclusion;fill:url(#paint0_linear_505_17-3);stroke-width:0.89775;stroke-dasharray:none" />
+    </g>
+    <g
+       id="g1"
+       transform="translate(-2.3652457,0.93944351)">
+      <g
+         style="mix-blend-mode:exclusion;stroke-width:1.00007574;stroke-dasharray:none"
+         id="g2"
+         transform="matrix(0.89768215,0,0,0.89768215,4.1799533,-0.09973431)" />
+    </g>
+  </g>
+  <defs
+     id="defs3">
+    <linearGradient
+       id="paint0_linear_505_17"
+       x1="-2.75374e-08"
+       y1="9.2399397"
+       x2="18.808399"
+       y2="26.838499"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#717171"
+         id="stop2"
+         offset="0"
+         style="stop-color:#717171;stop-opacity:0.73333335;" />
+      <stop
+         offset="1"
+         stop-color="#4F4F4F"
+         id="stop3"
+         style="stop-color:#4f4f4f;stop-opacity:0.73333335;" />
+    </linearGradient>
+    <linearGradient
+       id="paint0_linear_505_17-3"
+       x1="-2.75374e-08"
+       y1="9.2399397"
+       x2="18.808399"
+       y2="26.838499"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.89768213,0,0,0.89768213,5.189708,-4.2227915)">
+      <stop
+         stop-color="#717171"
+         id="stop2-6"
+         offset="0"
+         style="stop-color:#717171;stop-opacity:0.60000002;" />
+      <stop
+         offset="1"
+         stop-color="#4F4F4F"
+         id="stop3-7"
+         style="stop-color:#565656;stop-opacity:0.60000002;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient4"
+       x1="7.1907158"
+       y1="8.3216944"
+       x2="24.995911"
+       y2="10.507897"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(2.3203156,-0.89451377)" />
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1" />
+      <stop
+         style="stop-color:#e6e6e6;stop-opacity:1;"
+         offset="1"
+         id="stop4" />
+    </linearGradient>
+  </defs>
+</svg>
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="63.999989"
+   height="61.62962"
+   viewBox="0 0 26.999999 26"
+   fill="none"
+   version="1.1"
+   id="svg3"
+   sodipodi:docname="task-view-checked-light.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview3"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="4.7640337"
+     inkscape:cx="21.200522"
+     inkscape:cy="37.573202"
+     inkscape:window-width="1238"
+     inkscape:window-height="612"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g3" />
+  <g
+     id="g3"
+     transform="translate(0.03879728,0.03736111)">
+    <g
+       id="g1"
+       transform="translate(-1.7324301,2.5761801)">
+      <g
+         style="mix-blend-mode:exclusion;stroke-width:0.999982;stroke-dasharray:none"
+         id="g2"
+         transform="matrix(0.89768215,0,0,0.89768215,5.2346381,-4.2677212)">
+        <rect
+           y="9"
+           width="20"
+           height="17"
+           rx="1"
+           fill="url(#paint0_linear_505_17)"
+           id="rect2"
+           x="0"
+           style="fill:url(#paint0_linear_505_17);stroke-width:0.999982;stroke-dasharray:none" />
+      </g>
+      <rect
+         opacity="0.9"
+         x="7.1238561"
+         width="17.938911"
+         height="15.248073"
+         rx="0.89694548"
+         fill="#ffffff"
+         id="rect1"
+         y="1.7907622"
+         style="fill:url(#linearGradient4);fill-opacity:1;stroke:#d4d4d4;stroke-width:0.179719;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <defs
+     id="defs3">
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.80000001;"
+         offset="0"
+         id="stop1" />
+      <stop
+         style="stop-color:#e6e6e6;stop-opacity:0.80000001;"
+         offset="1"
+         id="stop4" />
+    </linearGradient>
+    <linearGradient
+       id="paint0_linear_505_17"
+       x1="-2.75374e-08"
+       y1="9.2399397"
+       x2="18.808399"
+       y2="26.838499"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#717171"
+         id="stop2"
+         offset="0"
+         style="stop-color:#464543;stop-opacity:1;" />
+      <stop
+         offset="1"
+         stop-color="#4F4F4F"
+         id="stop3"
+         style="stop-color:#1f1f1f;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient4"
+       x1="7.1729918"
+       y1="8.4772339"
+       x2="25.013634"
+       y2="10.352362"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+</svg>
@@ -13,6 +13,8 @@ Kirigami.Icon {
    property real implicitSize: 26
    implicitWidth: implicitSize
    implicitHeight: implicitSize
+
+    animated: true
    roundToIconSize: false
    fallback: root.iconName
    source: tryCustomIcon ? `${Looks.iconsPath}/${root.iconName}${!root.separateLightDark ? "" : Looks.dark ? "-dark" : "-light"}.svg` : fallback
@@ -9,9 +9,10 @@ import qs.modules.waffle.looks
 AppButton {
    id: root

-    iconName: "system-search"
+    iconName: checked ? "system-search-checked" : "system-search"
    separateLightDark: true

+    checked: GlobalStates.overviewOpen
    onClicked: {
        GlobalStates.overviewOpen = !GlobalStates.overviewOpen; // For now...
    }
@@ -11,7 +11,7 @@ AppButton {
    id: root

    leftInset: Config.options.waffles.bar.leftAlignApps ? 12 : 0
-    iconName: "start-here"
+    iconName: down ? "start-here-pressed" : "start-here"

    onClicked: {
        GlobalStates.overviewOpen = !GlobalStates.overviewOpen; // For now...
@@ -9,7 +9,7 @@ import qs.modules.waffle.looks
 AppButton {
    id: root

-    iconName: "task-view"
+    iconName: (down && !checked) ? "task-view-pressed" : "task-view"
    separateLightDark: true

    checked: GlobalStates.overviewOpen