diff --git a/svg/animated/left_ptr_watch.svg b/svg/animated/left_ptr_watch.svg
index 22bdce0..fdf089a 100644
--- a/svg/animated/left_ptr_watch.svg
+++ b/svg/animated/left_ptr_watch.svg
@@ -9,9 +9,9 @@
       <path d="M57.0005 144C57.2846 117.615 78.6208 96.2843 105 96.0002L105 144H57.0005Z" fill="url(#paint3_linear)"/>
     </g>
     <g filter="url(#filter1_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M52.9998 114.893V8.10718L131 85.581H83.6182L82.602 86.4078L52.9998 114.893Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M52.9998 114.893V8.10718L131 85.581H83.6182L82.602 86.4078L52.9998 114.893Z" fill="#0000ff"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M60.4282 26.6787V96.3216L78.9991 78.4814L79.9999 77.6161H111.5L60.4282 26.6787Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M60.4282 26.6787V96.3216L78.9991 78.4814L79.9999 77.6161H111.5L60.4282 26.6787Z" fill="#00ff00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="48.9973" y="87.9973" width="112.003" height="112.003" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
diff --git a/svg/static/X_cursor.svg b/svg/static/X_cursor.svg
index 69386d0..315a2f4 100644
--- a/svg/static/X_cursor.svg
+++ b/svg/static/X_cursor.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path d="M64.1027 38C61.3312 38 58.5728 39.068 56.4492 41.197L40.1856 57.1821C35.9382 61.4402 35.9382 68.2697 40.1856 72.5278L68.2483 100.662L40.1856 128.476C35.9381 132.734 35.9382 139.563 40.1856 143.821L56.4492 159.806C60.6965 164.065 67.5088 164.065 71.7562 159.806L99.5 131.992L127.563 159.806C131.81 164.065 138.622 164.065 142.87 159.806L158.815 143.821C163.062 139.563 163.062 132.734 158.815 128.476L131.071 100.662L158.815 72.5278C163.062 68.2697 163.062 61.4402 158.815 57.1821L142.87 41.197C138.622 36.9389 131.81 36.9389 127.563 41.197L99.5 69.0111L71.7562 41.197C69.6325 39.068 66.8742 38 64.1027 38Z" fill="black"/>
-    <path d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9284 163.357C59.1308 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0553 162.362 76.0518 162.365 76.0484C168.548 69.838 168.545 59.8573 162.355 53.651L146.41 37.666C140.213 31.453 130.236 31.4493 124.034 37.6547C124.03 37.6584 124.027 37.6622 124.023 37.666L99.5202 61.9513L75.2962 37.666L71.7562 41.197L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z" stroke="white" stroke-width="10" stroke-miterlimit="10"/>
+    <path d="M64.1027 38C61.3312 38 58.5728 39.068 56.4492 41.197L40.1856 57.1821C35.9382 61.4402 35.9382 68.2697 40.1856 72.5278L68.2483 100.662L40.1856 128.476C35.9381 132.734 35.9382 139.563 40.1856 143.821L56.4492 159.806C60.6965 164.065 67.5088 164.065 71.7562 159.806L99.5 131.992L127.563 159.806C131.81 164.065 138.622 164.065 142.87 159.806L158.815 143.821C163.062 139.563 163.062 132.734 158.815 128.476L131.071 100.662L158.815 72.5278C163.062 68.2697 163.062 61.4402 158.815 57.1821L142.87 41.197C138.622 36.9389 131.81 36.9389 127.563 41.197L99.5 69.0111L71.7562 41.197C69.6325 39.068 66.8742 38 64.1027 38Z" fill="#00FF00"/>
+    <path d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9284 163.357C59.1308 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0553 162.362 76.0518 162.365 76.0484C168.548 69.838 168.545 59.8573 162.355 53.651L146.41 37.666C140.213 31.453 130.236 31.4493 124.034 37.6547C124.03 37.6584 124.027 37.6622 124.023 37.666L99.5202 61.9513L75.2962 37.666L71.7562 41.197L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z" stroke="#0000FF" stroke-width="10" stroke-miterlimit="10"/>
   </g>
   <defs>
     <filter id="filter0_d" x="5" y="15" width="185" height="185" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/all-scroll.svg b/svg/static/all-scroll.svg
index d3ce545..bbbba69 100644
--- a/svg/static/all-scroll.svg
+++ b/svg/static/all-scroll.svg
@@ -2,15 +2,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M119.044 69.6452H129.063V79.6001H119.044V69.6452ZM129.063 129.375H119.044V119.42H129.063V129.375ZM78.9662 79.6001H68.9468V69.6452H78.9662V79.6001ZM78.9662 129.375H68.9468V119.42H78.9662V129.375ZM99.005 20L19 99.5199L71.3214 151.495L99.005 179L179 99.51L99.005 20Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M119.044 69.6452H129.063V79.6001H119.044V69.6452ZM129.063 129.375H119.044V119.42H129.063V129.375ZM78.9662 79.6001H68.9468V69.6452H78.9662V79.6001ZM78.9662 129.375H68.9468V119.42H78.9662V129.375ZM99.005 20L19 99.5199L71.3214 151.495L99.005 179L179 99.51L99.005 20Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M166 99.005L139.92 71V89.2346H58.2227V71L32 99.005L58.2329 127L58.2227 108.975H139.92L139.91 127L166 99.005Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M108.887 99.4651H109.017V59.6042L127 59.6142L99.0647 34L71.1095 59.6042H89.1127V99.4651H89.1923V139.336L71 139.326L98.9353 165L126.851 139.336H108.887V99.4651Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M166 99.005L139.92 71V89.2346H58.2227V71L32 99.005L58.2329 127L58.2227 108.975H139.92L139.91 127L166 99.005Z" fill="#00FF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M108.887 99.4651H109.017V59.6042L127 59.6142L99.0647 34L71.1095 59.6042H89.1127V99.4651H89.1923V139.336L71 139.326L98.9353 165L126.851 139.336H108.887V99.4651Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-3" y="7" width="200" height="199" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/bottom_left_corner.svg b/svg/static/bottom_left_corner.svg
index 60036e8..4952818 100644
--- a/svg/static/bottom_left_corner.svg
+++ b/svg/static/bottom_left_corner.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M111.539 62.5764L86.0578 36.7747L162.375 36.8933L162.492 114.171L136.903 88.2412L100.199 125.356L87.4629 138.266L113.079 164.196L36.6445 164.196V86.7905L62.1348 112.583L111.539 62.5764Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M111.539 62.5764L86.0578 36.7747L162.375 36.8933L162.492 114.171L136.903 88.2412L100.199 125.356L87.4629 138.266L113.079 164.196L36.6445 164.196V86.7905L62.1348 112.583L111.539 62.5764Z" fill="#0000FF"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M124.445 62.783L107.873 46.2053L153.709 46.3504L153.836 92.1839L137.137 75.4883L74.5657 138.035L91.2829 154.749L45.2925 154.749L45.2925 108.762L61.8828 125.339L124.445 62.783Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M124.445 62.783L107.873 46.2053L153.709 46.3504L153.836 92.1839L137.137 75.4883L74.5657 138.035L91.2829 154.749L45.2925 154.749L45.2925 108.762L61.8828 125.339L124.445 62.783Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="14.6445" y="23.7747" width="165.848" height="167.421" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/bottom_right_corner.svg b/svg/static/bottom_right_corner.svg
index b7f3542..fd84a64 100644
--- a/svg/static/bottom_right_corner.svg
+++ b/svg/static/bottom_right_corner.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M87.5985 62.5764L113.08 36.7747L36.7621 36.8933L36.645 114.171L62.2343 88.2412L98.9385 125.356L111.675 138.266L86.0582 164.196L162.493 164.196V86.7905L137.003 112.583L87.5985 62.5764Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M87.5985 62.5764L113.08 36.7747L36.7621 36.8933L36.645 114.171L62.2343 88.2412L98.9385 125.356L111.675 138.266L86.0582 164.196L162.493 164.196V86.7905L137.003 112.583L87.5985 62.5764Z" fill="#0000FF"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M74.6923 62.783L91.2644 46.2053L45.4282 46.3504L45.3013 92.1839L62.0003 75.4883L124.572 138.035L107.855 154.749L153.845 154.749L153.845 108.762L137.255 125.339L74.6923 62.783Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M74.6923 62.783L91.2644 46.2053L45.4282 46.3504L45.3013 92.1839L62.0003 75.4883L124.572 138.035L107.855 154.749L153.845 154.749L153.845 108.762L137.255 125.339L74.6923 62.783Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="14.645" y="23.7747" width="165.848" height="167.421" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/bottom_tee.svg b/svg/static/bottom_tee.svg
index 7f6999a..62ad589 100644
--- a/svg/static/bottom_tee.svg
+++ b/svg/static/bottom_tee.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M44.27 107.157H79.05V117.832H19V158H179V117.832H118.94V107.157H153.61L98.88 47L44.27 107.157Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M44.27 107.157H79.05V117.832H19V158H179V117.832H118.94V107.157H153.61L98.88 47L44.27 107.157Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M169 128.201H108.914V97.5192H131.346L98.7897 64L66.5136 97.5192H89.0858V128.201H29V148H169V128.201Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M169 128.201H108.914V97.5192H131.346L98.7897 64L66.5136 97.5192H89.0858V128.201H29V148H169V128.201Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-3" y="34" width="200" height="151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/center_ptr.svg b/svg/static/center_ptr.svg
index d54e183..a5aaf43 100644
--- a/svg/static/center_ptr.svg
+++ b/svg/static/center_ptr.svg
@@ -2,16 +2,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M49.0005 143.925L98.8216 20.5779L151.987 146.113L99.7378 125.025L96.1853 124.702L49.0005 143.925Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M115.578 178.968L83.5004 178.774L84.6152 78.3151L117.36 78.6399L115.578 178.968Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M49.0005 143.925L98.8216 20.5779L151.987 146.113L99.7378 125.025L96.1853 124.702L49.0005 143.925Z" fill="#0000FF"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M115.578 178.968L83.5004 178.774L84.6152 78.3151L117.36 78.6399L115.578 178.968Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M108.554 166.415L91.8101 166.277L92.1466 101L108.871 101.121L108.554 166.415Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M99.2443 42.6052L64.5459 129.454L96.2142 116.502L99.9291 116.763L136.512 131.69L99.2443 42.6052Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M108.554 166.415L91.8101 166.277L92.1466 101L108.871 101.121L108.554 166.415Z" fill="#00FF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M99.2443 42.6052L64.5459 129.454L96.2142 116.502L99.9291 116.763L136.512 131.69L99.2443 42.6052Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="27.0005" y="7.57788" width="142.986" height="198.39" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/context-menu.svg b/svg/static/context-menu.svg
index af0beb0..ecd03aa 100644
--- a/svg/static/context-menu.svg
+++ b/svg/static/context-menu.svg
@@ -2,18 +2,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M96 174H173V87H96V174Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M105 165.765L74.1137 179L34 83.3901L65.5803 70L105 165.765Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M27 160V22L127 122.12H68.4977L64.9519 123.189L27 160Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M96 174H173V87H96V174Z" fill="#0000FF"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M105 165.765L74.1137 179L34 83.3901L65.5803 70L105 165.765Z" fill="#0000FF"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M27 160V22L127 122.12H68.4977L64.9519 123.189L27 160Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M156.286 122.875H112.714V114.25H156.286V122.875ZM156.286 140.125H112.714V131.5H156.286V140.125ZM156.286 157.375H112.714V148.75H156.286V157.375ZM104 166H165V97H104V166Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.3349 167L51 103.657L66.6396 97L93 160.351Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M35 44V139L60.4538 114.664L64.1231 113.484H105L35 44Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M156.286 122.875H112.714V114.25H156.286V122.875ZM156.286 140.125H112.714V131.5H156.286V140.125ZM156.286 157.375H112.714V148.75H156.286V157.375ZM104 166H165V97H104V166Z" fill="#00FF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.3349 167L51 103.657L66.6396 97L93 160.351Z" fill="#00FF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M35 44V139L60.4538 114.664L64.1231 113.484H105L35 44Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="5" y="9" width="186" height="197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/copy.svg b/svg/static/copy.svg
index 65bbb3a..11d8618 100644
--- a/svg/static/copy.svg
+++ b/svg/static/copy.svg
@@ -9,14 +9,14 @@
       <path d="M110.875 119H98.125V169H110.875V119Z" fill="white"/>
     </g>
     <g filter="url(#filter2_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M53 114.893V8.10718L131 85.581H83.6184L82.6023 86.4078L53 114.893Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M53 114.893V8.10718L131 85.581H83.6184L82.6023 86.4078L53 114.893Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M60.4287 26.6787V96.3216L78.9996 78.4814L80.0004 77.6161H111.5L60.4287 26.6787Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M60.4287 26.6787V96.3216L78.9996 78.4814L80.0004 77.6161H111.5L60.4287 26.6787Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="43" y="84" width="120" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2"/>
       <feGaussianBlur stdDeviation="6"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>
@@ -25,7 +25,7 @@
     </filter>
     <filter id="filter1_d" x="75" y="119" width="59" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dy="4"/>
       <feGaussianBlur stdDeviation="2"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
@@ -34,7 +34,7 @@
     </filter>
     <filter id="filter2_d" x="32" y="-6.89282" width="118" height="146.786" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-1" dy="5"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
diff --git a/svg/static/cross.svg b/svg/static/cross.svg
index a3b02f2..0268b4d 100644
--- a/svg/static/cross.svg
+++ b/svg/static/cross.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M180 84H115.893V20H84.1067V84H20V116H84.1067V180H115.893V116H180V84Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M180 84H115.893V20H84.1067V84H20V116H84.1067V180H115.893V116H180V84Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M169.818 94.7369H105.271V30.1819H94.7286V94.7369H30.1816V105.263H94.7286V169.818H105.271V105.263H169.818V94.7369Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M169.818 94.7369H105.271V30.1819H94.7286V94.7369H30.1816V105.263H94.7286V169.818H105.271V105.263H169.818V94.7369Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-2" y="7" width="200" height="200" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/crossed_circle.svg b/svg/static/crossed_circle.svg
index b6b9f8e..be20d24 100644
--- a/svg/static/crossed_circle.svg
+++ b/svg/static/crossed_circle.svg
@@ -6,14 +6,14 @@
     </g>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M111.957 143.877L124.077 131.757C126.312 129.523 126.312 125.905 124.077 123.671C121.849 121.443 118.232 121.443 115.997 123.671L103.877 135.797L91.7514 123.671C89.5229 121.443 85.9057 121.443 83.6714 123.671C81.4429 125.905 81.4429 129.523 83.6714 131.757L95.7971 143.877L83.6714 155.997C81.4429 158.231 81.4429 161.848 83.6714 164.083C85.9057 166.311 89.5229 166.311 91.7514 164.083L103.877 151.957L115.997 164.083C118.232 166.311 121.849 166.311 124.077 164.083C126.312 161.848 126.312 158.231 124.077 155.997L111.957 143.877Z" fill="#5A5A5A"/>
     <g filter="url(#filter1_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M53 114.893V8.10718L131 85.581H83.6184L82.6023 86.4078L53 114.893Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M53 114.893V8.10718L131 85.581H83.6184L82.6023 86.4078L53 114.893Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M60.4287 26.6787V96.3216L78.9996 78.4814L80.0004 77.6161H111.5L60.4287 26.6787Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M60.4287 26.6787V96.3216L78.9996 78.4814L80.0004 77.6161H111.5L60.4287 26.6787Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="43" y="84" width="120" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2"/>
       <feGaussianBlur stdDeviation="6"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>
@@ -22,7 +22,7 @@
     </filter>
     <filter id="filter1_d" x="32" y="-6.89282" width="118" height="146.786" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-1" dy="5"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
diff --git a/svg/static/crosshair.svg b/svg/static/crosshair.svg
index 73f8967..91cda9b 100644
--- a/svg/static/crosshair.svg
+++ b/svg/static/crosshair.svg
@@ -1,23 +1,23 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
-    <path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" fill="black"/>
+    <path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" fill="#00FF00"/>
     <g opacity="0.3" filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" stroke="black" stroke-width="6"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" stroke="#00FF00" stroke-width="6"/>
     </g>
     <g opacity="0.85" filter="url(#filter1_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M19 104H96V97H19V104Z" fill="black"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M19 104H96V97H19V104Z" fill="#00FF00"/>
     </g>
     <g opacity="0.85" filter="url(#filter2_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M103 104H179V97H103V104Z" fill="black"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M103 104H179V97H103V104Z" fill="#00FF00"/>
     </g>
     <g opacity="0.85" filter="url(#filter3_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M96 97H103V20H96V97Z" fill="black"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M96 97H103V20H96V97Z" fill="#00FF00"/>
     </g>
     <g opacity="0.85" filter="url(#filter4_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M96 180H103V104H96V180Z" fill="black"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M96 180H103V104H96V180Z" fill="#00FF00"/>
     </g>
-    <path opacity="0.85" d="M16.5 104V106.5H19H93.5V180V182.5H96H103H105.5V180V106.5H179H181.5V104V97V94.5H179H105.5V20V17.5H103H96H93.5V20V94.5H19H16.5V97V104ZM98.5 101.5V99.5H100.5V101.5H98.5Z" stroke="white" stroke-width="5"/>
+    <path opacity="0.85" d="M16.5 104V106.5H19H93.5V180V182.5H96H103H105.5V180V106.5H179H181.5V104V97V94.5H179H105.5V20V17.5H103H96H93.5V20V94.5H19H16.5V97V104ZM98.5 101.5V99.5H100.5V101.5H98.5Z" stroke="#0000FF" stroke-width="5"/>
   </g>
   <defs>
     <filter id="filter0_d" x="36" y="46" width="122" height="122" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
diff --git a/svg/static/dnd_no_drop.svg b/svg/static/dnd_no_drop.svg
index ca8286b..3be7414 100644
--- a/svg/static/dnd_no_drop.svg
+++ b/svg/static/dnd_no_drop.svg
@@ -1,15 +1,15 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path d="M37.4302 163L163 37.4299" stroke="black" stroke-width="15"/>
+    <path d="M37.4302 163L163 37.4299" stroke="#00FF00" stroke-width="15"/>
   </g>
   <g filter="url(#filter1_d)">
-    <path d="M37.4302 37.4299L163 163" stroke="black" stroke-width="15"/>
+    <path d="M37.4302 37.4299L163 163" stroke="#00FF00" stroke-width="15"/>
   </g>
   <defs>
     <filter id="filter0_d" x="10.127" y="19.1267" width="176.177" height="176.177" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
@@ -18,7 +18,7 @@
     </filter>
     <filter id="filter1_d" x="10.127" y="19.1267" width="176.177" height="176.177" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/dotbox.svg b/svg/static/dotbox.svg
index 7c3de60..ad6fc52 100644
--- a/svg/static/dotbox.svg
+++ b/svg/static/dotbox.svg
@@ -2,15 +2,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z" fill="black"/>
-      <path d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z" stroke="black" stroke-width="25"/>
+      <path d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z" fill="#00FF00"/>
+      <path d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z" stroke="#00FF00" stroke-width="25"/>
     </g>
-    <path d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z" fill="white" stroke="white" stroke-width="2"/>
+    <path d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z" fill="#0000FF" stroke="#0000FF" stroke-width="2"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-1.5" y="7.5" width="199" height="199" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/hand1.svg b/svg/static/hand1.svg
index 0865342..96316ff 100644
--- a/svg/static/hand1.svg
+++ b/svg/static/hand1.svg
@@ -12,7 +12,7 @@
   <defs>
     <filter id="filter0_d" x="-4.10938" y="5" width="204.219" height="204.999" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/hand2.svg b/svg/static/hand2.svg
index 273a254..3ffef23 100644
--- a/svg/static/hand2.svg
+++ b/svg/static/hand2.svg
@@ -12,7 +12,7 @@
   <defs>
     <filter id="filter0_d" x="-0.999023" y="8.00024" width="197.999" height="197.999" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/left_ptr.svg b/svg/static/left_ptr.svg
index b710d61..ca167e1 100644
--- a/svg/static/left_ptr.svg
+++ b/svg/static/left_ptr.svg
@@ -2,16 +2,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M51 147V7L152 108.571H92.9127L89.3314 109.655L51 147Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M129 152.644L97.6787 166L57 69.5129L89.0251 56L129 152.644Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M51 147V7L152 108.571H92.9127L89.3314 109.655L51 147Z" fill="#0000FF"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M129 152.644L97.6787 166L57 69.5129L89.0251 56L129 152.644Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M118 146.256L101.589 153L74 88.7524L90.3843 82L118 146.256Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M59 28V125L84.8174 100.152L88.5391 98.9466H130L59 28Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M118 146.256L101.589 153L74 88.7524L90.3843 82L118 146.256Z" fill="#00FF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M59 28V125L84.8174 100.152L88.5391 98.9466H130L59 28Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="29" y="-6" width="141" height="199" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/left_side.svg b/svg/static/left_side.svg
index 4c785bf..721ed7a 100644
--- a/svg/static/left_side.svg
+++ b/svg/static/left_side.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M64.2744 82.2029L64.0478 45.9404L10.167 99.989L64.7276 154.715L64.4871 118.286L116.685 118.576L134.82 118.699L135.041 155.148L189.088 101.1L134.355 46.3666L134.569 82.629L64.2744 82.2029Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M64.2744 82.2029L64.0478 45.9404L10.167 99.989L64.7276 154.715L64.4871 118.286L116.685 118.576L134.82 118.699L135.041 155.148L189.088 101.1L134.355 46.3666L134.569 82.629L64.2744 82.2029Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M55.2968 91.4843L55.2929 68.0439L22.9844 100.558L55.3038 133.057L55.3062 109.443L143.779 109.426L143.776 133.065L176.296 100.545L143.778 68.0266L143.769 91.4799L55.2968 91.4843Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M55.2968 91.4843L55.2929 68.0439L22.9844 100.558L55.3038 133.057L55.3062 109.443L143.779 109.426L143.776 133.065L176.296 100.545L143.778 68.0266L143.769 91.4799L55.2968 91.4843Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-11.833" y="32.9404" width="218.921" height="149.207" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/left_tee.svg b/svg/static/left_tee.svg
index a7104d1..253f172 100644
--- a/svg/static/left_tee.svg
+++ b/svg/static/left_tee.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M127.395 149.941V118.204H117.654V173H81V27H117.654V81.8047H127.395V50.1684L182.287 100.11L127.395 149.941Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M127.395 149.941V118.204H117.654V173H81V27H117.654V81.8047H127.395V50.1684L182.287 100.11L127.395 149.941Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M108.066 36V90.8283H136.064V70.3591L166.65 100.067L136.064 129.519V108.922H108.066V163.75H90V36H108.066Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M108.066 36V90.8283H136.064V70.3591L166.65 100.067L136.064 129.519V108.922H108.066V163.75H90V36H108.066Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="59" y="14" width="141.287" height="186" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/link.svg b/svg/static/link.svg
index 0f011e6..431dc8c 100644
--- a/svg/static/link.svg
+++ b/svg/static/link.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M148 31L53 31.7193L85.3834 60.4933C82.7049 63.3707 80.499 65.7593 80.0819 66.3034C78.6361 68.1755 72.8434 76.6786 71.101 80.2846C69.3678 83.8813 65.8922 93.1037 64.8727 99.0153C63.9459 104.447 64.0015 114.288 64.1498 118.465C64.2888 122.366 65.6327 130.067 66.9024 133.599C68.9322 139.216 70.0907 142.25 72.6951 146.28C75.6239 150.818 78.1912 153.354 82.2507 157.236C85.8746 160.695 102.53 168.617 102.53 168.617C99.9161 165.306 94.9946 155.788 93.8361 152.478C93.2244 150.725 91.621 142.232 91.2317 138.358C90.7961 134.033 90.5088 127.983 90.6478 123.658C90.7776 119.886 91.5932 116.197 92.5385 112.849C93.5488 109.243 96.5054 104.484 98.9058 101.173C100.787 98.5818 103.058 95.8981 106.293 92.8178C108.647 90.5676 111.4 88.179 114.208 86.1131L147.713 115.874L148 31Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M148 31L53 31.7193L85.3834 60.4933C82.7049 63.3707 80.499 65.7593 80.0819 66.3034C78.6361 68.1755 72.8434 76.6786 71.101 80.2846C69.3678 83.8813 65.8922 93.1037 64.8727 99.0153C63.9459 104.447 64.0015 114.288 64.1498 118.465C64.2888 122.366 65.6327 130.067 66.9024 133.599C68.9322 139.216 70.0907 142.25 72.6951 146.28C75.6239 150.818 78.1912 153.354 82.2507 157.236C85.8746 160.695 102.53 168.617 102.53 168.617C99.9161 165.306 94.9946 155.788 93.8361 152.478C93.2244 150.725 91.621 142.232 91.2317 138.358C90.7961 134.033 90.5088 127.983 90.6478 123.658C90.7776 119.886 91.5932 116.197 92.5385 112.849C93.5488 109.243 96.5054 104.484 98.9058 101.173C100.787 98.5818 103.058 95.8981 106.293 92.8178C108.647 90.5676 111.4 88.179 114.208 86.1131L147.713 115.874L148 31Z" fill="#0000FF"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M138.233 97.0143L138.197 39.8784L81.3056 39.9154L97.9084 56.5646C96.6341 57.9136 94.8981 59.7522 93.8731 61.0365C91.3153 64.2425 89.7824 65.998 88.2403 67.7996C87.1507 69.0747 85.821 70.7285 84.7591 72.1791C83.2909 74.184 82.1736 76.152 81.4256 77.4917C80.4006 79.3026 79.3387 81.7418 78.0367 84.4212C76.2268 88.1538 75.6174 91.3137 75.091 93.4942C74.7309 94.9725 73.8906 98.7698 73.5582 102.299C73.2996 104.979 73.4843 108.065 73.4843 109.312C73.4843 111.492 73.2627 114.116 73.7336 118.366C74.1676 122.256 76.4669 130.849 78.1844 134.276C79.625 137.168 82.4506 142.869 82.4506 142.869C82.4506 142.869 80.8808 128.844 81.3794 121.757C81.6749 117.71 83.5494 110.827 85.9318 105.792C86.3474 104.932 86.4212 103.851 87.6494 101.893C88.6005 100.396 89.8655 98.3263 90.9274 96.6448C92.9035 93.5311 96.9665 88.5604 97.9361 87.2669C99.4966 85.188 104.031 81.058 106.598 78.7944C107.909 77.6395 111.15 74.9231 113.92 72.6226L138.233 97.0143Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M138.233 97.0143L138.197 39.8784L81.3056 39.9154L97.9084 56.5646C96.6341 57.9136 94.8981 59.7522 93.8731 61.0365C91.3153 64.2425 89.7824 65.998 88.2403 67.7996C87.1507 69.0747 85.821 70.7285 84.7591 72.1791C83.2909 74.184 82.1736 76.152 81.4256 77.4917C80.4006 79.3026 79.3387 81.7418 78.0367 84.4212C76.2268 88.1538 75.6174 91.3137 75.091 93.4942C74.7309 94.9725 73.8906 98.7698 73.5582 102.299C73.2996 104.979 73.4843 108.065 73.4843 109.312C73.4843 111.492 73.2627 114.116 73.7336 118.366C74.1676 122.256 76.4669 130.849 78.1844 134.277C79.625 137.168 82.4506 142.869 82.4506 142.869C82.4506 142.869 80.8808 128.844 81.3794 121.757C81.6749 117.71 83.5494 110.827 85.9318 105.792C86.3474 104.932 86.4212 103.851 87.6494 101.893C88.6005 100.396 89.8655 98.3263 90.9274 96.6448C92.9035 93.5311 96.9665 88.5604 97.9361 87.2669C99.4966 85.188 104.031 81.058 106.598 78.7944C107.909 77.6395 111.15 74.9231 113.92 72.6226L138.233 97.0143Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="31" y="18" width="135" height="177.617" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/ll_angle.svg b/svg/static/ll_angle.svg
index 917c01a..eafe4c8 100644
--- a/svg/static/ll_angle.svg
+++ b/svg/static/ll_angle.svg
@@ -1,13 +1,14 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M73.2051 96.589L42.011 65.3779L42 158.989L135.593 159L104.41 127.8L159 73.1779L127.828 42L73.2051 96.589Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M143.295 73.2714L88.7414 127.843L108.892 148.007L52.9932 147.996V92.0903L73.1546 112.254L127.73 57.7047L143.295 73.2714Z" fill="#0000FF"/>
+    <path d="M146.831 76.8063L150.365 73.271L146.831 69.7361L131.266 54.1694L127.731 50.6343L124.196 54.1683L73.1557 105.184L56.5289 88.5549L47.9932 80.0181V92.0903V147.996V152.995L52.9922 152.996L108.891 153.007L120.96 153.009L112.429 144.472L95.8107 127.843L146.831 76.8063Z" stroke="#0000FF" stroke-width="10"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M143.295 73.2714L88.7414 127.843L108.892 148.007L52.9932 147.996V92.0903L73.1546 112.254L127.73 57.7047L143.295 73.2714Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M143.295 73.2714L88.7414 127.843L108.892 148.007L52.9932 147.996V92.0903L73.1546 112.254L127.73 57.7047L143.295 73.2714Z" fill="#00FF00"/>
   <defs>
-    <filter id="filter0_d" x="20" y="29" width="157" height="157" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <filter id="filter0_d" x="20.9932" y="30.5638" width="154.443" height="154.448" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/lr_angle.svg b/svg/static/lr_angle.svg
index dc6479d..6674e4b 100644
--- a/svg/static/lr_angle.svg
+++ b/svg/static/lr_angle.svg
@@ -1,13 +1,14 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M127.795 96.589L158.989 65.3779L159 158.989L65.4066 159L96.5897 127.8L42 73.1779L73.1721 42L127.795 96.589Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M52.9932 73.2714L107.547 127.843L87.3966 148.007L143.295 147.996V92.0903L123.134 112.254L68.5579 57.7047L52.9932 73.2714Z" fill="#0000FF"/>
+    <path d="M49.4574 69.7361L45.9229 73.271L49.4571 76.8063L100.478 127.843L83.8598 144.472L75.3288 153.009L87.3975 153.007L143.296 152.996L148.295 152.995V147.996V92.0903V80.0181L139.759 88.5549L123.133 105.184L72.0926 54.1683L68.5569 50.6343L65.0222 54.1694L49.4574 69.7361Z" stroke="#0000FF" stroke-width="10"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M57.7046 73.2714L112.258 127.843L92.108 148.007L148.007 147.996V92.0903L127.845 112.254L73.2693 57.7047L57.7046 73.2714Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M52.9932 73.2714L107.547 127.843L87.3966 148.007L143.295 147.996V92.0903L123.134 112.254L68.5579 57.7047L52.9932 73.2714Z" fill="#00FF00"/>
   <defs>
-    <filter id="filter0_d" x="20" y="29" width="157" height="157" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <filter id="filter0_d" x="16.8525" y="30.5638" width="154.443" height="154.448" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/move.svg b/svg/static/move.svg
index 32bd6dd..c0e5fc4 100644
--- a/svg/static/move.svg
+++ b/svg/static/move.svg
@@ -10,7 +10,7 @@
   <defs>
     <filter id="filter0_d" x="10" y="25.0001" width="174" height="164.78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/pencil.svg b/svg/static/pencil.svg
index 6ac8ddd..e010173 100644
--- a/svg/static/pencil.svg
+++ b/svg/static/pencil.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path d="M139.472 21L129.714 30.9195L46.5478 115.253L45.7391 116.511L45.6849 116.584C44.8413 117.932 42.8714 121.305 39.8625 127.42C36.8295 133.585 33.0882 141.992 30.0327 151.626L22 177L47.3741 168.967C57.0176 165.911 65.4184 162.169 71.58 159.138C77.6929 156.131 81.04 154.179 82.4161 153.315L82.4879 153.26L83.7458 152.451L178 59.5282L139.472 21Z" fill="white"/>
+      <path d="M139.472 21L129.714 30.9195L46.5478 115.253L45.7391 116.511L45.6849 116.584C44.8413 117.932 42.8714 121.305 39.8625 127.42C36.8295 133.585 33.0882 141.992 30.0327 151.626L22 177L47.3741 168.967C57.0176 165.911 65.4184 162.169 71.58 159.138C77.6929 156.131 81.04 154.179 82.4161 153.315L82.4879 153.26L83.7458 152.451L178 59.5282L139.472 21Z" fill="#0000FF"/>
     </g>
-    <path d="M138.342 37L135.185 40.2087L55.1074 121.42L54.8457 121.821C54.2939 122.703 52.4335 125.839 49.6315 131.535C46.8295 137.23 43.3808 145.013 40.5984 153.786L38 162L46.2136 159.402C54.9939 156.619 62.7704 153.17 68.4653 150.368C74.1602 147.567 77.2779 145.719 78.1786 145.154L78.5795 144.893L163 61.6582L138.342 37ZM63.8091 125.309L74.6909 136.191L73.1039 137.76C73.1664 137.716 69.7241 139.789 64.5241 142.347C62.6116 143.287 59.7431 144.334 57.0778 145.364L54.6364 142.922C55.6661 140.257 56.7122 137.389 57.6533 135.476C60.2122 130.275 62.274 126.852 62.2397 126.896L63.8091 125.309Z" fill="black"/>
+    <path d="M138.342 37L135.185 40.2087L55.1074 121.42L54.8457 121.821C54.2939 122.703 52.4335 125.839 49.6315 131.535C46.8295 137.23 43.3808 145.013 40.5984 153.786L38 162L46.2136 159.402C54.9939 156.619 62.7704 153.17 68.4653 150.368C74.1602 147.567 77.2779 145.719 78.1786 145.154L78.5795 144.893L163 61.6582L138.342 37ZM63.8091 125.309L74.6909 136.191L73.1039 137.76C73.1664 137.716 69.7241 139.789 64.5241 142.347C62.6116 143.287 59.7431 144.334 57.0778 145.364L54.6364 142.922C55.6661 140.257 56.7122 137.389 57.6533 135.476C60.2122 130.275 62.274 126.852 62.2397 126.896L63.8091 125.309Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="0" y="8" width="196" height="196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/plus.svg b/svg/static/plus.svg
index 2f6cd62..d52c74f 100644
--- a/svg/static/plus.svg
+++ b/svg/static/plus.svg
@@ -1,17 +1,17 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M115.675 158H82.325V42H115.675V158Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 83.325H157V116.675H41V83.325Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M115.675 158H82.325V42H115.675V158Z" fill="#00FF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 83.325H157V116.675H41V83.325Z" fill="#00FF00"/>
   </g>
   <g filter="url(#filter1_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M106.975 149.3H91.0252V50.7H106.975V149.3Z" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M49.7002 92.025H148.3V107.975H49.7002V92.025Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M106.975 149.3H91.0252V50.7H106.975V149.3Z" fill="#0000FF"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M49.7002 92.025H148.3V107.975H49.7002V92.025Z" fill="#0000FF"/>
   </g>
   <defs>
     <filter id="filter0_d" x="19" y="29" width="156" height="156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
@@ -20,7 +20,7 @@
     </filter>
     <filter id="filter1_d" x="27.7002" y="37.7" width="138.6" height="138.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/question_arrow.svg b/svg/static/question_arrow.svg
index 9864c30..ba586bc 100644
--- a/svg/static/question_arrow.svg
+++ b/svg/static/question_arrow.svg
@@ -1,15 +1,15 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M74.7074 50.8678C80.4576 46.2864 91.1229 42.6532 100.194 42.5969C114.56 42.5124 122.122 46.8779 128.907 53.4026C135.435 59.6832 138.434 66.0952 137.95 75.9339C137.561 83.9419 135.416 88.5889 132.218 92.9356C130.34 95.5737 126.743 98.9534 121.42 103.056L116.363 107.093C113.232 110.097 111.865 111.439 110.67 114.791C109.778 117.288 110.717 153.499 110.67 157.404H91.6163C91.5878 147.866 90.582 110.538 91.6163 106.426C92.6316 102.427 96.3796 99.5354 101.703 95.4328L107.092 91.2458C108.876 89.9314 111.78 87.3591 112.862 85.7913C114.835 83.1063 116.031 79.3887 116.192 76.1686C116.344 73.1362 115.423 69.6063 112.928 66.527C109.967 62.8657 106.257 60.5375 99.027 60.8567C93.3243 61.1101 88.9595 63.9829 86.2931 66.696C83.1619 69.888 81.7955 75.1828 81.5678 79.3699H62.8086C63.3969 65.438 66.1676 57.6647 74.7074 50.8678Z" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M74.7074 50.8678C80.4576 46.2864 91.1229 42.6532 100.194 42.5969C114.56 42.5124 122.122 46.8779 128.907 53.4026C135.435 59.6832 138.434 66.0952 137.95 75.9339C137.561 83.9419 135.416 88.5889 132.218 92.9356C130.34 95.5737 126.743 98.9534 121.42 103.056L116.363 107.093C113.232 110.097 111.865 111.439 110.67 114.791C109.778 117.288 110.717 153.499 110.67 157.404H91.6163C91.5878 147.866 90.582 110.538 91.6163 106.426C92.6316 102.427 96.3796 99.5354 101.703 95.4328L107.092 91.2458C108.876 89.9314 111.78 87.3591 112.862 85.7913C114.835 83.1063 116.031 79.3887 116.192 76.1686C116.344 73.1362 115.423 69.6063 112.928 66.527C109.967 62.8657 106.257 60.5375 99.027 60.8567C93.3243 61.1101 88.9595 63.9829 86.2931 66.696C83.1619 69.888 81.7955 75.1828 81.5678 79.3699H62.8086C63.3969 65.438 66.1676 57.6647 74.7074 50.8678Z" stroke="white" stroke-width="20"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M74.7074 50.8678C80.4576 46.2864 91.1229 42.6532 100.194 42.5969C114.56 42.5124 122.122 46.8779 128.907 53.4026C135.435 59.6832 138.434 66.0952 137.95 75.9339C137.561 83.9419 135.416 88.5889 132.218 92.9356C130.34 95.5737 126.743 98.9534 121.42 103.056L116.363 107.093C113.232 110.097 111.865 111.439 110.67 114.791C109.778 117.288 110.717 153.499 110.67 157.404H91.6163C91.5878 147.866 90.582 110.538 91.6163 106.426C92.6316 102.427 96.3796 99.5354 101.703 95.4328L107.092 91.2458C108.876 89.9314 111.78 87.3591 112.862 85.7913C114.835 83.1063 116.031 79.3887 116.192 76.1686C116.344 73.1362 115.423 69.6063 112.928 66.527C109.967 62.8657 106.257 60.5375 99.027 60.8567C93.3243 61.1101 88.9595 63.9829 86.2931 66.696C83.1619 69.888 81.7955 75.1828 81.5678 79.3699H62.8086C63.3969 65.438 66.1676 57.6647 74.7074 50.8678Z" fill="#0000FF"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M74.7074 50.8678C80.4576 46.2864 91.1229 42.6532 100.194 42.5969C114.56 42.5124 122.122 46.8779 128.907 53.4026C135.435 59.6832 138.434 66.0952 137.95 75.9339C137.561 83.9419 135.416 88.5889 132.218 92.9356C130.34 95.5737 126.743 98.9534 121.42 103.056L116.363 107.093C113.232 110.097 111.865 111.439 110.67 114.791C109.778 117.288 110.717 153.499 110.67 157.404H91.6163C91.5878 147.866 90.582 110.538 91.6163 106.426C92.6316 102.427 96.3796 99.5354 101.703 95.4328L107.092 91.2458C108.876 89.9314 111.78 87.3591 112.862 85.7913C114.835 83.1063 116.031 79.3887 116.192 76.1686C116.344 73.1362 115.423 69.6063 112.928 66.527C109.967 62.8657 106.257 60.5375 99.027 60.8567C93.3243 61.1101 88.9595 63.9829 86.2931 66.696C83.1619 69.888 81.7955 75.1828 81.5678 79.3699H62.8086C63.3969 65.438 66.1676 57.6647 74.7074 50.8678Z" stroke="#0000FF" stroke-width="20"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M76.4648 50.2292C83.1196 45.9125 89.2779 42.5957 99.6276 42.5957C115.066 42.5957 118.561 44.9223 126.476 51.2868C133.637 57.0456 138 64.5157 138 75.1295C138 81.6382 134.525 88.6661 131.297 93.1174C129.417 95.8189 126.915 98.5012 121.559 102.712L115.716 107.231C112.851 109.48 110.006 112.884 109.061 115.883C108.469 117.787 108.507 121.873 108.469 125.872H91.1064C91.4024 117.412 91.0347 110.442 92.3236 107.211C93.6126 103.981 96.9352 100.261 102.291 96.0592L107.514 91.7714C109.299 90.4254 112.049 88.368 113.138 86.7625C115.124 84.0129 116.852 80.0231 116.852 76.7158C116.852 72.9087 117.062 70.2168 114.856 67.0826C112.278 63.4485 109.93 59.4491 98.8352 59.2568C90.1945 59.103 86.509 63.5543 84.1126 67.3999C81.7065 71.2647 80.8854 75.6487 80.8854 79.8019H62C62.6015 65.5347 67.1653 56.1899 76.4648 50.2292Z" fill="black"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M91.1064 138H108.894V155.787H91.1064V138Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M76.4648 50.2292C83.1196 45.9125 89.2779 42.5957 99.6276 42.5957C115.066 42.5957 118.561 44.9223 126.476 51.2868C133.637 57.0456 138 64.5157 138 75.1295C138 81.6382 134.525 88.6661 131.297 93.1174C129.417 95.8189 126.915 98.5012 121.559 102.712L115.716 107.231C112.851 109.48 110.006 112.884 109.061 115.883C108.469 117.787 108.507 121.873 108.469 125.872H91.1064C91.4024 117.412 91.0347 110.442 92.3236 107.211C93.6126 103.981 96.9352 100.261 102.291 96.0592L107.514 91.7714C109.299 90.4254 112.049 88.368 113.138 86.7625C115.124 84.0129 116.852 80.0231 116.852 76.7158C116.852 72.9087 117.062 70.2168 114.856 67.0826C112.278 63.4485 109.93 59.4491 98.8352 59.2568C90.1945 59.103 86.509 63.5543 84.1126 67.3999C81.7065 71.2647 80.8854 75.6487 80.8854 79.8019H62C62.6015 65.5347 67.1653 56.1899 76.4648 50.2292Z" fill="#00FF00"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M91.1064 138H108.894V155.787H91.1064V138Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="30.3774" y="19.5957" width="135.623" height="174.809" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/right_ptr.svg b/svg/static/right_ptr.svg
index bf4a723..fb19ae4 100644
--- a/svg/static/right_ptr.svg
+++ b/svg/static/right_ptr.svg
@@ -2,16 +2,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M156 160V20L55 121.571H114.087L117.669 122.655L156 160Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M77 165.644L108.321 179L149 82.5129L116.975 69L77 165.644Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M156 160V20L55 121.571H114.087L117.669 122.655L156 160Z" fill="#0000FF"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M77 165.644L108.321 179L149 82.5129L116.975 69L77 165.644Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M88 159.256L104.411 166L132 101.752L115.616 95L88 159.256Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M147 41V138L121.183 113.152L117.461 111.947H76L147 41Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M88 159.256L104.411 166L132 101.752L115.616 95L88 159.256Z" fill="#00FF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M147 41V138L121.183 113.152L117.461 111.947H76L147 41Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="33" y="7" width="141" height="199" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/right_tee.svg b/svg/static/right_tee.svg
index 8d4a8dd..aaf1098 100644
--- a/svg/static/right_tee.svg
+++ b/svg/static/right_tee.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M70.8928 149.941V118.204H80.634V173H117.287V27H80.634V81.8047H70.8928V50.1684L16 100.11L70.8928 149.941Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M70.8928 149.941V118.204H80.634V173H117.287V27H80.634V81.8047H70.8928V50.1684L16 100.11L70.8928 149.941Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M90.2215 36V90.8283H62.224V70.3591L31.6377 100.067L62.224 129.519V108.922H90.2215V163.75H108.288V36H90.2215Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M90.2215 36V90.8283H62.224V70.3591L31.6377 100.067L62.224 129.519V108.922H90.2215V163.75H108.288V36H90.2215Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-6" y="14" width="141.287" height="186" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/sb_down_arrow.svg b/svg/static/sb_down_arrow.svg
index 29f5878..1f6d54a 100644
--- a/svg/static/sb_down_arrow.svg
+++ b/svg/static/sb_down_arrow.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M79.3434 48L79.3333 118.536H39L99.4899 179.014L160 118.536H119.667V48H79.3434Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M79.3434 48L79.3333 118.536H39L99.4899 179.014L160 118.536H119.667V48H79.3434Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M109.623 58.0138V128.644H135.8L99.5002 164.828L63.2002 128.644H89.3775L89.3876 58.0138H109.623Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M109.623 58.0138V128.644H135.8L99.5002 164.828L63.2002 128.644H89.3775L89.3876 58.0138H109.623Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="17" y="35" width="161" height="171.014" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/sb_h_double_arrow.svg b/svg/static/sb_h_double_arrow.svg
index c2d2f07..2a569cb 100644
--- a/svg/static/sb_h_double_arrow.svg
+++ b/svg/static/sb_h_double_arrow.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M82.2222 30V82.9279H73.1467V52.3837L20 100.606L73.1467 148.731V118.081H82.2222V171H82.4H117.609V118.072H127.013V148.625L180 100.394L127.013 52.2692V82.9191H117.609V30H82.2222Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M82.2222 30V82.9279H73.1467V52.3837L20 100.606L73.1467 148.731V118.081H82.2222V171H82.4H117.609V118.072H127.013V148.625L180 100.394L127.013 52.2692V82.9191H117.609V30H82.2222Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M165 100.307L135.599 71.4087V91.6188H108.856V38.1793H108.687V38H91.4986V91.7982H64.4006V71.3549L35 100.504L64.4006 129.412V109.202H91.4986V163H91.6757H108.687H108.856V109.202H135.599V129.457L165 100.307Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M165 100.307L135.599 71.4087V91.6188H108.856V38.1793H108.687V38H91.4986V91.7982H64.4006V71.3549L35 100.504L64.4006 129.412V109.202H91.4986V163H91.6757H108.687H108.856V109.202H135.599V129.457L165 100.307Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-2" y="17" width="200" height="181" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/sb_left_arrow.svg b/svg/static/sb_left_arrow.svg
index 47a0c1c..596f04d 100644
--- a/svg/static/sb_left_arrow.svg
+++ b/svg/static/sb_left_arrow.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M150.014 80.3434L79.478 80.3333V40L19 100.49L79.478 161V120.667H150.014V80.3434Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M150.014 80.3434L79.478 80.3333V40L19 100.49L79.478 161V120.667H150.014V80.3434Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M140.914 110.536H70.2832V136.714L34.1001 100.414L70.2832 64.1136V90.2909L140.914 90.3011V110.536Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M140.914 110.536H70.2832V136.714L34.1001 100.414L70.2832 64.1136V90.2909L140.914 90.3011V110.536Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-3" y="27" width="171.014" height="161" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/sb_right_arrow.svg b/svg/static/sb_right_arrow.svg
index 56f745d..f68b7f6 100644
--- a/svg/static/sb_right_arrow.svg
+++ b/svg/static/sb_right_arrow.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M48 80.3434L118.536 80.3333V40L179.014 100.49L118.536 161V120.667H48V80.3434Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M48 80.3434L118.536 80.3333V40L179.014 100.49L118.536 161V120.667H48V80.3434Z" fill="#0000FF"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M57.0996 110.536H127.73V136.714L163.913 100.414L127.73 64.1136V90.2909L57.0996 90.3011V110.536Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M57.0996 110.536H127.73V136.714L163.913 100.414L127.73 64.1136V90.2909L57.0996 90.3011V110.536Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="26" y="27" width="171.014" height="161" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/sb_up_arrow.svg b/svg/static/sb_up_arrow.svg
index 03cf5e5..5336647 100644
--- a/svg/static/sb_up_arrow.svg
+++ b/svg/static/sb_up_arrow.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M80.3434 151.014L80.3333 80.478H40L100.49 20L161 80.478H120.667V151.014H80.3434Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M80.3434 151.014L80.3333 80.478H40L100.49 20L161 80.478H120.667V151.014H80.3434Z" fill="#0000FF"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M110.623 141V70.3693H136.8L100.5 34.1862L64.2002 70.3693H90.3775L90.3876 141H110.623Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M110.623 141V70.3693H136.8L100.5 34.1862L64.2002 70.3693H90.3775L90.3876 141H110.623Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="18" y="7" width="161" height="171.014" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/sb_v_double_arrow.svg b/svg/static/sb_v_double_arrow.svg
index 79e66fb..495c44f 100644
--- a/svg/static/sb_v_double_arrow.svg
+++ b/svg/static/sb_v_double_arrow.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 118.278H82.4279V127.353H51.8837L100.106 180.5L148.231 127.353H117.581V118.278H170.5V82.8911H117.572V73.4867H148.125L99.8943 20.5L51.7692 73.4867H82.4191V82.8911H29.5V118.278Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 118.278H82.4279V127.353H51.8837L100.106 180.5L148.231 127.353H117.581V118.278H170.5V82.8911H117.572V73.4867H148.125L99.8943 20.5L51.7692 73.4867H82.4191V82.8911H29.5V118.278Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M99.8072 35.5L70.9087 64.9005H91.1188V91.6444H37.6793V91.8127H37.5V109.001H91.2982V136.099H70.8549L100.004 165.5L128.912 136.099H108.702V109.001H162.5V91.6444H108.702V64.9005H128.957L99.8072 35.5Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M99.8072 35.5L70.9087 64.9005H91.1188V91.6444H37.6793V91.8127H37.5V109.001H91.2982V136.099H70.8549L100.004 165.5L128.912 136.099H108.702V109.001H162.5V91.6444H108.702V64.9005H128.957L99.8072 35.5Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="7.5" y="7.5" width="181" height="200" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/top_side.svg b/svg/static/top_side.svg
index 0ed9abc..36c15b9 100644
--- a/svg/static/top_side.svg
+++ b/svg/static/top_side.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M81.2869 135.897L45.0244 136.124L99.073 190.005L153.799 135.444L117.37 135.685L117.66 83.4866L117.783 65.3521L154.232 65.1307L100.184 11.0833L45.4506 65.8169L81.713 65.6031L81.2869 135.897Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M81.2869 135.897L45.0244 136.124L99.073 190.005L153.799 135.444L117.37 135.685L117.66 83.4866L117.783 65.3521L154.232 65.1307L100.184 11.0833L45.4506 65.8169L81.713 65.6031L81.2869 135.897Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M90.5681 144.875L67.1276 144.879L99.6414 177.187L132.14 144.868L108.527 144.866L108.509 56.3933L132.149 56.3957L99.6285 23.8756L67.1104 56.3938L90.5636 56.4027L90.5681 144.875Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M90.5681 144.875L67.1276 144.879L99.6414 177.187L132.14 144.868L108.527 144.866L108.509 56.3933L132.149 56.3957L99.6285 23.8756L67.1104 56.3938L90.5636 56.4027L90.5681 144.875Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="23.0244" y="-1.91675" width="149.207" height="218.921" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/top_tee.svg b/svg/static/top_tee.svg
index 6796eea..7fdfba1 100644
--- a/svg/static/top_tee.svg
+++ b/svg/static/top_tee.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M49.0589 124.395H80.7956V114.654H26V78H172V114.654H117.195V124.395H148.832L98.8905 179.287L49.0589 124.395Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M49.0589 124.395H80.7956V114.654H26V78H172V114.654H117.195V124.395H148.832L98.8905 179.287L49.0589 124.395Z" fill="#0000FF"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M163 105.066H108.172V133.064H128.641L98.9331 163.65L69.4811 133.064H90.0783V105.066H35.25V86.9999H163V105.066Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M163 105.066H108.172V133.064H128.641L98.9331 163.65L69.4811 133.064H90.0783V105.066H35.25V86.9999H163V105.066Z" fill="#00FF00"/>
   </g>
   <defs>
     <filter id="filter0_d" x="4" y="65" width="186" height="141.287" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/ul_angle.svg b/svg/static/ul_angle.svg
index df12c6a..4da8492 100644
--- a/svg/static/ul_angle.svg
+++ b/svg/static/ul_angle.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M73.2051 104.411L42.011 135.622L42 42.011L135.593 42L104.41 73.2L159 127.822L127.828 159L73.2051 104.411Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M73.2051 104.411L42.011 135.622L42 42.011L135.593 42L104.41 73.2L159 127.822L127.828 159L73.2051 104.411Z" fill="#0000FF"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M143.295 127.729L88.7414 73.1572L108.892 52.9933L52.9932 53.0043V108.91L73.1546 88.7459L127.73 143.295L143.295 127.729Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M143.295 127.729L88.7414 73.1572L108.892 52.9933L52.9932 53.0043V108.91L73.1546 88.7459L127.73 143.295L143.295 127.729Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="20" y="29" width="157" height="157" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/ur_angle.svg b/svg/static/ur_angle.svg
index b07d7a6..ffb38d0 100644
--- a/svg/static/ur_angle.svg
+++ b/svg/static/ur_angle.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g filter="url(#filter0_d)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M127.795 104.411L158.989 135.622L159 42.011L65.4066 42L96.5897 73.2L42 127.822L73.1721 159L127.795 104.411Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M127.795 104.411L158.989 135.622L159 42.011L65.4066 42L96.5897 73.2L42 127.822L73.1721 159L127.795 104.411Z" fill="#0000FF"/>
   </g>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M57.7051 127.729L112.259 73.1572L92.1085 52.9933L148.007 53.0043V108.91L127.846 88.7459L73.2698 143.295L57.7051 127.729Z" fill="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M57.7051 127.729L112.259 73.1572L92.1085 52.9933L148.007 53.0043V108.91L127.846 88.7459L73.2698 143.295L57.7051 127.729Z" fill="#00FF00"/>
   <defs>
     <filter id="filter0_d" x="20" y="29" width="157" height="157" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/vertical-text.svg b/svg/static/vertical-text.svg
index 96a400d..0c93835 100644
--- a/svg/static/vertical-text.svg
+++ b/svg/static/vertical-text.svg
@@ -2,15 +2,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path d="M165.595 132H174.935C175.304 125.826 174.094 119.659 171.417 114.068C168.741 108.476 164.683 103.638 159.618 100C164.683 96.3617 168.741 91.5242 171.417 85.9324C174.094 80.3406 175.304 74.1741 174.935 68H165.595C167.183 79.9885 159.991 91.6081 148.41 95.6657H100.775V86.4438H91.4353V95.6657H52.5807C40.999 91.5158 33.9006 79.9885 35.395 68H26.0549C25.7184 74.1604 26.9326 80.3073 29.5893 85.8913C32.2459 91.4753 36.2622 96.3225 41.2792 100C36.2622 103.677 32.2459 108.525 29.5893 114.109C26.9326 119.693 25.7184 125.84 26.0549 132H35.395C34.7909 126.236 36.1537 120.439 39.2672 115.527C42.3806 110.615 47.0663 106.871 52.5807 104.888H91.5287V114.11H100.869V104.888H148.316C153.857 106.84 158.573 110.575 161.707 115.492C164.84 120.409 166.21 126.223 165.595 132Z" fill="white"/>
-      <path d="M161.618 131.577L161.147 136H165.595H174.935H178.704L178.928 132.238C179.337 125.385 177.994 118.543 175.025 112.341C172.796 107.683 169.704 103.5 165.927 100C169.704 96.4997 172.796 92.3171 175.025 87.6594C177.994 81.4573 179.337 74.6146 178.928 67.7617L178.704 64H174.935H165.595H161.031L161.63 68.5252C162.937 78.3944 157.159 88.0366 147.7 91.6657H104.775V86.4438V82.4438H100.775H91.4353H87.4353V86.4438V91.6657H53.3047C43.8373 87.9566 38.1312 78.3864 39.3643 68.4948L39.9246 64H35.395H26.0549H22.2675L22.0609 67.7818C21.6878 74.6112 23.0342 81.4237 25.9772 87.6097C28.1969 92.2753 31.2719 96.4735 35.0298 100C31.2719 103.527 28.1969 107.725 25.9772 112.39C23.0342 118.576 21.6878 125.389 22.0609 132.218L22.2675 136H26.0549H35.395H39.8361L39.3732 131.583C38.8634 126.719 40.0127 121.822 42.6456 117.668C45.1609 113.7 48.8955 110.624 53.3074 108.888H87.5287V114.11V118.11H91.5287H100.869H104.869V114.11V108.888H147.603C152.04 110.599 155.801 113.668 158.334 117.642C160.982 121.797 162.136 126.704 161.618 131.577Z" stroke="white" stroke-width="8"/>
+      <path d="M165.595 132H174.935C175.304 125.826 174.094 119.659 171.417 114.068C168.741 108.476 164.683 103.638 159.618 100C164.683 96.3617 168.741 91.5242 171.417 85.9324C174.094 80.3406 175.304 74.1741 174.935 68H165.595C167.183 79.9885 159.991 91.6081 148.41 95.6657H100.775V86.4438H91.4353V95.6657H52.5807C40.999 91.5158 33.9006 79.9885 35.395 68H26.0549C25.7184 74.1604 26.9326 80.3073 29.5893 85.8913C32.2459 91.4753 36.2622 96.3225 41.2792 100C36.2622 103.677 32.2459 108.525 29.5893 114.109C26.9326 119.693 25.7184 125.84 26.0549 132H35.395C34.7909 126.236 36.1537 120.439 39.2672 115.527C42.3806 110.615 47.0663 106.871 52.5807 104.888H91.5287V114.11H100.869V104.888H148.316C153.857 106.84 158.573 110.575 161.707 115.492C164.84 120.409 166.21 126.223 165.595 132Z" fill="#0000FF"/>
+      <path d="M161.618 131.577L161.147 136H165.595H174.935H178.704L178.928 132.238C179.337 125.385 177.994 118.543 175.025 112.341C172.796 107.683 169.704 103.5 165.927 100C169.704 96.4997 172.796 92.3171 175.025 87.6594C177.994 81.4573 179.337 74.6146 178.928 67.7617L178.704 64H174.935H165.595H161.031L161.63 68.5252C162.937 78.3944 157.159 88.0366 147.7 91.6657H104.775V86.4438V82.4438H100.775H91.4353H87.4353V86.4438V91.6657H53.3047C43.8373 87.9566 38.1312 78.3864 39.3643 68.4948L39.9246 64H35.395H26.0549H22.2675L22.0609 67.7818C21.6878 74.6112 23.0342 81.4237 25.9772 87.6097C28.1969 92.2753 31.2719 96.4735 35.0298 100C31.2719 103.527 28.1969 107.725 25.9772 112.39C23.0342 118.576 21.6878 125.389 22.0609 132.218L22.2675 136H26.0549H35.395H39.8361L39.3732 131.583C38.8634 126.719 40.0127 121.822 42.6456 117.668C45.1609 113.7 48.8955 110.624 53.3074 108.888H87.5287V114.11V118.11H91.5287H100.869H104.869V114.11V108.888H147.603C152.04 110.599 155.801 113.668 158.334 117.642C160.982 121.797 162.136 126.704 161.618 131.577Z" stroke="#0000FF" stroke-width="8"/>
     </g>
-    <path d="M165.595 132H174.935C175.304 125.826 174.094 119.659 171.417 114.068C168.741 108.476 164.683 103.638 159.618 100C164.683 96.3617 168.741 91.5242 171.417 85.9324C174.094 80.3406 175.304 74.1741 174.935 68H165.595C167.183 79.9885 159.991 91.6081 148.41 95.6657H100.775V86.4438H91.4353V95.6657H52.5807C40.999 91.5159 33.9006 79.9885 35.395 68H26.0549C25.7184 74.1604 26.9326 80.3073 29.5893 85.8913C32.2459 91.4753 36.2622 96.3225 41.2792 100C36.2622 103.677 32.2459 108.525 29.5893 114.109C26.9326 119.693 25.7184 125.84 26.0549 132H35.395C34.7909 126.236 36.1537 120.439 39.2672 115.527C42.3806 110.615 47.0663 106.871 52.5807 104.888H91.5287V114.11H100.869V104.888H148.316C153.857 106.84 158.573 110.575 161.707 115.492C164.84 120.409 166.21 126.223 165.595 132Z" fill="black" stroke="black" stroke-width="2"/>
+    <path d="M165.595 132H174.935C175.304 125.826 174.094 119.659 171.417 114.068C168.741 108.476 164.683 103.638 159.618 100C164.683 96.3617 168.741 91.5242 171.417 85.9324C174.094 80.3406 175.304 74.1741 174.935 68H165.595C167.183 79.9885 159.991 91.6081 148.41 95.6657H100.775V86.4438H91.4353V95.6657H52.5807C40.999 91.5158 33.9006 79.9885 35.395 68H26.0549C25.7184 74.1604 26.9326 80.3073 29.5893 85.8913C32.2459 91.4753 36.2622 96.3225 41.2792 100C36.2622 103.677 32.2459 108.525 29.5893 114.109C26.9326 119.693 25.7184 125.84 26.0549 132H35.395C34.7909 126.236 36.1537 120.439 39.2672 115.527C42.3806 110.615 47.0663 106.871 52.5807 104.888H91.5287V114.11H100.869V104.888H148.316C153.857 106.84 158.573 110.575 161.707 115.492C164.84 120.409 166.21 126.223 165.595 132Z" fill="#00FF00" stroke="#00FF00" stroke-width="2"/>
   </g>
   <defs>
     <filter id="filter0_d" x="-4" y="47" width="205" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/wayland-cursor.svg b/svg/static/wayland-cursor.svg
index 687ba1a..e1214de 100644
--- a/svg/static/wayland-cursor.svg
+++ b/svg/static/wayland-cursor.svg
@@ -2,14 +2,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path d="M175.736 100C175.736 140.884 142.619 174 101.736 174C60.8522 174 27.7358 140.884 27.7358 100C27.7358 59.1164 60.8522 26 101.736 26C142.619 26 175.736 59.1766 175.736 100Z" fill="black"/>
+      <path d="M175.736 100C175.736 140.884 142.619 174 101.736 174C60.8522 174 27.7358 140.884 27.7358 100C27.7358 59.1164 60.8522 26 101.736 26C142.619 26 175.736 59.1766 175.736 100Z" fill="#00FF00"/>
     </g>
-    <path d="M141.007 27.3281H142.271L141.447 28.3103H140.952V27.3281H141.007ZM45.9199 29.6853V30.7985L42.8419 35.251H42.3472L41.8526 31.7806C43.7213 30.4056 45.0405 29.6853 45.9199 29.6853ZM157.222 31.2568C159.86 31.2568 161.344 33.2866 161.674 37.2808L159.42 56.1385H160.245L162.003 54.7634H162.498V55.1563C160.08 56.9242 157.716 61.7696 155.463 69.6924C154.583 76.5021 153.154 82.788 151.121 88.5501C149.307 94.5086 148.427 100.009 148.427 105.051L145.02 115.003C145.02 115.854 146.284 116.706 148.867 117.491C148.372 119.456 147.713 120.438 146.778 120.438V121.027H147.603V121.42C147.603 122.468 146.284 122.926 143.591 122.926L144.085 123.515V125.48H143.261C143.81 127.444 144.965 128.426 146.778 128.426V129.408H143.261V129.998C144.415 129.998 145.02 130.849 145.02 132.486L140.073 134.45L140.568 135.039V135.432C140.568 136.087 139.963 136.415 138.809 136.415V137.004C140.293 137.004 141.062 137.331 141.062 137.986C138.974 138.837 136.17 142.962 132.708 150.427C129.19 157.04 126.112 160.379 123.529 160.379H122.594C120.616 158.873 119.022 153.963 117.758 145.581C112.756 132.813 110.228 125.283 110.228 123.057C110.228 117.295 108.634 111.14 105.391 104.592C104.511 101.711 103.962 98.0444 103.632 93.6574L101.543 93.0681C96.2118 102.693 93.4636 110.158 93.1888 115.593C91.7047 118.735 90.5505 122.599 89.6711 127.051C92.859 128.099 94.5079 129.081 94.5079 129.998V130.587C91.9795 130.194 90.2207 129.539 89.2314 128.492C88.1321 130.98 86.703 137.986 84.8892 149.445C83.4602 154.748 81.7013 157.433 79.6127 157.433C73.6766 155.076 68.6749 151.278 64.7175 145.974C64.1129 145.974 63.0686 143.29 61.6395 137.986C60.7601 137.986 60.2105 135.301 59.8807 129.998C56.9127 122.468 54.879 113.825 53.7797 104.134V89.5977H53.285L51.1964 90.187V89.5977C51.1964 88.9429 51.9109 88.6156 53.285 88.6156L52.7904 80.2344V73.6866L49.3826 52.7336V43.7631C50.8666 38.1975 53.4499 35.3819 57.1325 35.3819H81.8112V36.3641C79.8325 36.4296 78.5134 36.9534 77.7989 37.8701C76.3149 36.8224 74.8858 36.3641 73.4568 36.3641H68.6199L65.9267 36.757L65.432 36.3641H65.1023L61.5846 36.757L59.8257 36.3641L58.5616 36.757L57.1325 36.3641C62.8487 43.8286 66.2015 50.1145 67.2458 55.2218H71.2582V56.2039H68.1802V57.3171C69.3345 61.6386 70.2139 63.7339 70.7635 63.7339H71.6979L73.7865 63.1446L74.2812 63.7339L74.7759 63.1446L75.2706 63.7339V64.1268C73.7316 65.2399 72.6323 66.8114 72.0827 68.7102H71.7529V69.6924H72.5773C73.6766 85.2762 75.7103 97.0622 78.6783 105.051L80.4371 106.426H81.3715C82.5258 106.426 84.9991 100.991 88.7916 90.0561C91.2101 85.1452 92.9689 80.7582 94.0682 77.026L93.5735 75.5199C95.9919 71.8532 98.5202 70.0853 101.104 70.0853H101.928C103.577 70.0853 104.731 71.1329 105.446 73.1628C107.644 76.2402 109.403 80.8237 110.722 86.9786L117.318 101.515C118.197 102.562 118.582 103.675 118.582 104.985C121 110.485 123.199 114.152 125.178 115.92H126.607C128.256 115.92 130.454 109.11 133.202 95.4907C133.697 95.4907 134.961 91.824 137.05 84.5559V83.9666L129.63 82.9845L127.871 83.5738H125.617V82.4606L130.069 82.0677H138.754C142.107 70.0198 145.184 60.7219 148.043 54.1086C148.977 40.4892 150.296 33.6795 151.89 33.6795L157.222 31.2568ZM132.213 32.7628C131.718 34.0724 130.729 34.7271 129.135 34.7271V33.745L132.213 32.7628ZM87.9122 35.3164H99.7844V36.2986L97.0912 36.6915L94.5079 36.2986L92.2544 37.2808L91.4299 36.2986H87.9122V35.3164ZM26.1879 37.2153H27.4521L28.2765 38.1975V38.7868L25.6932 41.7333V44.2215H24.7588V42.7155L25.2535 42.3226V41.7333L23 39.2451C23.5496 37.8701 24.594 37.2153 26.1879 37.2153ZM112.481 43.2393H113.745V43.6322C113.745 44.2869 113.306 44.6143 112.481 44.6143L111.986 45.2036V45.7929L110.722 45.2036V44.2215L112.481 43.2393ZM105.885 48.7394V49.3287C105.885 50.049 104.017 50.8347 100.224 51.6859V50.7038L102.807 49.3287L103.302 49.7216H103.632L105.885 48.7394ZM29.2109 53.7812V54.1741L28.2765 55.1563L27.9467 54.7634V54.1741L28.2765 53.7812H29.2109ZM93.1888 53.7812V54.1741C91.5398 55.6801 88.9016 56.9897 85.219 58.2337V57.2516C85.8236 57.2516 86.1534 56.7278 86.1534 55.7456L93.1888 53.7812ZM115.504 58.6266L115.999 59.2159V59.6088L115.174 60.7219H114.68L113.745 59.6088V59.2159L115.504 58.6266ZM131.718 59.2159H132.213V59.6088L131.389 60.7219H130.894V60.1326L131.718 59.2159ZM124.298 66.2221L126.057 67.5971C125.727 68.6448 124.903 69.1031 123.474 69.1031L122.539 67.5971C122.539 67.1388 123.144 66.6804 124.298 66.2221ZM134.906 72.6389L135.236 73.2282V73.6211L134.906 74.2104H133.972V73.6211L134.906 72.6389ZM118.197 77.6807V78.0736L115.944 80.1689H114.68V79.5796C114.68 78.7939 115.889 78.1391 118.197 77.6807ZM45.4252 97.1277H45.9199V97.5206C44.7657 100.598 43.7213 102.431 42.8419 103.086H41.9075V100.991L45.4252 97.1277ZM102.862 120.438H103.357V121.42L99.8394 123.515L99.3447 122.926V121.944L102.862 120.438ZM54.6042 127.051H55.4286L56.8577 132.486H55.9233L54.6591 127.444L54.6042 127.051ZM101.543 133.468H101.873L103.302 134.974L102.807 135.367H102.313L101.488 133.992L101.543 133.468Z" fill="white"/>
+    <path d="M141.007 27.3281H142.271L141.447 28.3103H140.952V27.3281H141.007ZM45.9199 29.6853V30.7985L42.8419 35.251H42.3473L41.8526 31.7806C43.7213 30.4056 45.0405 29.6853 45.9199 29.6853ZM157.222 31.2568C159.86 31.2568 161.344 33.2866 161.674 37.2808L159.42 56.1385H160.245L162.003 54.7634H162.498V55.1563C160.08 56.9242 157.716 61.7696 155.463 69.6924C154.583 76.5021 153.154 82.788 151.121 88.5501C149.307 94.5086 148.427 100.009 148.427 105.051L145.02 115.003C145.02 115.854 146.284 116.706 148.867 117.491C148.372 119.456 147.713 120.438 146.778 120.438V121.027H147.603V121.42C147.603 122.468 146.284 122.926 143.591 122.926L144.085 123.515V125.48H143.261C143.81 127.444 144.965 128.426 146.778 128.426V129.408H143.261V129.998C144.415 129.998 145.02 130.849 145.02 132.486L140.073 134.45L140.568 135.039V135.432C140.568 136.087 139.963 136.415 138.809 136.415V137.004C140.293 137.004 141.062 137.331 141.062 137.986C138.974 138.837 136.17 142.962 132.708 150.427C129.19 157.04 126.112 160.379 123.529 160.379H122.594C120.616 158.873 119.022 153.963 117.758 145.581C112.756 132.813 110.228 125.283 110.228 123.057C110.228 117.295 108.634 111.14 105.391 104.592C104.511 101.711 103.962 98.0444 103.632 93.6574L101.543 93.0681C96.2118 102.693 93.4636 110.158 93.1888 115.593C91.7047 118.735 90.5505 122.599 89.6711 127.051C92.859 128.099 94.5079 129.081 94.5079 129.998V130.587C91.9795 130.194 90.2207 129.539 89.2314 128.492C88.1321 130.98 86.703 137.986 84.8892 149.445C83.4602 154.748 81.7013 157.433 79.6127 157.433C73.6766 155.076 68.6749 151.278 64.7175 145.974C64.1129 145.974 63.0686 143.29 61.6395 137.986C60.7601 137.986 60.2105 135.301 59.8807 129.998C56.9127 122.468 54.879 113.825 53.7797 104.134V89.5977H53.285L51.1964 90.187V89.5977C51.1964 88.9429 51.9109 88.6156 53.285 88.6156L52.7904 80.2344V73.6866L49.3826 52.7336V43.7631C50.8666 38.1975 53.4499 35.3819 57.1325 35.3819H81.8112V36.3641C79.8325 36.4296 78.5134 36.9534 77.7989 37.8701C76.3149 36.8224 74.8858 36.3641 73.4568 36.3641H68.6199L65.9267 36.757L65.432 36.3641H65.1023L61.5846 36.757L59.8257 36.3641L58.5616 36.757L57.1325 36.3641C62.8487 43.8286 66.2015 50.1145 67.2458 55.2218H71.2582V56.2039H68.1802V57.3171C69.3345 61.6386 70.2139 63.7339 70.7635 63.7339H71.6979L73.7865 63.1446L74.2812 63.7339L74.7759 63.1446L75.2706 63.7339V64.1268C73.7316 65.2399 72.6323 66.8114 72.0827 68.7102H71.7529V69.6924H72.5773C73.6766 85.2762 75.7103 97.0622 78.6783 105.051L80.4371 106.426H81.3715C82.5258 106.426 84.9991 100.991 88.7916 90.0561C91.2101 85.1452 92.9689 80.7582 94.0682 77.026L93.5735 75.5199C95.9919 71.8532 98.5202 70.0853 101.104 70.0853H101.928C103.577 70.0853 104.731 71.1329 105.446 73.1628C107.644 76.2402 109.403 80.8237 110.722 86.9786L117.318 101.515C118.197 102.562 118.582 103.676 118.582 104.985C121 110.485 123.199 114.152 125.178 115.92H126.607C128.256 115.92 130.454 109.11 133.202 95.4907C133.697 95.4907 134.961 91.824 137.05 84.5559V83.9666L129.63 82.9845L127.871 83.5738H125.617V82.4606L130.069 82.0677H138.754C142.107 70.0198 145.184 60.7219 148.043 54.1086C148.977 40.4892 150.296 33.6795 151.89 33.6795L157.222 31.2568V31.2568ZM132.213 32.7628C131.718 34.0724 130.729 34.7271 129.135 34.7271V33.745L132.213 32.7628V32.7628ZM87.9122 35.3164H99.7844V36.2986L97.0912 36.6915L94.5079 36.2986L92.2544 37.2808L91.4299 36.2986H87.9122V35.3164V35.3164ZM26.1879 37.2153H27.4521L28.2765 38.1975V38.7868L25.6932 41.7333V44.2215H24.7588V42.7155L25.2535 42.3226V41.7333L23 39.2451C23.5496 37.8701 24.594 37.2153 26.1879 37.2153V37.2153ZM112.481 43.2393H113.745V43.6322C113.745 44.2869 113.306 44.6143 112.481 44.6143L111.986 45.2036V45.7929L110.722 45.2036V44.2215L112.481 43.2393V43.2393ZM105.885 48.7394V49.3287C105.885 50.049 104.017 50.8347 100.224 51.6859V50.7038L102.807 49.3287L103.302 49.7216H103.632L105.885 48.7394ZM29.2109 53.7812V54.1741L28.2765 55.1563L27.9467 54.7634V54.1741L28.2765 53.7812H29.2109ZM93.1888 53.7812V54.1741C91.5398 55.6801 88.9016 56.9897 85.219 58.2337V57.2516C85.8236 57.2516 86.1534 56.7278 86.1534 55.7456L93.1888 53.7812ZM115.504 58.6266L115.999 59.2159V59.6088L115.174 60.7219H114.68L113.745 59.6088V59.2159L115.504 58.6266ZM131.718 59.2159H132.213V59.6088L131.389 60.7219H130.894V60.1326L131.718 59.2159V59.2159ZM124.298 66.2221L126.057 67.5971C125.727 68.6448 124.903 69.1031 123.474 69.1031L122.539 67.5971C122.539 67.1388 123.144 66.6804 124.298 66.2221ZM134.906 72.6389L135.236 73.2282V73.6211L134.906 74.2104H133.972V73.6211L134.906 72.6389ZM118.197 77.6807V78.0736L115.944 80.1689H114.68V79.5796C114.68 78.7939 115.889 78.1391 118.197 77.6807V77.6807ZM45.4252 97.1277H45.9199V97.5206C44.7657 100.598 43.7213 102.431 42.8419 103.086H41.9075V100.991L45.4252 97.1277V97.1277ZM102.862 120.438H103.357V121.42L99.8394 123.515L99.3447 122.926V121.944L102.862 120.438ZM54.6042 127.051H55.4286L56.8577 132.486H55.9233L54.6591 127.444L54.6042 127.051ZM101.543 133.468H101.873L103.302 134.974L102.807 135.367H102.313L101.488 133.992L101.543 133.468" fill="#0000FF"/>
   </g>
   <defs>
     <filter id="filter0_d" x="5.73584" y="13" width="188" height="188" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/xterm.svg b/svg/static/xterm.svg
index c2aeea3..b9dcde7 100644
--- a/svg/static/xterm.svg
+++ b/svg/static/xterm.svg
@@ -2,15 +2,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
     <g filter="url(#filter0_d)">
-      <path d="M132.5 34.9048V25.5647C126.326 25.1962 120.159 26.4059 114.568 29.0825C108.976 31.7592 104.138 35.8169 100.5 40.8824C96.8617 35.8169 92.0242 31.7592 86.4324 29.0825C80.8406 26.4059 74.6741 25.1962 68.5 25.5647V34.9048C80.4885 33.317 92.1081 40.5088 96.1657 52.0905V99.7247H86.9438V109.065H96.1657V147.919C92.0158 159.501 80.4885 166.599 68.5 165.105V174.445C74.6604 174.782 80.8073 173.567 86.3913 170.911C91.9753 168.254 96.8225 164.238 100.5 159.221C104.177 164.238 109.025 168.254 114.609 170.911C120.193 173.567 126.34 174.782 132.5 174.445V165.105C126.736 165.709 120.939 164.346 116.027 161.233C111.115 158.119 107.371 153.434 105.388 147.919V108.971H114.61V99.6313H105.388V52.1839C107.34 46.6426 111.075 41.9267 115.992 38.7931C120.909 35.6596 126.723 34.2902 132.5 34.9048Z" fill="white"/>
-      <path d="M132.077 38.8823L136.5 39.3529V34.9048V25.5647V21.7964L132.738 21.5718C125.885 21.1628 119.043 22.5057 112.841 25.4746C108.183 27.7041 104 30.796 100.5 34.5729C96.9997 30.796 92.8171 27.7041 88.1594 25.4746C81.9573 22.5057 75.1146 21.1628 68.2617 21.5718L64.5 21.7964V25.5647V34.9048V39.4695L69.0252 38.8701C78.8944 37.563 88.5366 43.3407 92.1657 52.7999V95.7247H86.9438H82.9438V99.7247V109.065V113.065H86.9438H92.1657V147.195C88.4566 156.663 78.8864 162.369 68.9948 161.136L64.5 160.575V165.105V174.445V178.232L68.2818 178.439C75.1112 178.812 81.9237 177.466 88.1097 174.523C92.7753 172.303 96.9735 169.228 100.5 165.47C104.027 169.228 108.225 172.303 112.89 174.523C119.076 177.466 125.889 178.812 132.718 178.439L136.5 178.232V174.445V165.105V160.664L132.083 161.127C127.219 161.637 122.322 160.487 118.168 157.854C114.2 155.339 111.124 151.605 109.388 147.193V112.971H114.61H118.61V108.971V99.6313V95.6313H114.61H109.388V52.897C111.099 48.46 114.168 44.6987 118.142 42.1663C122.297 39.518 127.204 38.364 132.077 38.8823Z" stroke="white" stroke-width="8"/>
+      <path d="M132.5 34.9048V25.5647C126.326 25.1962 120.159 26.4059 114.568 29.0825C108.976 31.7592 104.138 35.8169 100.5 40.8824C96.8617 35.8169 92.0242 31.7592 86.4324 29.0825C80.8406 26.4059 74.6741 25.1962 68.5 25.5647V34.9048C80.4885 33.317 92.1081 40.5088 96.1657 52.0905V99.7247H86.9438V109.065H96.1657V147.919C92.0158 159.501 80.4885 166.599 68.5 165.105V174.445C74.6604 174.782 80.8073 173.567 86.3913 170.911C91.9753 168.254 96.8225 164.238 100.5 159.221C104.177 164.238 109.025 168.254 114.609 170.911C120.193 173.567 126.34 174.782 132.5 174.445V165.105C126.736 165.709 120.939 164.346 116.027 161.233C111.115 158.119 107.371 153.434 105.388 147.919V108.971H114.61V99.6313H105.388V52.1839C107.34 46.6426 111.075 41.9267 115.992 38.7931C120.909 35.6596 126.723 34.2902 132.5 34.9048Z" fill="#0000FF"/>
+      <path d="M132.077 38.8823L136.5 39.3529V34.9048V25.5647V21.7964L132.738 21.5718C125.885 21.1628 119.043 22.5057 112.841 25.4746C108.183 27.7041 104 30.796 100.5 34.5729C96.9997 30.796 92.8171 27.7041 88.1594 25.4746C81.9573 22.5057 75.1146 21.1628 68.2617 21.5718L64.5 21.7964V25.5647V34.9048V39.4695L69.0252 38.8701C78.8944 37.563 88.5366 43.3407 92.1657 52.7999V95.7247H86.9438H82.9438V99.7247V109.065V113.065H86.9438H92.1657V147.195C88.4566 156.663 78.8864 162.369 68.9948 161.136L64.5 160.575V165.105V174.445V178.232L68.2818 178.439C75.1112 178.812 81.9237 177.466 88.1097 174.523C92.7753 172.303 96.9735 169.228 100.5 165.47C104.027 169.228 108.225 172.303 112.89 174.523C119.076 177.466 125.889 178.812 132.718 178.439L136.5 178.232V174.445V165.105V160.664L132.083 161.127C127.219 161.637 122.322 160.487 118.168 157.854C114.2 155.339 111.124 151.605 109.388 147.193V112.971H114.61H118.61V108.971V99.6313V95.6313H114.61H109.388V52.897C111.099 48.46 114.168 44.6987 118.142 42.1663C122.297 39.518 127.204 38.364 132.077 38.8823Z" stroke="#0000FF" stroke-width="8"/>
     </g>
-    <path d="M132.5 34.9048V25.5647C126.326 25.1962 120.159 26.4059 114.568 29.0825C108.976 31.7592 104.138 35.8169 100.5 40.8824C96.8617 35.8169 92.0242 31.7592 86.4324 29.0825C80.8406 26.4059 74.6741 25.1962 68.5 25.5647V34.9048C80.4885 33.317 92.1081 40.5088 96.1657 52.0905V99.7247H86.9438V109.065H96.1657V147.919C92.0159 159.501 80.4885 166.599 68.5 165.105V174.445C74.6604 174.782 80.8073 173.567 86.3913 170.911C91.9753 168.254 96.8225 164.238 100.5 159.221C104.177 164.238 109.025 168.254 114.609 170.911C120.193 173.567 126.34 174.782 132.5 174.445V165.105C126.736 165.709 120.939 164.346 116.027 161.233C111.115 158.119 107.37 153.434 105.388 147.919V108.971H114.61V99.6313H105.388V52.1839C107.34 46.6426 111.075 41.9267 115.992 38.7931C120.909 35.6595 126.723 34.2902 132.5 34.9048Z" fill="black" stroke="black" stroke-width="2"/>
+    <path d="M132.5 34.9048V25.5647C126.326 25.1962 120.159 26.4059 114.568 29.0825C108.976 31.7592 104.138 35.8169 100.5 40.8824C96.8617 35.8169 92.0242 31.7592 86.4324 29.0825C80.8406 26.4059 74.6741 25.1962 68.5 25.5647V34.9048C80.4885 33.317 92.1081 40.5088 96.1657 52.0905V99.7247H86.9438V109.065H96.1657V147.919C92.0158 159.501 80.4885 166.599 68.5 165.105V174.445C74.6604 174.782 80.8073 173.567 86.3913 170.911C91.9753 168.254 96.8225 164.238 100.5 159.221C104.177 164.238 109.025 168.254 114.609 170.911C120.193 173.567 126.34 174.782 132.5 174.445V165.105C126.736 165.709 120.939 164.346 116.027 161.233C111.115 158.119 107.371 153.434 105.388 147.919V108.971H114.61V99.6313H105.388V52.1839C107.34 46.6426 111.075 41.9267 115.992 38.7931C120.909 35.6596 126.723 34.2902 132.5 34.9048Z" fill="#00FF00" stroke="#00FF00" stroke-width="2"/>
   </g>
   <defs>
     <filter id="filter0_d" x="38.5" y="4.5" width="120" height="205" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/zoom-in.svg b/svg/static/zoom-in.svg
index 3ccaabf..a0cce9d 100644
--- a/svg/static/zoom-in.svg
+++ b/svg/static/zoom-in.svg
@@ -1,20 +1,21 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" fill="#0000FF"/>
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" stroke="black" stroke-width="7"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" fill="#0000FF"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" stroke="#00FF00" stroke-width="7"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M108 67H88V48H68V67H48V85.81H68V105H88V85.81H108V67Z" fill="black"/>
+    <path d="M87.5 67V67.5H88H107.5V85.31H88H87.5V85.81V104.5H68.5V85.81V85.31H68H48.5V67.5H68H68.5V67V48.5H87.5V67Z" fill="#00FF00" stroke="#00FF00"/>
     <g filter="url(#filter1_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M162.196 171L176 157.814L122.804 107L109 120.186L162.196 171Z" fill="black"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M162.196 171L176 157.814L122.804 107L109 120.186L162.196 171Z" fill="#00FF00"/>
+      <path d="M122.804 107.691L175.276 157.814L162.196 170.309L109.724 120.186L122.804 107.691Z" stroke="#00FF00"/>
     </g>
   </g>
   <defs>
     <filter id="filter0_d" x="-1.5" y="8.5" width="155" height="150" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
@@ -23,7 +24,7 @@
     </filter>
     <filter id="filter1_d" x="87" y="94" width="107" height="104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
diff --git a/svg/static/zoom-out.svg b/svg/static/zoom-out.svg
index 06eeefa..b3ae269 100644
--- a/svg/static/zoom-out.svg
+++ b/svg/static/zoom-out.svg
@@ -1,20 +1,20 @@
 <?xml version="1.0"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
   <g clip-path="url(#clip0)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" fill="#0000FF"/>
     <g filter="url(#filter0_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" stroke="black" stroke-width="7"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" fill="#0000FF"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" stroke="#00FF00" stroke-width="7"/>
     </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M108 86H48V68H108V86Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M108 86H48V68H108V86Z" fill="#00FF00"/>
     <g filter="url(#filter1_d)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M164.784 176L179 162.196L124.216 109L110 122.804L164.784 176Z" fill="black"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M164.784 176L179 162.196L124.216 109L110 122.804L164.784 176Z" fill="#00FF00"/>
     </g>
   </g>
   <defs>
     <filter id="filter0_d" x="-3.5" y="8.5" width="159" height="154" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
@@ -23,7 +23,7 @@
     </filter>
     <filter id="filter1_d" x="88" y="96" width="109" height="107" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
       <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
       <feOffset dx="-2" dy="7"/>
       <feGaussianBlur stdDeviation="10"/>
       <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>