1 files changed, 109 insertions, 14 deletions
diff --git a/Flat Remix/apps/scalable/swatchbooker.svg b/Flat Remix/apps/scalable/swatchbooker.svg
index 9a5b7107c..57a1aaef7 100644
--- a/Flat Remix/apps/scalable/swatchbooker.svg
+++ b/Flat Remix/apps/scalable/swatchbooker.svg
@@ -1,15 +1,110 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1.1" viewBox="0 0 64 64">
- <path style="opacity:0.2" d="M 31.375,9.77722 C 28.193242,9.969829 25.196626,11.678423 23.5,14.617064 L 5.296875,46.1405 c -0.8848866,1.53267 -1.2543954,3.205486 -1.25,4.859376 l 15.953125,0 0,8.078124 c 1.036282,-0.766904 1.935868,-1.750652 2.621094,-2.9375 L 40.820312,24.617064 C 43.534912,19.915238 41.856374,13.898782 37.058594,11.128782 35.259426,10.090032 33.284056,9.661655 31.375,9.77722 Z"/>
- <path style="opacity:0.2" d="m 45.984376,22.914094 c -1.892182,-0.15016 -3.83838,0.24765 -5.601564,1.265626 L 8.859375,42.378938 c -3.1656268,1.827676 -4.8592986,5.170296 -4.8125,8.621094 L 20,51.000032 20,59.043 50.382812,41.500032 c 4.701826,-2.7146 6.258282,-8.760814 3.488282,-13.558594 -1.73125,-2.998612 -4.733082,-4.777078 -7.886718,-5.027344 z"/>
- <rect style="opacity:0.2" width="56" height="20" x="4" y="41" rx="9.8" ry="10"/>
- <path style="fill:#4f4f4f" d="M 14,4 C 8.46,4 4,8.3715812 4,13.800781 L 4,50 l 16,0 0,8.007812 c 2.418254,-1.785506 4,-4.599638 4,-7.808594 L 24,13.800781 C 24,8.3715812 19.54,4 14,4 Z"/>
- <path style="opacity:0.1;fill:#ffffff" d="M 14 4 C 8.46 4 4 8.3715814 4 13.800781 L 4 14.800781 C 4 9.3715816 8.46 5 14 5 C 19.54 5 24 9.3715816 24 14.800781 L 24 13.800781 C 24 8.3715814 19.54 4 14 4 z"/>
- <path style="fill:#4d4e99" d="M 31.375,8.7773438 C 28.193242,8.9699526 25.196626,10.678547 23.5,13.617188 L 5.296875,45.140624 C 4.4119884,46.673294 4.0424796,48.34611 4.046875,50 L 20,50 l 0,8.078124 c 1.036282,-0.766904 1.935868,-1.750652 2.621094,-2.9375 L 40.820312,23.617188 C 43.534912,18.915362 41.856374,12.898906 37.058594,10.128906 35.259426,9.0901562 33.284056,8.6617784 31.375,8.7773438 Z"/>
- <path style="fill:#e74949" d="m 45.984376,21.914062 c -1.892182,-0.15016 -3.83838,0.24765 -5.601564,1.265626 L 8.859375,41.378906 C 5.6937482,43.206582 4.0000764,46.549202 4.046875,50 L 20,50 20,58.042968 50.382812,40.5 c 4.701826,-2.7146 6.258282,-8.760814 3.488282,-13.558594 -1.73125,-2.998612 -4.733082,-4.777078 -7.886718,-5.027344 z"/>
- <rect style="fill:#ffc255" width="56" height="20" x="4" y="40" rx="9.8" ry="10"/>
- <circle style="opacity:0.2" cx="14" cy="51" r="4"/>
- <circle style="fill:#ffffff" cx="14" cy="50" r="4"/>
- <path style="opacity:0.1;fill:#ffffff" d="M 32.09375 8.7597656 C 31.853519 8.7570833 31.613632 8.7628981 31.375 8.7773438 C 28.193242 8.9699525 25.196626 10.678547 23.5 13.617188 L 5.296875 45.140625 C 4.4119884 46.673295 4.0424796 48.34611 4.046875 50 L 4.1015625 50 C 4.2228395 48.678024 4.5900754 47.364839 5.296875 46.140625 L 23.5 14.617188 C 25.196626 11.678546 28.193242 9.9699525 31.375 9.7773438 C 33.284056 9.6617784 35.259426 10.090156 37.058594 11.128906 C 40.139881 12.907889 41.925003 16.026544 42.095703 19.275391 C 42.278062 15.678308 40.45539 12.090048 37.058594 10.128906 C 35.484322 9.2200002 33.775365 8.7785417 32.09375 8.7597656 z"/>
- <path style="opacity:0.1;fill:#ffffff" d="M 45.273438 21.882812 C 43.609203 21.872278 41.925599 22.288958 40.382812 23.179688 L 8.859375 41.378906 C 5.6937482 43.206582 4.0000764 46.549202 4.046875 50 L 4.0976562 50 C 4.3583524 46.915297 6.0011947 44.029078 8.859375 42.378906 L 40.382812 24.179688 C 42.145997 23.161712 44.092193 22.763903 45.984375 22.914062 C 49.138011 23.164328 52.139844 24.942794 53.871094 27.941406 C 54.713556 29.400593 55.151267 30.975811 55.226562 32.537109 C 55.32413 30.655576 54.893975 28.713088 53.871094 26.941406 C 52.139844 23.942794 49.138011 22.164328 45.984375 21.914062 C 45.747852 21.895293 45.511185 21.884317 45.273438 21.882812 z"/>
- <path style="opacity:0.1;fill:#ffffff" d="M 13.800781 40 C 8.3715811 40 4 44.46 4 50 C 4 50.168849 4.0173642 50.333254 4.0253906 50.5 C 4.2807145 45.195719 8.5370528 41 13.800781 41 L 50.199219 41 C 55.462947 41 59.719285 45.195719 59.974609 50.5 C 59.982636 50.333254 60 50.168849 60 50 C 60 44.46 55.628419 40 50.199219 40 L 13.800781 40 z"/>
+<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 188.25 58.664062 C 169.160156 59.820312 151.179688 70.070312 141 87.703125 L 31.78125 276.84375 C 26.472656 286.039062 24.253906 296.074219 24.28125 306 L 120 306 L 120 354.46875 C 126.21875 349.867188 131.613281 343.964844 135.726562 336.84375 L 244.921875 147.703125 C 261.210938 119.492188 251.136719 83.394531 222.351562 66.773438 C 211.554688 60.539062 199.703125 57.96875 188.25 58.664062 Z M 188.25 58.664062"/>
+  </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(0%,0%,0%)" d="M 275.90625 137.484375 C 264.554688 136.582031 252.875 138.96875 242.296875 145.078125 L 53.15625 254.273438 C 34.164062 265.238281 24 285.296875 24.28125 306 L 120 306 L 120 354.257812 L 302.296875 249 C 330.507812 232.710938 339.847656 196.433594 323.226562 167.648438 C 312.839844 149.65625 294.828125 138.984375 275.90625 137.484375 Z M 275.90625 137.484375"/>
+  </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 82.800781 246 L 301.199219 246 C 333.675781 246 360 272.863281 360 306 C 360 339.136719 333.675781 366 301.199219 366 L 82.800781 366 C 50.324219 366 24 339.136719 24 306 C 24 272.863281 50.324219 246 82.800781 246 Z M 82.800781 246"/>
+  </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.101961"/>
+   </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(100%,100%,100%)" d="M 84 24 C 50.761719 24 24 50.230469 24 82.804688 L 24 88.804688 C 24 56.230469 50.761719 30 84 30 C 117.238281 30 144 56.230469 144 88.804688 L 144 82.804688 C 144 50.230469 117.238281 24 84 24 Z M 84 24"/>
+  </g>
+  <mask id="mask4">
+   <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="clip5">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface17" clip-path="url(#clip5)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 108 306 C 108 319.253906 97.253906 330 84 330 C 70.746094 330 60 319.253906 60 306 C 60 292.746094 70.746094 282 84 282 C 97.253906 282 108 292.746094 108 306 Z M 108 306"/>
+  </g>
+  <mask id="mask5">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip6">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface20" clip-path="url(#clip6)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 192.5625 52.558594 C 191.121094 52.542969 189.683594 52.578125 188.25 52.664062 C 169.160156 53.820312 151.179688 64.070312 141 81.703125 L 31.78125 270.84375 C 26.472656 280.039062 24.253906 290.078125 24.28125 300 L 24.609375 300 C 25.335938 292.066406 27.539062 284.1875 31.78125 276.84375 L 141 87.703125 C 151.179688 70.070312 169.160156 59.820312 188.25 58.664062 C 199.703125 57.96875 211.554688 60.539062 222.351562 66.773438 C 240.839844 77.449219 251.550781 96.160156 252.574219 115.652344 C 253.667969 94.070312 242.730469 72.539062 222.351562 60.773438 C 212.90625 55.320312 202.652344 52.671875 192.5625 52.558594 Z M 192.5625 52.558594"/>
+  </g>
+  <mask id="mask6">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip7">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface23" clip-path="url(#clip7)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 271.640625 131.296875 C 261.65625 131.234375 251.554688 133.734375 242.296875 139.078125 L 53.15625 248.273438 C 34.164062 259.238281 24 279.296875 24.28125 300 L 24.585938 300 C 26.148438 281.492188 36.007812 264.175781 53.15625 254.273438 L 242.296875 145.078125 C 252.875 138.96875 264.554688 136.582031 275.90625 137.484375 C 294.828125 138.984375 312.839844 149.65625 323.226562 167.648438 C 328.28125 176.402344 330.90625 185.855469 331.359375 195.222656 C 331.945312 183.933594 329.363281 172.277344 323.226562 161.648438 C 312.839844 143.65625 294.828125 132.984375 275.90625 131.484375 C 274.488281 131.371094 273.066406 131.304688 271.640625 131.296875 Z M 271.640625 131.296875"/>
+  </g>
+  <mask id="mask7">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip8">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface26" clip-path="url(#clip8)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 82.804688 240 C 50.230469 240 24 266.761719 24 300 C 24 301.011719 24.105469 302 24.152344 303 C 25.683594 271.175781 51.222656 246 82.804688 246 L 301.195312 246 C 332.777344 246 358.316406 271.175781 359.847656 303 C 359.894531 302 360 301.011719 360 300 C 360 266.761719 333.769531 240 301.195312 240 Z M 82.804688 240"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <path style="fill:rgb(30.980392%,30.980392%,30.980392%)" d="M 84 24 C 50.761719 24 24 50.230469 24 82.804688 L 24 300 L 120 300 L 120 348.046875 C 134.507812 337.332031 144 320.449219 144 301.195312 L 144 82.804688 C 144 50.230469 117.238281 24 84 24 Z M 84 24"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+  <path style="fill:rgb(30.196078%,30.588235%,60%)" d="M 188.25 52.664062 C 169.160156 53.820312 151.179688 64.070312 141 81.703125 L 31.78125 270.84375 C 26.472656 280.039062 24.253906 290.078125 24.28125 300 L 120 300 L 120 348.46875 C 126.21875 343.867188 131.613281 337.964844 135.726562 330.84375 L 244.921875 141.703125 C 261.210938 113.492188 251.136719 77.394531 222.351562 60.773438 C 211.554688 54.539062 199.703125 51.96875 188.25 52.664062 Z M 188.25 52.664062"/>
+  <path style="fill:rgb(90.588235%,28.627451%,28.627451%)" d="M 275.90625 131.484375 C 264.554688 130.582031 252.875 132.96875 242.296875 139.078125 L 53.15625 248.273438 C 34.164062 259.238281 24 279.296875 24.28125 300 L 120 300 L 120 348.257812 L 302.296875 243 C 330.507812 226.710938 339.847656 190.433594 323.226562 161.648438 C 312.839844 143.65625 294.828125 132.984375 275.90625 131.484375 Z M 275.90625 131.484375"/>
+  <path style="fill:rgb(100%,76.078431%,33.333333%)" d="M 82.800781 240 L 301.199219 240 C 333.675781 240 360 266.863281 360 300 C 360 333.136719 333.675781 360 301.199219 360 L 82.800781 360 C 50.324219 360 24 333.136719 24 300 C 24 266.863281 50.324219 240 82.800781 240 Z M 82.800781 240"/>
+  <use mask="url(#mask4)" xlink:href="#surface17"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 108 300 C 108 313.253906 97.253906 324 84 324 C 70.746094 324 60 313.253906 60 300 C 60 286.746094 70.746094 276 84 276 C 97.253906 276 108 286.746094 108 300 Z M 108 300"/>
+  <use mask="url(#mask5)" xlink:href="#surface20"/>
+  <use mask="url(#mask6)" xlink:href="#surface23"/>
+  <use mask="url(#mask7)" xlink:href="#surface26"/>
+ </g>
 </svg>