1 files changed, 63 insertions, 12 deletions
diff --git a/Flat Remix/apps/scalable/mellowplayer.svg b/Flat Remix/apps/scalable/mellowplayer.svg
index cb08e748b..76850bf08 100644
--- a/Flat Remix/apps/scalable/mellowplayer.svg
+++ b/Flat Remix/apps/scalable/mellowplayer.svg
@@ -1,13 +1,64 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" x="0" y="0" version="1.1" viewBox="-2.01 0 64 64">
- <path style="opacity:.2" d="m20.99 5.002a17 17 0 0 0 -17 17 17 17 0 0 0 4.0507814 10.988282 17 17 0 0 0 -4.0507812 11.011718 17 17 0 0 0 17 17 17 17 0 0 0 16.308594 -12.246094 16 16 0 0 0 2.691406 0.246094 16 16 0 0 0 16 -16 16 16 0 0 0 -16 -16 16 16 0 0 0 -2.695312 0.230469 17 17 0 0 0 -16.304688 -12.230469z"/>
- <circle style="fill:#5f81d4" cx="39.99" cy="32.002" r="16"/>
- <circle style="fill:#5f81d4" cx="20.99" cy="21.002" r="17"/>
- <path style="opacity:.2;fill:#ffffff" d="m23 4a17 17 0 0 0 -17 17 17 17 0 0 0 0.0214844 0.419922 17 17 0 0 1 16.978516 -16.419922 17 17 0 0 1 16.306641 12.228516 16 16 0 0 1 2.693359 -0.228516 16 16 0 0 1 15.978516 15.580078 16 16 0 0 0 0.021484 -0.580078 16 16 0 0 0 -16 -16 16 16 0 0 0 -2.693359 0.228516 17 17 0 0 0 -16.306641 -12.228516z" transform="translate(-2.01 .002)"/>
- <circle style="fill:#5f81d4" cx="20.99" cy="43.002" r="17"/>
- <path style="opacity:.2" d="m31.99 13.002a10 10 0 0 0 -10 10 10 10 0 0 0 10 10 10 10 0 0 0 10 -10 10 10 0 0 0 -10 -10zm0 20a10 10 0 0 0 -10 10 10 10 0 0 0 10 10 10 10 0 0 0 10 -10 10 10 0 0 0 -10 -10zm-18-10a10 10 0 0 0 -9.9999998 10 10 10 0 0 0 9.9999998 10 10 10 0 0 0 10 -10 10 10 0 0 0 -10 -10z"/>
- <circle style="fill:#f2f2f2" cx="13.99" cy="32.002" r="10"/>
- <circle style="fill:#f2f2f2" cx="31.99" cy="42.002" r="10"/>
- <circle style="fill:#f2f2f2" cx="31.99" cy="22.002" r="10"/>
- <path style="opacity:.2" d="m14.642768 13.113643c0.687728-0.339114 1.348426 0.202457 1.348426 0.202457l15.777666 9.197598 15.255118 8.902018s0.966022 0.464636 0.966022 1.57511c0 1.113512-0.974028 1.475908-0.974028 1.475908l-15.282148 8.902014-16.133044 9.397022s-0.470496 0.412-1.077137 0.1478c-0.692733-0.303688-0.512541-1.07606-0.512541-1.07606v-18.896282-18.591584c0.001 0-0.07607-0.886759 0.631666-1.235997z"/>
- <path style="fill:#ffbf00" d="m14.642768 12.113642c0.687728-0.339113 1.348426 0.202457 1.348426 0.202457l15.777666 9.197599 15.255118 8.902018s0.966022 0.464636 0.966022 1.57511c0 1.113512-0.974028 1.475908-0.974028 1.475908l-15.282148 8.902014-16.133044 9.397022s-0.470496 0.412-1.077137 0.1478c-0.692733-0.303688-0.512541-1.07606-0.512541-1.07606v-18.896282-18.591585c0.001 0-0.07607-0.886758 0.631666-1.235997z"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384pt" height="384pt" version="1.1" viewBox="0 0 384 384">
+ <defs>
+  <filter id="alpha" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+   <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+  </filter>
+  <mask id="mask0">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip1">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface5" clip-path="url(#clip1)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 138 30.011719 C 81.667969 30.011719 36 75.679688 36 132.011719 C 36.039062 156.171875 44.648438 179.539062 60.304688 197.941406 C 44.617188 216.382812 36.003906 239.800781 36 264.011719 C 36 320.34375 81.667969 366.011719 138 366.011719 C 183.316406 365.976562 223.179688 336.046875 235.851562 292.535156 C 241.183594 293.480469 246.585938 293.976562 252 294.011719 C 305.019531 294.011719 348 251.03125 348 198.011719 C 348 144.992188 305.019531 102.011719 252 102.011719 C 246.578125 102.015625 241.171875 102.476562 235.828125 103.394531 C 223.125 59.929688 183.285156 30.046875 138 30.011719 Z M 138 30.011719"/>
+  </g>
+  <mask id="mask1">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip2">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface8" clip-path="url(#clip2)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 138 24.011719 C 81.667969 24.011719 36 69.679688 36 126.011719 C 36.03125 126.851562 36.074219 127.691406 36.128906 128.53125 C 38.003906 73.613281 83.046875 30.050781 138 30.011719 C 183.285156 30.039062 223.128906 59.917969 235.839844 103.382812 C 241.179688 102.472656 246.585938 102.011719 252 102.011719 C 304 102.0625 346.507812 143.507812 347.871094 195.492188 C 347.933594 194.332031 347.976562 193.171875 348 192.011719 C 348 138.992188 305.019531 96.011719 252 96.011719 C 246.585938 96.011719 241.179688 96.472656 235.839844 97.382812 C 223.128906 53.917969 183.285156 24.039062 138 24.011719 Z M 138 24.011719"/>
+  </g>
+  <mask id="mask2">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip3">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface11" clip-path="url(#clip3)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 204 78.011719 C 170.863281 78.011719 144 104.875 144 138.011719 C 144 171.148438 170.863281 198.011719 204 198.011719 C 237.136719 198.011719 264 171.148438 264 138.011719 C 264 104.875 237.136719 78.011719 204 78.011719 Z M 204 198.011719 C 170.863281 198.011719 144 224.875 144 258.011719 C 144 291.148438 170.863281 318.011719 204 318.011719 C 237.136719 318.011719 264 291.148438 264 258.011719 C 264 224.875 237.136719 198.011719 204 198.011719 Z M 96 138.011719 C 62.863281 138.011719 36 164.875 36 198.011719 C 36 231.148438 62.863281 258.011719 96 258.011719 C 129.136719 258.011719 156 231.148438 156 198.011719 C 156 164.875 129.136719 138.011719 96 138.011719 Z M 96 138.011719"/>
+  </g>
+  <mask id="mask3">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip4">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface14" clip-path="url(#clip4)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 99.917969 78.683594 C 104.042969 76.648438 108.007812 79.898438 108.007812 79.898438 L 202.671875 135.082031 L 294.203125 188.496094 C 294.203125 188.496094 300 191.28125 300 197.945312 C 300 204.625 294.15625 206.800781 294.15625 206.800781 L 202.464844 260.210938 L 105.664062 316.59375 C 105.664062 316.59375 102.839844 319.066406 99.203125 317.480469 C 95.046875 315.660156 96.125 311.023438 96.125 311.023438 L 96.125 86.097656 C 96.132812 86.097656 95.671875 80.777344 99.917969 78.683594 Z M 99.917969 78.683594"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <path style="fill:rgb(37.254902%,50.588235%,83.137255%)" d="M 348 192.011719 C 348 245.03125 305.019531 288.011719 252 288.011719 C 198.980469 288.011719 156 245.03125 156 192.011719 C 156 138.992188 198.980469 96.011719 252 96.011719 C 305.019531 96.011719 348 138.992188 348 192.011719 Z M 348 192.011719"/>
+  <path style="fill:rgb(37.254902%,50.588235%,83.137255%)" d="M 240 126.011719 C 240 182.34375 194.332031 228.011719 138 228.011719 C 81.667969 228.011719 36 182.34375 36 126.011719 C 36 69.679688 81.667969 24.011719 138 24.011719 C 194.332031 24.011719 240 69.679688 240 126.011719 Z M 240 126.011719"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <path style="fill:rgb(37.254902%,50.588235%,83.137255%)" d="M 240 258.011719 C 240 314.34375 194.332031 360.011719 138 360.011719 C 81.667969 360.011719 36 314.34375 36 258.011719 C 36 201.679688 81.667969 156.011719 138 156.011719 C 194.332031 156.011719 240 201.679688 240 258.011719 Z M 240 258.011719"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <path style="fill:rgb(94.901961%,94.901961%,94.901961%)" d="M 156 192.011719 C 156 225.148438 129.136719 252.011719 96 252.011719 C 62.863281 252.011719 36 225.148438 36 192.011719 C 36 158.875 62.863281 132.011719 96 132.011719 C 129.136719 132.011719 156 158.875 156 192.011719 Z M 156 192.011719"/>
+  <path style="fill:rgb(94.901961%,94.901961%,94.901961%)" d="M 264 252.011719 C 264 285.148438 237.136719 312.011719 204 312.011719 C 170.863281 312.011719 144 285.148438 144 252.011719 C 144 218.875 170.863281 192.011719 204 192.011719 C 237.136719 192.011719 264 218.875 264 252.011719 Z M 264 252.011719"/>
+  <path style="fill:rgb(94.901961%,94.901961%,94.901961%)" d="M 264 132.011719 C 264 165.148438 237.136719 192.011719 204 192.011719 C 170.863281 192.011719 144 165.148438 144 132.011719 C 144 98.875 170.863281 72.011719 204 72.011719 C 237.136719 72.011719 264 98.875 264 132.011719 Z M 264 132.011719"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+  <path style="fill:rgb(100%,74.901961%,0%)" d="M 99.917969 72.683594 C 104.042969 70.648438 108.007812 73.898438 108.007812 73.898438 L 202.671875 129.082031 L 294.203125 182.496094 C 294.203125 182.496094 300 185.28125 300 191.945312 C 300 198.625 294.15625 200.800781 294.15625 200.800781 L 202.464844 254.210938 L 105.664062 310.59375 C 105.664062 310.59375 102.839844 313.066406 99.203125 311.480469 C 95.046875 309.660156 96.125 305.023438 96.125 305.023438 L 96.125 80.097656 C 96.132812 80.097656 95.671875 74.777344 99.917969 72.683594 Z M 99.917969 72.683594"/>
+ </g>
 </svg>