From 4abfcd016201a4c393e0df348788324ed3d9eb47 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Sun, 16 Nov 2025 00:02:57 +0100
Subject: [PATCH] wbar: animated start icon, search, and task view icons

---
 .../icons/fluent/start-here-pressed.svg       |  24 ++++
 .../ii/assets/icons/fluent/start-here.svg     |  24 ++++
 .../fluent/system-search-checked-dark.svg     | 105 ++++++++++++++
 .../fluent/system-search-checked-light.svg    |  81 +++++++++++
 .../icons/fluent/system-search-dark.svg       |  30 +++-
 .../icons/fluent/task-view-pressed-dark.svg   | 132 ++++++++++++++++++
 .../icons/fluent/task-view-pressed-light.svg  | 108 ++++++++++++++
 .../ii/modules/waffle/bar/AppIcon.qml         |   2 +
 .../ii/modules/waffle/bar/SearchButton.qml    |   3 +-
 .../ii/modules/waffle/bar/StartButton.qml     |   2 +-
 .../ii/modules/waffle/bar/TaskViewButton.qml  |   2 +-
 11 files changed, 506 insertions(+), 7 deletions(-)
 create mode 100644 dots/.config/quickshell/ii/assets/icons/fluent/start-here-pressed.svg
 create mode 100644 dots/.config/quickshell/ii/assets/icons/fluent/start-here.svg
 create mode 100644 dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-dark.svg
 create mode 100644 dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-light.svg
 create mode 100644 dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-dark.svg
 create mode 100644 dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-light.svg

diff --git a/dots/.config/quickshell/ii/assets/icons/fluent/start-here-pressed.svg b/dots/.config/quickshell/ii/assets/icons/fluent/start-here-pressed.svg
new file mode 100644
index 000000000..e6b950eca
--- /dev/null
+++ b/dots/.config/quickshell/ii/assets/icons/fluent/start-here-pressed.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_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>
diff --git a/dots/.config/quickshell/ii/assets/icons/fluent/start-here.svg b/dots/.config/quickshell/ii/assets/icons/fluent/start-here.svg
new file mode 100644
index 000000000..708d5a71b
--- /dev/null
+++ b/dots/.config/quickshell/ii/assets/icons/fluent/start-here.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>
diff --git a/dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-dark.svg b/dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-dark.svg
new file mode 100644
index 000000000..af58d933f
--- /dev/null
+++ b/dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-dark.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>
diff --git a/dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-light.svg b/dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-light.svg
new file mode 100644
index 000000000..8d0e69fce
--- /dev/null
+++ b/dots/.config/quickshell/ii/assets/icons/fluent/system-search-checked-light.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>
diff --git a/dots/.config/quickshell/ii/assets/icons/fluent/system-search-dark.svg b/dots/.config/quickshell/ii/assets/icons/fluent/system-search-dark.svg
index 2d972a7b4..8eb990cc4 100644
--- a/dots/.config/quickshell/ii/assets/icons/fluent/system-search-dark.svg
+++ b/dots/.config/quickshell/ii/assets/icons/fluent/system-search-dark.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>
diff --git a/dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-dark.svg b/dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-dark.svg
new file mode 100644
index 000000000..a7e14009c
--- /dev/null
+++ b/dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-dark.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>
diff --git a/dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-light.svg b/dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-light.svg
new file mode 100644
index 000000000..b1785dbd0
--- /dev/null
+++ b/dots/.config/quickshell/ii/assets/icons/fluent/task-view-pressed-light.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>
diff --git a/dots/.config/quickshell/ii/modules/waffle/bar/AppIcon.qml b/dots/.config/quickshell/ii/modules/waffle/bar/AppIcon.qml
index f70a80603..48ff26104 100644
--- a/dots/.config/quickshell/ii/modules/waffle/bar/AppIcon.qml
+++ b/dots/.config/quickshell/ii/modules/waffle/bar/AppIcon.qml
@@ -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
diff --git a/dots/.config/quickshell/ii/modules/waffle/bar/SearchButton.qml b/dots/.config/quickshell/ii/modules/waffle/bar/SearchButton.qml
index a86faaece..3e8dd6282 100644
--- a/dots/.config/quickshell/ii/modules/waffle/bar/SearchButton.qml
+++ b/dots/.config/quickshell/ii/modules/waffle/bar/SearchButton.qml
@@ -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...
     }
diff --git a/dots/.config/quickshell/ii/modules/waffle/bar/StartButton.qml b/dots/.config/quickshell/ii/modules/waffle/bar/StartButton.qml
index 1f2ed8342..f4a15cc00 100644
--- a/dots/.config/quickshell/ii/modules/waffle/bar/StartButton.qml
+++ b/dots/.config/quickshell/ii/modules/waffle/bar/StartButton.qml
@@ -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...
diff --git a/dots/.config/quickshell/ii/modules/waffle/bar/TaskViewButton.qml b/dots/.config/quickshell/ii/modules/waffle/bar/TaskViewButton.qml
index cc35c8b41..ac564b7dc 100644
--- a/dots/.config/quickshell/ii/modules/waffle/bar/TaskViewButton.qml
+++ b/dots/.config/quickshell/ii/modules/waffle/bar/TaskViewButton.qml
@@ -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