added some new colors, WiP on masterdice gradient

Qwixx/frontend/inkScape/colorScapes/orange.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="160mm"
+   height="90mm"
+   viewBox="0 0 160 90"
+   version="1.1"
+   id="svg865"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="orange.svg">
+  <defs
+     id="defs859" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="314.32459"
+     inkscape:cy="11.835119"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata862">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:#ff9950;fill-opacity:1;stroke-width:0.264583"
+       id="rect1442"
+       width="160"
+       height="90"
+       x="-0.26458338"
+       y="0.26458332" />
+  </g>
+</svg>

Qwixx/frontend/inkScape/colorScapes/purple.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="160mm"
+   height="90mm"
+   viewBox="0 0 160 90"
+   version="1.1"
+   id="svg865"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="purple.svg">
+  <defs
+     id="defs859" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="336.32459"
+     inkscape:cy="11.835119"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata862">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1;fill:#8737da;fill-opacity:1;stroke-width:0.264583"
+       id="rect1442"
+       width="160"
+       height="90"
+       x="0"
+       y="0" />
+  </g>
+</svg>

Qwixx/frontend/inkScape/sectionDecoration/masterDotfile.svg

@@ -179,36 +179,6 @@
         </meshpatch>
       </meshrow>
     </meshgradient>
-    <meshgradient
-       inkscape:collect="always"
-       id="meshgradient1138"
-       gradientUnits="userSpaceOnUse"
-       x="1.4901161e-08"
-       y="1.4901161e-08"
-       gradientTransform="matrix(5.0799993,0,0,5.0799993,12.7,12.7)">
-      <meshrow
-         id="meshrow1140">
-        <meshpatch
-           id="meshpatch1142">
-          <stop
-             path="c 1.66667,0  3.33333,0  5,0"
-             style="stop-color:#ffffff;stop-opacity:1"
-             id="stop1144" />
-          <stop
-             path="c 0,1.66667  0,3.33333  0,5"
-             style="stop-color:#800080;stop-opacity:1"
-             id="stop1146" />
-          <stop
-             path="c -1.66667,0  -3.33333,0  -5,0"
-             style="stop-color:#ffffff;stop-opacity:1"
-             id="stop1148" />
-          <stop
-             path="c 0,-1.66667  0,-3.33333  0,-5"
-             style="stop-color:#800080;stop-opacity:1"
-             id="stop1150" />
-        </meshpatch>
-      </meshrow>
-    </meshgradient>
     <meshgradient
        inkscape:collect="always"
        id="meshgradient1152"
@@ -419,36 +389,6 @@
         </meshpatch>
       </meshrow>
     </meshgradient>
-    <meshgradient
-       inkscape:collect="always"
-       id="meshgradient174"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.35562198,0,0,0.35562198,4.5675562,-12.986531)"
-       x="1.4901161e-08"
-       y="1.4901161e-08">
-      <meshrow
-         id="meshrow186">
-        <meshpatch
-           id="meshpatch184">
-          <stop
-             path="c 1.66667,0  3.33333,0  5,0"
-             style="stop-color:#ffffff;stop-opacity:1"
-             id="stop176" />
-          <stop
-             path="c 0,1.66667  0,3.33333  0,5"
-             style="stop-color:#800080;stop-opacity:1"
-             id="stop178" />
-          <stop
-             path="c -1.66667,0  -3.33333,0  -5,0"
-             style="stop-color:#ffffff;stop-opacity:1"
-             id="stop180" />
-          <stop
-             path="c 0,-1.66667  0,-3.33333  0,-5"
-             style="stop-color:#800080;stop-opacity:1"
-             id="stop182" />
-        </meshpatch>
-      </meshrow>
-    </meshgradient>
     <meshgradient
        inkscape:collect="always"
        id="meshgradient315"
@@ -651,6 +591,165 @@
         </meshpatch>
       </meshrow>
     </meshgradient>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1500">
+      <rect
+         style="display:inline;fill:#ff00ff;fill-opacity:1;stroke:url(#meshgradient1504);stroke-width:0.983898;stroke-opacity:1"
+         id="rect1502"
+         width="24.416101"
+         height="24.4161"
+         x="7.9191823"
+         y="-24.208794"
+         ry="5.8395634"
+         rx="5.4162478" />
+    </clipPath>
+    <meshgradient
+       inkscape:collect="always"
+       id="meshgradient1504"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3440831,0,0,1.3440831,11.27939,-20.848585)"
+       x="1.4901161e-08"
+       y="1.4901161e-08">
+      <meshrow
+         id="meshrow1516">
+        <meshpatch
+           id="meshpatch1514">
+          <stop
+             path="c 1.66667,0  3.33333,0  5,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1506" />
+          <stop
+             path="c 0,1.66667  0,3.33333  0,5"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1508" />
+          <stop
+             path="c -1.66667,0  -3.33333,0  -5,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1510" />
+          <stop
+             path="c 0,-1.66667  0,-3.33333  0,-5"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1512" />
+        </meshpatch>
+      </meshrow>
+    </meshgradient>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1574">
+      <rect
+         style="display:inline;fill:#ff00ff;fill-opacity:1;stroke:url(#meshgradient1578);stroke-width:0.983898;stroke-opacity:1"
+         id="rect1576"
+         width="24.416101"
+         height="24.4161"
+         x="-5.1922026"
+         y="-13.970746"
+         ry="5.8395634"
+         rx="5.4162478" />
+    </clipPath>
+    <meshgradient
+       inkscape:collect="always"
+       id="meshgradient1578"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.35562199,0,0,0.35562199,4.5675563,-12.986531)"
+       x="1.4901161e-08"
+       y="1.4901161e-08">
+      <meshrow
+         id="meshrow1590">
+        <meshpatch
+           id="meshpatch1588">
+          <stop
+             path="c 1.66667,0  3.33333,0  5,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1580" />
+          <stop
+             path="c 0,1.66667  0,3.33333  0,5"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1582" />
+          <stop
+             path="c -1.66667,0  -3.33333,0  -5,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1584" />
+          <stop
+             path="c 0,-1.66667  0,-3.33333  0,-5"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1586" />
+        </meshpatch>
+      </meshrow>
+    </meshgradient>
+    <meshgradient
+       inkscape:collect="always"
+       id="meshgradient1908"
+       gradientUnits="userSpaceOnUse"
+       x="13.19195"
+       y="13.19195"
+       gradientTransform="translate(-1.4699824,1.4699824)">
+      <meshrow
+         id="meshrow1934">
+        <meshpatch
+           id="meshpatch1936">
+          <stop
+             path="c 8.1387,0  0,24.4161  24.4161,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1938" />
+          <stop
+             path="c 0,8.1387  0,16.2774  0,24.4161"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1940" />
+          <stop
+             path="c -8.1387,0  -17.5469,-7.88445  -24.4161,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1942" />
+          <stop
+             path="c 0,-8.1387  0,-16.2774  0,-24.4161"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1944" />
+        </meshpatch>
+      </meshrow>
+    </meshgradient>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask1975">
+      <rect
+         style="fill:url(#meshgradient1979);fill-opacity:1;stroke:#000000;stroke-width:0.984001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1977"
+         width="24.416101"
+         height="24.416098"
+         x="11.721967"
+         y="14.66193"
+         ry="5.8395634"
+         rx="5.4162478" />
+    </mask>
+    <meshgradient
+       inkscape:collect="always"
+       id="meshgradient1979"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1.4699824,1.4699824)"
+       x="13.19195"
+       y="13.19195">
+      <meshrow
+         id="meshrow1991">
+        <meshpatch
+           id="meshpatch1989">
+          <stop
+             path="c 8.1387,0  0,24.4161  24.4161,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1981" />
+          <stop
+             path="c 0,8.1387  0,16.2774  0,24.4161"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1983" />
+          <stop
+             path="c -8.1387,0  -17.5469,-7.88445  -24.4161,0"
+             style="stop-color:#ffffff;stop-opacity:1"
+             id="stop1985" />
+          <stop
+             path="c 0,-8.1387  0,-16.2774  0,-24.4161"
+             style="stop-color:#800080;stop-opacity:1"
+             id="stop1987" />
+        </meshpatch>
+      </meshrow>
+    </meshgradient>
   </defs>
   <sodipodi:namedview
      id="base"
@@ -659,11 +758,11 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.4"
-     inkscape:cx="55.656207"
-     inkscape:cy="34.885362"
+     inkscape:zoom="3.959798"
+     inkscape:cx="82.833949"
+     inkscape:cy="83.988072"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer14"
+     inkscape:current-layer="layer1"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:pagecheckerboard="true"
@@ -685,30 +784,17 @@
       </cc:Work>
     </rdf:RDF>
   </metadata>
-  <g
-     inkscape:label="box"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
-    <rect
-       style="fill:none;fill-opacity:1;stroke:url(#meshgradient1138);stroke-width:0.983899;stroke-opacity:1"
-       id="rect7"
-       width="24.416101"
-       height="24.416098"
-       x="13.19195"
-       y="13.19195"
-       ry="5.8395634"
-       rx="5.4162478" />
-  </g>
   <g
      inkscape:groupmode="layer"
      id="layer12"
-     inkscape:label="color">
+     inkscape:label="color"
+     sodipodi:insensitive="true">
     <g
        inkscape:groupmode="layer"
        id="layer13"
        inkscape:label="white"
-       style="display:none">
+       style="display:none"
+       sodipodi:insensitive="true">
       <rect
          style="display:inline;fill:#800080;fill-opacity:1;stroke:url(#meshgradient315);stroke-width:0.983898;stroke-opacity:1"
          id="rect7-7-7"
@@ -723,7 +809,8 @@
        inkscape:groupmode="layer"
        id="layer14"
        inkscape:label="red"
-       style="display:none">
+       style="display:none"
+       sodipodi:insensitive="true">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\red.svg"
          xlink:href="../colorScapes/red.svg"
@@ -741,7 +828,8 @@
        inkscape:groupmode="layer"
        id="layer15"
        inkscape:label="yellow"
-       style="display:none">
+       style="display:none"
+       sodipodi:insensitive="true">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\yellow.svg"
          xlink:href="../colorScapes/yellow.svg"
@@ -759,7 +847,8 @@
        inkscape:groupmode="layer"
        id="g121"
        inkscape:label="blue"
-       style="display:none">
+       style="display:none"
+       sodipodi:insensitive="true">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\blue.svg"
          xlink:href="../colorScapes/blue.svg"
@@ -777,7 +866,8 @@
        inkscape:groupmode="layer"
        id="g123"
        inkscape:label="green"
-       style="display:none">
+       style="display:none"
+       sodipodi:insensitive="true">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\green.svg"
          xlink:href="../colorScapes/green.svg"
@@ -796,37 +886,62 @@
        id="g125"
        inkscape:label="orange"
        style="display:none">
-      <rect
-         style="display:inline;fill:#800080;fill-opacity:1;stroke:url(#meshgradient174);stroke-width:0.983898;stroke-opacity:1"
-         id="rect7-7-2"
-         width="24.416101"
-         height="24.4161"
-         x="-5.1922026"
-         y="-13.970746"
-         ry="5.8395634"
-         rx="5.4162478" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\orange.svg"
+         xlink:href="../colorScapes/orange.svg"
+         transform="translate(18.384151,27.162696)"
+         clip-path="url(#clipPath1574)"
+         y="-57.851128"
+         x="-102.67852"
+         id="image1546"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
        id="g127"
        inkscape:label="purple"
-       style="display:none">
-      <rect
-         style="display:inline;fill:#800080;fill-opacity:1;stroke:url(#meshgradient144);stroke-width:0.983898;stroke-opacity:1"
-         id="rect7-7"
-         width="24.416101"
-         height="24.4161"
-         x="7.9191823"
-         y="-24.208794"
-         ry="5.8395634"
-         rx="5.4162478" />
+       style="display:inline"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\purple.svg"
+         xlink:href="../colorScapes/purple.svg"
+         transform="translate(5.2727661,37.400742)"
+         clip-path="url(#clipPath1500)"
+         y="-66.733566"
+         x="-66.014824"
+         id="image1472"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
   </g>
+  <g
+     inkscape:label="box"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <rect
+       style="display:inline;fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:0.984001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect7-9"
+       width="24.416101"
+       height="24.4161"
+       x="11.721968"
+       y="14.66193"
+       ry="5.8395634"
+       rx="5.4162478"
+       mask="url(#mask1975)"
+       transform="translate(1.4699821,-1.4699817)" />
+  </g>
   <g
      inkscape:groupmode="layer"
      id="layer10"
      inkscape:label="12345"
-     style="display:inline">
+     style="display:none"
+     sodipodi:insensitive="true">
     <g
        inkscape:groupmode="layer"
        id="layer3"
@@ -915,7 +1030,8 @@
      inkscape:groupmode="layer"
      id="layer7"
      inkscape:label="6"
-     style="display:inline">
+     style="display:none"
+     sodipodi:insensitive="true">
     <ellipse
        style="display:inline;fill:none;fill-opacity:1;stroke:url(#meshgradient1152);stroke-width:1.16706;stroke-opacity:1"
        id="path2796-4-9-5"

Qwixx/frontend/inkScape/sectionDecoration/toDo.txt

@@ -0,0 +1,8 @@
+## Colors
+1. fix it
+2. fix it
+3. mesh gradient
+4. mask it
+5. how to?
+
+change the color of the outter perimeter of the dice's gradient (gradient is set, mask it with desired color)

Qwixx/frontend/inkScape/styleGuide.md

@@ -1,6 +1,9 @@
 | Color | RGB | HSV |
 | ----- | --- | --- |
+| Grey | 50514f | 90 2.5 31.8 |
+| Blue | 247ba0 | 198 77.5 62.7 |
+| Green | 70c1b3 | 170 42.0 75.7 |
 | Red | f25f5c | 1 62 94.9 |
 | Yellow | ffe066 | 48 60 100 |
-| Blue | 247ba0 | 198 77.5 62.7 |
-| Green | 70c1b3 | 170 42.0 75.7 |
+| Purple | | 
+| Orange | |