diff --git a/assets/designs/dots-icon-dark.png b/assets/designs/dots-icon-dark.png
index 7e936eb..45279fa 100644
Binary files a/assets/designs/dots-icon-dark.png and b/assets/designs/dots-icon-dark.png differ
diff --git a/assets/designs/dots-icon-dark.svg b/assets/designs/dots-icon-dark.svg
index 5ba6d24..e4b46b4 100644
--- a/assets/designs/dots-icon-dark.svg
+++ b/assets/designs/dots-icon-dark.svg
@@ -2,30 +2,128 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="30.052994mm"
-   height="30.574532mm"
-   viewBox="0 0 30.052994 30.574532"
+   width="15.03299mm"
+   height="15.293877mm"
+   viewBox="0 0 15.03299 15.293877"
    version="1.1"
    id="svg5"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs2" />
+     id="defs2">
+    <linearGradient
+       id="linearGradient7726">
+      <stop
+         style="stop-color:#db4324;stop-opacity:1;"
+         offset="0"
+         id="stop7692" />
+      <stop
+         style="stop-color:#dc3d43;stop-opacity:1;"
+         offset="0.0625"
+         id="stop7694" />
+      <stop
+         style="stop-color:#e03177;stop-opacity:1;"
+         offset="0.125"
+         id="stop7696" />
+      <stop
+         style="stop-color:#d23197;stop-opacity:1;"
+         offset="0.1875"
+         id="stop7698" />
+      <stop
+         style="stop-color:#a43cb4;stop-opacity:1;"
+         offset="0.25"
+         id="stop7700" />
+      <stop
+         style="stop-color:#8445bc;stop-opacity:1;"
+         offset="0.3125"
+         id="stop7702" />
+      <stop
+         style="stop-color:#644fc1;stop-opacity:1;"
+         offset="0.375"
+         id="stop7704" />
+      <stop
+         style="stop-color:#3a5ccc;stop-opacity:1;"
+         offset="0.4375"
+         id="stop7706" />
+      <stop
+         style="stop-color:#0894b3;stop-opacity:1;"
+         offset="0.5"
+         id="stop7708" />
+      <stop
+         style="stop-color:#5fd4f4;stop-opacity:1;"
+         offset="0.5625"
+         id="stop7710" />
+      <stop
+         style="stop-color:#69d9c1;stop-opacity:1;"
+         offset="0.625"
+         id="stop7712" />
+      <stop
+         style="stop-color:#0e9888;stop-opacity:1;"
+         offset="0.6875"
+         id="stop7714" />
+      <stop
+         style="stop-color:#299764;stop-opacity:1;"
+         offset="0.75"
+         id="stop7716" />
+      <stop
+         style="stop-color:#3d9a50;stop-opacity:1;"
+         offset="0.8125"
+         id="stop7718" />
+      <stop
+         style="stop-color:#93c926;stop-opacity:1;"
+         offset="0.875"
+         id="stop7720" />
+      <stop
+         style="stop-color:#f7ce00;stop-opacity:1;"
+         offset="0.9375"
+         id="stop7722" />
+      <stop
+         style="stop-color:#ffa01c;stop-opacity:1;"
+         offset="1"
+         id="stop7724" />
+    </linearGradient>
+    <linearGradient
+       xlink:href="#linearGradient7726"
+       id="linearGradient7666"
+       gradientUnits="userSpaceOnUse"
+       x1="147.42746"
+       y1="5.0032616"
+       x2="156.65974"
+       y2="-4.3912697"
+       gradientTransform="matrix(-0.82103432,0,0,0.82103432,321.36311,129.55755)" />
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter7935"
+       x="-0.027252715"
+       y="-0.026751926"
+       width="1.0545053"
+       height="1.0535039">
+      <feGaussianBlur
+         stdDeviation="0.081526163"
+         id="feGaussianBlur7937" />
+    </filter>
+  </defs>
   <g
      id="layer5"
-     transform="translate(-168.09125,-122.0606)">
+     transform="translate(-188.91355,-122.0606)">
     <g
-       id="g11703"
-       transform="translate(25.282946,131.14913)"
+       id="g55479"
+       transform="matrix(0.50021649,0,0,0.50021649,117.47847,126.60683)"
        style="fill:#171717;fill-opacity:1">
       <path
-         id="rect11697"
+         id="path55475"
          style="stroke-width:0.32545"
          d="M 142.80832,-9.0885363 H 172.8613 V 21.48599 h -30.05298 z" />
       <path
-         id="path11922"
+         id="path55477"
          style="color:#000000;fill:#fcfcfc;stroke-width:0.32545;-inkscape-stroke:none"
          d="M 157.8285,-1.11757 V 0.34140073 6.1991473 h 7.19227 l -0.01,-7.3167173 z m 2.91122,2.9112143 h 1.36394 v 1.4968114 h -1.36394 V 1.9593026 Z m -10.09086,4.405503 v 1.455607 5.8602697 h 7.19227 l -0.013,-7.3158767 z m 2.91121,2.9112143 h 1.3631 v 1.4968114 h -1.3631 V 9.2760199 Z" />
+      <path
+         id="path7680"
+         style="color:#000000;fill:url(#linearGradient7666);fill-opacity:1;stroke:none;stroke-width:0.202;stroke-dasharray:none;filter:url(#filter7935)"
+         d="m 192.84157,126.05331 -0.006,3.65444 h 3.59138 v -2.93773 -0.71671 z m 1.4282,1.43186 h 0.62497 0.10217 v 0.79229 h -0.72714 z m 2.15701,2.22258 -0.008,3.65953 h 3.59636 v -2.94338 -0.71615 z m 1.42811,1.43437 h 0.62531 0.10283 v 0.79288 h -0.72814 z"
+         transform="matrix(1.9991323,0,0,1.9991323,-234.85485,-253.10381)" />
     </g>
   </g>
 </svg>
diff --git a/assets/designs/dots-icon-dark.webp b/assets/designs/dots-icon-dark.webp
index f8a483d..0e9c6aa 100644
Binary files a/assets/designs/dots-icon-dark.webp and b/assets/designs/dots-icon-dark.webp differ
diff --git a/assets/designs/dots-icon-light.png b/assets/designs/dots-icon-light.png
index 2e401e6..28182d2 100644
Binary files a/assets/designs/dots-icon-light.png and b/assets/designs/dots-icon-light.png differ
diff --git a/assets/designs/dots-icon-light.svg b/assets/designs/dots-icon-light.svg
index 42ea78a..b41c603 100644
--- a/assets/designs/dots-icon-light.svg
+++ b/assets/designs/dots-icon-light.svg
@@ -2,33 +2,133 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="30.052994mm"
-   height="30.574524mm"
-   viewBox="0 0 30.052994 30.574524"
+   width="15.03302mm"
+   height="15.293884mm"
+   viewBox="0 0 15.03302 15.293884"
    version="1.1"
    id="svg5"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs2" />
+     id="defs2">
+    <linearGradient
+       id="linearGradient55520">
+      <stop
+         style="stop-color:#db4324;stop-opacity:1;"
+         offset="0"
+         id="stop55516" />
+      <stop
+         style="stop-color:#dc3d43;stop-opacity:1;"
+         offset="0.0625"
+         id="stop6458" />
+      <stop
+         style="stop-color:#e03177;stop-opacity:1;"
+         offset="0.125"
+         id="stop1689" />
+      <stop
+         style="stop-color:#d23197;stop-opacity:1;"
+         offset="0.1875"
+         id="stop6460" />
+      <stop
+         style="stop-color:#a43cb4;stop-opacity:1;"
+         offset="0.25"
+         id="stop1687" />
+      <stop
+         style="stop-color:#8445bc;stop-opacity:1;"
+         offset="0.3125"
+         id="stop6462" />
+      <stop
+         style="stop-color:#644fc1;stop-opacity:1;"
+         offset="0.375"
+         id="stop1691" />
+      <stop
+         style="stop-color:#3a5ccc;stop-opacity:1;"
+         offset="0.4375"
+         id="stop6464" />
+      <stop
+         style="stop-color:#0894b3;stop-opacity:1;"
+         offset="0.5"
+         id="stop1683" />
+      <stop
+         style="stop-color:#5fd4f4;stop-opacity:1;"
+         offset="0.5625"
+         id="stop6466" />
+      <stop
+         style="stop-color:#69d9c1;stop-opacity:1;"
+         offset="0.625"
+         id="stop1693" />
+      <stop
+         style="stop-color:#0e9888;stop-opacity:1;"
+         offset="0.6875"
+         id="stop6468" />
+      <stop
+         style="stop-color:#299764;stop-opacity:1;"
+         offset="0.75"
+         id="stop1685" />
+      <stop
+         style="stop-color:#3d9a50;stop-opacity:1;"
+         offset="0.8125"
+         id="stop6470" />
+      <stop
+         style="stop-color:#93c926;stop-opacity:1;"
+         offset="0.875"
+         id="stop1695" />
+      <stop
+         style="stop-color:#f7ce00;stop-opacity:1;"
+         offset="0.9375"
+         id="stop6472" />
+      <stop
+         style="stop-color:#ffa01c;stop-opacity:1;"
+         offset="1"
+         id="stop55518" />
+    </linearGradient>
+    <linearGradient
+       xlink:href="#linearGradient55520"
+       id="linearGradient55522"
+       x1="147.42746"
+       y1="5.0032616"
+       x2="156.65974"
+       y2="-4.3912697"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter7939"
+       x="-0.02982894"
+       y="-0.02933282"
+       width="1.0596579"
+       height="1.0586656">
+      <feGaussianBlur
+         stdDeviation="0.11482004"
+         id="feGaussianBlur7941" />
+    </filter>
+  </defs>
   <g
      id="layer5"
-     transform="translate(-168.09125,-90.201391)">
+     transform="translate(-188.91353,-90.201391)">
     <g
-       id="g6147-8"
-       transform="matrix(1.6272511,0,0,1.6272511,-64.293735,104.99072)">
+       id="g55473"
+       transform="matrix(0.81397802,0,0,0.81397802,72.670705,97.599258)">
       <path
-         id="rect10851"
+         id="path55467"
          style="fill:#fcfcfc;stroke-width:0.2"
          d="m 142.80832,-9.0885363 h 18.46856 V 9.7005281 h -18.46856 z" />
+      <g
+         id="g55483">
+        <path
+           style="color:#000000;fill:#171717;fill-opacity:1;-inkscape-stroke:none"
+           d="m 147.42746,0.30599592 v 0.99414058 3.703125 h 4.61914 l -0.008,-4.69726558 z m 1.98828,1.99023458 h 0.63867 v 0.71875 h -0.63867 z"
+           id="path55469" />
+        <path
+           style="color:#000000;fill:#171717;fill-opacity:1;-inkscape-stroke:none"
+           d="m 152.0466,-4.3912697 v 0.9960937 3.70117192 h 4.61914 l -0.006,-4.69726562 z m 1.98828,1.9902343 h 0.63867 v 0.71875 h -0.63867 z"
+           id="path55471" />
+      </g>
       <path
-         style="color:#000000;fill:#171717;fill-opacity:1;-inkscape-stroke:none"
-         d="m 147.42746,0.30599592 v 0.99414058 3.703125 h 4.61914 l -0.008,-4.69726558 z m 1.98828,1.99023458 h 0.63867 v 0.71875 h -0.63867 z"
-         id="path6106-9" />
-      <path
-         style="color:#000000;fill:#171717;fill-opacity:1;-inkscape-stroke:none"
-         d="m 152.0466,-4.3912697 v 0.9960937 3.70117192 h 4.61914 l -0.006,-4.69726562 z m 1.98828,1.9902343 h 0.63867 v 0.71875 h -0.63867 z"
-         id="path6108-8" />
+         id="path55487"
+         style="color:#000000;display:inline;opacity:0.89996;fill:url(#linearGradient55522);fill-opacity:1;-inkscape-stroke:none;filter:url(#filter7939)"
+         d="m 152.0466,-4.3912697 v 0.9960937 3.70117192 h 4.61914 l -0.006,-4.69726562 z m 1.98828,1.9902343 h 0.63867 v 0.71875 h -0.63867 z m -6.60742,2.70703132 v 0.99414058 3.703125 h 4.61914 l -0.008,-4.69726558 z m 1.98828,1.99023458 h 0.63867 v 0.71875 h -0.63867 z"
+         transform="matrix(-1,0,0,1,304.09321,1.5100735e-6)" />
     </g>
   </g>
 </svg>
diff --git a/assets/designs/dots-icon-light.webp b/assets/designs/dots-icon-light.webp
index 7aae04c..e00e9b3 100644
Binary files a/assets/designs/dots-icon-light.webp and b/assets/designs/dots-icon-light.webp differ
diff --git a/assets/designs/dots-icon-mono-dark.png b/assets/designs/dots-icon-mono-dark.png
new file mode 100644
index 0000000..218284e
Binary files /dev/null and b/assets/designs/dots-icon-mono-dark.png differ
diff --git a/assets/designs/dots-icon-mono-dark.svg b/assets/designs/dots-icon-mono-dark.svg
new file mode 100644
index 0000000..f21238f
--- /dev/null
+++ b/assets/designs/dots-icon-mono-dark.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="15.032974mm"
+   height="15.293877mm"
+   viewBox="0 0 15.032974 15.293877"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer5"
+     transform="translate(-168.09127,-122.0606)">
+    <g
+       id="g11703"
+       transform="matrix(0.50021649,0,0,0.50021649,96.65619,126.60683)"
+       style="fill:#171717;fill-opacity:1">
+      <path
+         id="rect11697"
+         style="stroke-width:0.32545"
+         d="M 142.80832,-9.0885363 H 172.8613 V 21.48599 h -30.05298 z" />
+      <path
+         id="path11922"
+         style="color:#000000;fill:#fcfcfc;stroke-width:0.32545;-inkscape-stroke:none"
+         d="M 157.8285,-1.11757 V 0.34140073 6.1991473 h 7.19227 l -0.01,-7.3167173 z m 2.91122,2.9112143 h 1.36394 v 1.4968114 h -1.36394 V 1.9593026 Z m -10.09086,4.405503 v 1.455607 5.8602697 h 7.19227 l -0.013,-7.3158767 z m 2.91121,2.9112143 h 1.3631 v 1.4968114 h -1.3631 V 9.2760199 Z" />
+    </g>
+  </g>
+</svg>
diff --git a/assets/designs/dots-icon-mono-dark.webp b/assets/designs/dots-icon-mono-dark.webp
new file mode 100644
index 0000000..e81d9da
Binary files /dev/null and b/assets/designs/dots-icon-mono-dark.webp differ
diff --git a/assets/designs/dots-icon-mono-light.png b/assets/designs/dots-icon-mono-light.png
new file mode 100644
index 0000000..ae3a85a
Binary files /dev/null and b/assets/designs/dots-icon-mono-light.png differ
diff --git a/assets/designs/dots-icon-mono-light.svg b/assets/designs/dots-icon-mono-light.svg
new file mode 100644
index 0000000..6fe81c4
--- /dev/null
+++ b/assets/designs/dots-icon-mono-light.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="15.03299mm"
+   height="15.293884mm"
+   viewBox="0 0 15.03299 15.293884"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer5"
+     transform="translate(-168.09125,-90.201391)">
+    <g
+       id="g6147-8"
+       transform="matrix(0.81397802,0,0,0.81397802,51.848427,97.599258)">
+      <path
+         id="rect10851"
+         style="fill:#fcfcfc;stroke-width:0.2"
+         d="m 142.80832,-9.0885363 h 18.46856 V 9.7005281 h -18.46856 z" />
+      <path
+         style="color:#000000;fill:#171717;fill-opacity:1;-inkscape-stroke:none"
+         d="m 147.42746,0.30599592 v 0.99414058 3.703125 h 4.61914 l -0.008,-4.69726558 z m 1.98828,1.99023458 h 0.63867 v 0.71875 h -0.63867 z"
+         id="path6106-9" />
+      <path
+         style="color:#000000;fill:#171717;fill-opacity:1;-inkscape-stroke:none"
+         d="m 152.0466,-4.3912697 v 0.9960937 3.70117192 h 4.61914 l -0.006,-4.69726562 z m 1.98828,1.9902343 h 0.63867 v 0.71875 h -0.63867 z"
+         id="path6108-8" />
+    </g>
+  </g>
+</svg>
diff --git a/assets/designs/dots-icon-mono-light.webp b/assets/designs/dots-icon-mono-light.webp
new file mode 100644
index 0000000..07324c5
Binary files /dev/null and b/assets/designs/dots-icon-mono-light.webp differ