haunter/sharechess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved paper-like boards, added missing move indicator colors

Browse Source
This commit is contained in:
Maciej Caderek
2022-05-03 03:41:12 +02:00
parent 011a3bf1f0
commit 9e4ddbcad3
24 changed files with 81 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
public/textures/squares/dark-lines.svg
View File

@@ -1,24 +1,25 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_116_987)">
<path d="M14.5607 2.56068C15.1465 1.97489 15.1465 1.02512 14.5607 0.439339C13.9749 -0.146446 13.0252 -0.146446 12.4394 0.439339L1.43936 11.4393C0.853546 12.0251 0.853546 12.9749 1.43936 13.5607C2.02518 14.1465 2.97488 14.1465 3.5607 13.5607L14.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M36.5607 2.56068C37.1465 1.97489 37.1465 1.02512 36.5607 0.439339C35.9749 -0.146446 35.0252 -0.146446 34.4394 0.439339L1.43936 33.4393C0.853546 34.0251 0.853546 34.9749 1.43936 35.5607C2.02518 36.1465 2.97488 36.1465 3.5607 35.5607L36.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M58.5607 2.56068C59.1465 1.97489 59.1465 1.02512 58.5607 0.439339C57.9749 -0.146446 57.0252 -0.146446 56.4394 0.439339L1.43936 55.4393C0.853546 56.0251 0.853546 56.9749 1.43936 57.5607C2.02518 58.1465 2.97488 58.1465 3.5607 57.5607L58.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M80.5607 2.56068C81.1465 1.97489 81.1465 1.02512 80.5607 0.439339C79.9749 -0.146446 79.0252 -0.146446 78.4394 0.439339L1.43936 77.4393C0.853546 78.0251 0.853546 78.9749 1.43936 79.5607C2.02518 80.1465 2.97488 80.1465 3.5607 79.5607L80.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M102.561 2.56068C103.147 1.97489 103.147 1.02512 102.561 0.439339C101.975 -0.146446 101.025 -0.146446 100.439 0.439339L1.43936 99.4393C0.853546 100.025 0.853546 100.975 1.43936 101.561C2.02518 102.146 2.97488 102.146 3.5607 101.561L102.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M124.561 2.56068C125.147 1.97489 125.147 1.02512 124.561 0.439339C123.975 -0.146446 123.025 -0.146446 122.439 0.439339L1.43936 121.439C0.853546 122.025 0.853546 122.975 1.43936 123.561C2.02518 124.146 2.97488 124.146 3.5607 123.561L124.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M146.561 2.56068C147.147 1.97489 147.147 1.02512 146.561 0.439339C145.975 -0.146446 145.025 -0.146446 144.439 0.439339L1.43936 143.439C0.853546 144.025 0.853546 144.975 1.43936 145.561C2.02518 146.146 2.97488 146.146 3.5607 145.561L146.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M168.561 2.56068C169.147 1.97489 169.147 1.02512 168.561 0.439339C167.975 -0.146446 167.025 -0.146446 166.439 0.439339L1.43936 165.439C0.853546 166.025 0.853546 166.975 1.43936 167.561C2.02518 168.146 2.97488 168.146 3.5607 167.561L168.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 13.5607C180.147 12.9749 180.147 12.0251 179.561 11.4393C178.975 10.8536 178.025 10.8536 177.439 11.4393L12.4394 176.439C11.8535 177.025 11.8535 177.975 12.4394 178.561C13.0252 179.146 13.9749 179.146 14.5607 178.561L179.561 13.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 35.5607C180.147 34.9749 180.147 34.0251 179.561 33.4393C178.975 32.8536 178.025 32.8536 177.439 33.4393L34.4394 176.439C33.8535 177.025 33.8535 177.975 34.4394 178.561C35.0252 179.146 35.9749 179.146 36.5607 178.561L179.561 35.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 57.5607C180.147 56.9749 180.147 56.0251 179.561 55.4393C178.975 54.8536 178.025 54.8536 177.439 55.4393L56.4394 176.439C55.8535 177.025 55.8535 177.975 56.4394 178.561C57.0252 179.146 57.9749 179.146 58.5607 178.561L179.561 57.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 79.5607C180.147 78.9749 180.147 78.0251 179.561 77.4393C178.975 76.8536 178.025 76.8536 177.439 77.4393L78.4394 176.439C77.8535 177.025 77.8535 177.975 78.4394 178.561C79.0252 179.146 79.9749 179.146 80.5607 178.561L179.561 79.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 101.561C180.147 100.975 180.147 100.025 179.561 99.4393C178.975 98.8536 178.025 98.8536 177.439 99.4393L100.439 176.439C99.8535 177.025 99.8535 177.975 100.439 178.561C101.025 179.146 101.975 179.146 102.561 178.561L179.561 101.561Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 123.561C180.147 122.975 180.147 122.025 179.561 121.439C178.975 120.854 178.025 120.854 177.439 121.439L122.439 176.439C121.854 177.025 121.854 177.975 122.439 178.561C123.025 179.146 123.975 179.146 124.561 178.561L179.561 123.561Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 145.561C180.147 144.975 180.147 144.025 179.561 143.439C178.975 142.854 178.025 142.854 177.439 143.439L144.439 176.439C143.854 177.025 143.854 177.975 144.439 178.561C145.025 179.146 145.975 179.146 146.561 178.561L179.561 145.561Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 167.561C180.147 166.975 180.147 166.025 179.561 165.439C178.975 164.854 178.025 164.854 177.439 165.439L166.439 176.439C165.854 177.025 165.854 177.975 166.439 178.561C167.025 179.146 167.975 179.146 168.561 178.561L179.561 167.561Z" fill="black" fill-opacity="0.4"/>
<g clip-path="url(#clip0_123_250)">
<rect width="180" height="180" fill="black" fill-opacity="0.05"/>
<path d="M14.5607 2.56068C15.1465 1.97489 15.1465 1.02512 14.5607 0.439339C13.9749 -0.146446 13.0252 -0.146446 12.4394 0.439339L1.43936 11.4393C0.853546 12.0251 0.853546 12.9749 1.43936 13.5607C2.02518 14.1465 2.97488 14.1465 3.5607 13.5607L14.5607 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M36.5607 2.56068C37.1465 1.97489 37.1465 1.02512 36.5607 0.439339C35.9749 -0.146446 35.0252 -0.146446 34.4394 0.439339L1.43936 33.4393C0.853546 34.0251 0.853546 34.9749 1.43936 35.5607C2.02518 36.1465 2.97488 36.1465 3.5607 35.5607L36.5607 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M58.5607 2.56068C59.1465 1.97489 59.1465 1.02512 58.5607 0.439339C57.9749 -0.146446 57.0252 -0.146446 56.4394 0.439339L1.43936 55.4393C0.853546 56.0251 0.853546 56.9749 1.43936 57.5607C2.02518 58.1465 2.97488 58.1465 3.5607 57.5607L58.5607 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M80.5607 2.56068C81.1465 1.97489 81.1465 1.02512 80.5607 0.439339C79.9749 -0.146446 79.0252 -0.146446 78.4394 0.439339L1.43936 77.4393C0.853546 78.0251 0.853546 78.9749 1.43936 79.5607C2.02518 80.1465 2.97488 80.1465 3.5607 79.5607L80.5607 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M102.561 2.56068C103.147 1.97489 103.147 1.02512 102.561 0.439339C101.975 -0.146446 101.025 -0.146446 100.439 0.439339L1.43936 99.4393C0.853546 100.025 0.853546 100.975 1.43936 101.561C2.02518 102.146 2.97488 102.146 3.5607 101.561L102.561 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M124.561 2.56068C125.147 1.97489 125.147 1.02512 124.561 0.439339C123.975 -0.146446 123.025 -0.146446 122.439 0.439339L1.43936 121.439C0.853546 122.025 0.853546 122.975 1.43936 123.561C2.02518 124.146 2.97488 124.146 3.5607 123.561L124.561 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M146.561 2.56068C147.147 1.97489 147.147 1.02512 146.561 0.439339C145.975 -0.146446 145.025 -0.146446 144.439 0.439339L1.43936 143.439C0.853546 144.025 0.853546 144.975 1.43936 145.561C2.02518 146.146 2.97488 146.146 3.5607 145.561L146.561 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M168.561 2.56068C169.147 1.97489 169.147 1.02512 168.561 0.439339C167.975 -0.146446 167.025 -0.146446 166.439 0.439339L1.43936 165.439C0.853546 166.025 0.853546 166.975 1.43936 167.561C2.02518 168.146 2.97488 168.146 3.5607 167.561L168.561 2.56068Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 13.5607C180.147 12.9749 180.147 12.0251 179.561 11.4393C178.975 10.8536 178.025 10.8536 177.439 11.4393L12.4394 176.439C11.8535 177.025 11.8535 177.975 12.4394 178.561C13.0252 179.146 13.9749 179.146 14.5607 178.561L179.561 13.5607Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 35.5607C180.147 34.9749 180.147 34.0251 179.561 33.4393C178.975 32.8536 178.025 32.8536 177.439 33.4393L34.4394 176.439C33.8535 177.025 33.8535 177.975 34.4394 178.561C35.0252 179.146 35.9749 179.146 36.5607 178.561L179.561 35.5607Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 57.5607C180.147 56.9749 180.147 56.0251 179.561 55.4393C178.975 54.8536 178.025 54.8536 177.439 55.4393L56.4394 176.439C55.8535 177.025 55.8535 177.975 56.4394 178.561C57.0252 179.146 57.9749 179.146 58.5607 178.561L179.561 57.5607Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 79.5607C180.147 78.9749 180.147 78.0251 179.561 77.4393C178.975 76.8536 178.025 76.8536 177.439 77.4393L78.4394 176.439C77.8535 177.025 77.8535 177.975 78.4394 178.561C79.0252 179.146 79.9749 179.146 80.5607 178.561L179.561 79.5607Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 101.561C180.147 100.975 180.147 100.025 179.561 99.4393C178.975 98.8536 178.025 98.8536 177.439 99.4393L100.439 176.439C99.8535 177.025 99.8535 177.975 100.439 178.561C101.025 179.146 101.975 179.146 102.561 178.561L179.561 101.561Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 123.561C180.147 122.975 180.147 122.025 179.561 121.439C178.975 120.854 178.025 120.854 177.439 121.439L122.439 176.439C121.854 177.025 121.854 177.975 122.439 178.561C123.025 179.146 123.975 179.146 124.561 178.561L179.561 123.561Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 145.561C180.147 144.975 180.147 144.025 179.561 143.439C178.975 142.854 178.025 142.854 177.439 143.439L144.439 176.439C143.854 177.025 143.854 177.975 144.439 178.561C145.025 179.146 145.975 179.146 146.561 178.561L179.561 145.561Z" fill="black" fill-opacity="0.2"/>
<path d="M179.561 167.561C180.147 166.975 180.147 166.025 179.561 165.439C178.975 164.854 178.025 164.854 177.439 165.439L166.439 176.439C165.854 177.025 165.854 177.975 166.439 178.561C167.025 179.146 167.975 179.146 168.561 178.561L179.561 167.561Z" fill="black" fill-opacity="0.2"/>
</g>
<defs>
<clipPath id="clip0_116_987">
<clipPath id="clip0_123_250">
<rect width="180" height="180" fill="white"/>
</clipPath>
</defs>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

37
public/textures/squares/dark-lines2.svg
View File

@@ -1,24 +1,25 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_119_992)">
<path d="M14.5607 2.56068C15.1465 1.97489 15.1465 1.02512 14.5607 0.439339C13.9749 -0.146446 13.0252 -0.146446 12.4394 0.439339L1.43936 11.4393C0.853546 12.0251 0.853546 12.9749 1.43936 13.5607C2.02518 14.1465 2.97488 14.1465 3.5607 13.5607L14.5607 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M36.5607 2.56068C37.1465 1.97489 37.1465 1.02512 36.5607 0.439339C35.9749 -0.146446 35.0252 -0.146446 34.4394 0.439339L1.43936 33.4393C0.853546 34.0251 0.853546 34.9749 1.43936 35.5607C2.02518 36.1465 2.97488 36.1465 3.5607 35.5607L36.5607 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M58.5607 2.56068C59.1465 1.97489 59.1465 1.02512 58.5607 0.439339C57.9749 -0.146446 57.0252 -0.146446 56.4394 0.439339L1.43936 55.4393C0.853546 56.0251 0.853546 56.9749 1.43936 57.5607C2.02518 58.1465 2.97488 58.1465 3.5607 57.5607L58.5607 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M80.5607 2.56068C81.1465 1.97489 81.1465 1.02512 80.5607 0.439339C79.9749 -0.146446 79.0252 -0.146446 78.4394 0.439339L1.43936 77.4393C0.853546 78.0251 0.853546 78.9749 1.43936 79.5607C2.02518 80.1465 2.97488 80.1465 3.5607 79.5607L80.5607 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M102.561 2.56068C103.147 1.97489 103.147 1.02512 102.561 0.439339C101.975 -0.146446 101.025 -0.146446 100.439 0.439339L1.43936 99.4393C0.853546 100.025 0.853546 100.975 1.43936 101.561C2.02518 102.146 2.97488 102.146 3.5607 101.561L102.561 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M124.561 2.56068C125.147 1.97489 125.147 1.02512 124.561 0.439339C123.975 -0.146446 123.025 -0.146446 122.439 0.439339L1.43936 121.439C0.853546 122.025 0.853546 122.975 1.43936 123.561C2.02518 124.146 2.97488 124.146 3.5607 123.561L124.561 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M146.561 2.56068C147.147 1.97489 147.147 1.02512 146.561 0.439339C145.975 -0.146446 145.025 -0.146446 144.439 0.439339L1.43936 143.439C0.853546 144.025 0.853546 144.975 1.43936 145.561C2.02518 146.146 2.97488 146.146 3.5607 145.561L146.561 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M168.561 2.56068C169.147 1.97489 169.147 1.02512 168.561 0.439339C167.975 -0.146446 167.025 -0.146446 166.439 0.439339L1.43936 165.439C0.853546 166.025 0.853546 166.975 1.43936 167.561C2.02518 168.146 2.97488 168.146 3.5607 167.561L168.561 2.56068Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 13.5607C180.147 12.9749 180.147 12.0251 179.561 11.4393C178.975 10.8536 178.025 10.8536 177.439 11.4393L12.4394 176.439C11.8535 177.025 11.8535 177.975 12.4394 178.561C13.0252 179.146 13.9749 179.146 14.5607 178.561L179.561 13.5607Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 35.5607C180.147 34.9749 180.147 34.0251 179.561 33.4393C178.975 32.8536 178.025 32.8536 177.439 33.4393L34.4394 176.439C33.8535 177.025 33.8535 177.975 34.4394 178.561C35.0252 179.146 35.9749 179.146 36.5607 178.561L179.561 35.5607Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 57.5607C180.147 56.9749 180.147 56.0251 179.561 55.4393C178.975 54.8536 178.025 54.8536 177.439 55.4393L56.4394 176.439C55.8535 177.025 55.8535 177.975 56.4394 178.561C57.0252 179.146 57.9749 179.146 58.5607 178.561L179.561 57.5607Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 79.5607C180.147 78.9749 180.147 78.0251 179.561 77.4393C178.975 76.8536 178.025 76.8536 177.439 77.4393L78.4394 176.439C77.8535 177.025 77.8535 177.975 78.4394 178.561C79.0252 179.146 79.9749 179.146 80.5607 178.561L179.561 79.5607Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 101.561C180.147 100.975 180.147 100.025 179.561 99.4393C178.975 98.8536 178.025 98.8536 177.439 99.4393L100.439 176.439C99.8535 177.025 99.8535 177.975 100.439 178.561C101.025 179.146 101.975 179.146 102.561 178.561L179.561 101.561Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 123.561C180.147 122.975 180.147 122.025 179.561 121.439C178.975 120.854 178.025 120.854 177.439 121.439L122.439 176.439C121.854 177.025 121.854 177.975 122.439 178.561C123.025 179.146 123.975 179.146 124.561 178.561L179.561 123.561Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 145.561C180.147 144.975 180.147 144.025 179.561 143.439C178.975 142.854 178.025 142.854 177.439 143.439L144.439 176.439C143.854 177.025 143.854 177.975 144.439 178.561C145.025 179.146 145.975 179.146 146.561 178.561L179.561 145.561Z" fill="black" fill-opacity="0.6"/>
<path d="M179.561 167.561C180.147 166.975 180.147 166.025 179.561 165.439C178.975 164.854 178.025 164.854 177.439 165.439L166.439 176.439C165.854 177.025 165.854 177.975 166.439 178.561C167.025 179.146 167.975 179.146 168.561 178.561L179.561 167.561Z" fill="black" fill-opacity="0.6"/>
<g clip-path="url(#clip0_124_250)">
<rect width="180" height="180" fill="black" fill-opacity="0.05"/>
<path d="M14.5607 2.56068C15.1465 1.97489 15.1465 1.02512 14.5607 0.439339C13.9749 -0.146446 13.0252 -0.146446 12.4394 0.439339L1.43936 11.4393C0.853546 12.0251 0.853546 12.9749 1.43936 13.5607C2.02518 14.1465 2.97488 14.1465 3.5607 13.5607L14.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M36.5607 2.56068C37.1465 1.97489 37.1465 1.02512 36.5607 0.439339C35.9749 -0.146446 35.0252 -0.146446 34.4394 0.439339L1.43936 33.4393C0.853546 34.0251 0.853546 34.9749 1.43936 35.5607C2.02518 36.1465 2.97488 36.1465 3.5607 35.5607L36.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M58.5607 2.56068C59.1465 1.97489 59.1465 1.02512 58.5607 0.439339C57.9749 -0.146446 57.0252 -0.146446 56.4394 0.439339L1.43936 55.4393C0.853546 56.0251 0.853546 56.9749 1.43936 57.5607C2.02518 58.1465 2.97488 58.1465 3.5607 57.5607L58.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M80.5607 2.56068C81.1465 1.97489 81.1465 1.02512 80.5607 0.439339C79.9749 -0.146446 79.0252 -0.146446 78.4394 0.439339L1.43936 77.4393C0.853546 78.0251 0.853546 78.9749 1.43936 79.5607C2.02518 80.1465 2.97488 80.1465 3.5607 79.5607L80.5607 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M102.561 2.56068C103.147 1.97489 103.147 1.02512 102.561 0.439339C101.975 -0.146446 101.025 -0.146446 100.439 0.439339L1.43936 99.4393C0.853546 100.025 0.853546 100.975 1.43936 101.561C2.02518 102.146 2.97488 102.146 3.5607 101.561L102.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M124.561 2.56068C125.147 1.97489 125.147 1.02512 124.561 0.439339C123.975 -0.146446 123.025 -0.146446 122.439 0.439339L1.43936 121.439C0.853546 122.025 0.853546 122.975 1.43936 123.561C2.02518 124.146 2.97488 124.146 3.5607 123.561L124.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M146.561 2.56068C147.147 1.97489 147.147 1.02512 146.561 0.439339C145.975 -0.146446 145.025 -0.146446 144.439 0.439339L1.43936 143.439C0.853546 144.025 0.853546 144.975 1.43936 145.561C2.02518 146.146 2.97488 146.146 3.5607 145.561L146.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M168.561 2.56068C169.147 1.97489 169.147 1.02512 168.561 0.439339C167.975 -0.146446 167.025 -0.146446 166.439 0.439339L1.43936 165.439C0.853546 166.025 0.853546 166.975 1.43936 167.561C2.02518 168.146 2.97488 168.146 3.5607 167.561L168.561 2.56068Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 13.5607C180.147 12.9749 180.147 12.0251 179.561 11.4393C178.975 10.8536 178.025 10.8536 177.439 11.4393L12.4394 176.439C11.8535 177.025 11.8535 177.975 12.4394 178.561C13.0252 179.146 13.9749 179.146 14.5607 178.561L179.561 13.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 35.5607C180.147 34.9749 180.147 34.0251 179.561 33.4393C178.975 32.8536 178.025 32.8536 177.439 33.4393L34.4394 176.439C33.8535 177.025 33.8535 177.975 34.4394 178.561C35.0252 179.146 35.9749 179.146 36.5607 178.561L179.561 35.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 57.5607C180.147 56.9749 180.147 56.0251 179.561 55.4393C178.975 54.8536 178.025 54.8536 177.439 55.4393L56.4394 176.439C55.8535 177.025 55.8535 177.975 56.4394 178.561C57.0252 179.146 57.9749 179.146 58.5607 178.561L179.561 57.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 79.5607C180.147 78.9749 180.147 78.0251 179.561 77.4393C178.975 76.8536 178.025 76.8536 177.439 77.4393L78.4394 176.439C77.8535 177.025 77.8535 177.975 78.4394 178.561C79.0252 179.146 79.9749 179.146 80.5607 178.561L179.561 79.5607Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 101.561C180.147 100.975 180.147 100.025 179.561 99.4393C178.975 98.8536 178.025 98.8536 177.439 99.4393L100.439 176.439C99.8535 177.025 99.8535 177.975 100.439 178.561C101.025 179.146 101.975 179.146 102.561 178.561L179.561 101.561Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 123.561C180.147 122.975 180.147 122.025 179.561 121.439C178.975 120.854 178.025 120.854 177.439 121.439L122.439 176.439C121.854 177.025 121.854 177.975 122.439 178.561C123.025 179.146 123.975 179.146 124.561 178.561L179.561 123.561Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 145.561C180.147 144.975 180.147 144.025 179.561 143.439C178.975 142.854 178.025 142.854 177.439 143.439L144.439 176.439C143.854 177.025 143.854 177.975 144.439 178.561C145.025 179.146 145.975 179.146 146.561 178.561L179.561 145.561Z" fill="black" fill-opacity="0.4"/>
<path d="M179.561 167.561C180.147 166.975 180.147 166.025 179.561 165.439C178.975 164.854 178.025 164.854 177.439 165.439L166.439 176.439C165.854 177.025 165.854 177.975 166.439 178.561C167.025 179.146 167.975 179.146 168.561 178.561L179.561 167.561Z" fill="black" fill-opacity="0.4"/>
</g>
<defs>
<clipPath id="clip0_119_992">
<clipPath id="clip0_124_250">
<rect width="180" height="180" fill="white"/>
</clipPath>
</defs>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

2
src/board/styles-board/pic/lines_alabaster.ts
View File

@@ -22,7 +22,7 @@ const style: Style = {
},
moveIndicator: {
hueShift: 0,
color: "#55ff0022",
color: "#55ff0033",
},
border: {
type: "solid",

6
src/board/styles-board/pic/lines_cardboard.ts
View File

@@ -22,7 +22,7 @@ const style: Style = {
},
moveIndicator: {
hueShift: 0,
color: "#55ff0022",
color: "#1c67c933",
},
border: {
type: "image",
@@ -32,8 +32,8 @@ const style: Style = {
},
coords: {
onLight: "#0000007f",
onDark: "#000000bb",
onBorder: "#000000bb",
onDark: "#00000099",
onBorder: "#00000099",
},
ico: "/textures/cardboard_ico.png",
};

6
src/board/styles-board/pic/lines_paper.ts
View File

@@ -22,7 +22,7 @@ const style: Style = {
},
moveIndicator: {
hueShift: 0,
color: "#55ff0022",
color: "#1c67c933",
},
border: {
type: "image",
@@ -32,8 +32,8 @@ const style: Style = {
},
coords: {
onLight: "#0000007f",
onDark: "#000000bb",
onBorder: "#000000bb",
onDark: "#00000099",
onBorder: "#00000099",
},
ico: "/textures/paper_ico.png",
};

2
src/board/styles-board/pic/lines_parchment.ts
View File

@@ -22,7 +22,7 @@ const style: Style = {
},
moveIndicator: {
hueShift: 0,
color: "#55ff0022",
color: "#55ff0033",
},
border: {
type: "solid",

4
src/board/styles-board/solid/avocado.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 70,
color: "#",
hueShift: 0,
color: "#0099ff55",
},
border: {
type: "solid",

4
src/board/styles-board/solid/leko.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -90,
color: "#",
hueShift: 0,
color: "#40bf4044",
},
border: {
type: "solid",

4
src/board/styles-board/solid/lila.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -120,
color: "#",
hueShift: 0,
color: "#40bf4044",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_blue.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -30,
color: "#",
hueShift: 0,
color: "#ff00bb33",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_chico.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -30,
color: "#",
hueShift: 0,
color: "#33ff0033",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_goblin.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 40,
color: "#",
hueShift: 0,
color: "#0077ff33",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_heliotrope.ts
View File

@@ -27,8 +27,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 30,
color: "#",
hueShift: 0,
color: "#009dff33",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_mahogany.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 30,
color: "#",
hueShift: 0,
color: "#7b00ff33",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_mojo.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 30,
color: "#",
hueShift: 0,
color: "#ff00d433",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_mulberry.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -30,
color: "#",
hueShift: 0,
color: "#ff910044",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_sycamore.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 60,
color: "#",
hueShift: 0,
color: "#00aaff44",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mono_teal.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -30,
color: "#",
hueShift: 0,
color: "#aaff0033",
},
border: {
type: "solid",

4
src/board/styles-board/solid/mud.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 60,
color: "#",
hueShift: 0,
color: "#9940bf33",
},
border: {
type: "solid",

4
src/board/styles-board/solid/patina.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 90,
color: "#",
hueShift: 0,
color: "#bd4b2b2a",
},
border: {
type: "solid",

4
src/board/styles-board/solid/peach.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: 30,
color: "#",
hueShift: 0,
color: "#ff00d044",
},
border: {
type: "solid",

4
src/board/styles-board/solid/rose.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -30,
color: "#",
hueShift: 0,
color: "#ffbf0044",
},
border: {
type: "solid",

4
src/board/styles-board/solid/violet.ts
View File

@@ -21,8 +21,8 @@ const style: Style = {
},
},
moveIndicator: {
hueShift: -60,
color: "#",
hueShift: 0,
color: "#ff000044",
},
border: {
type: "solid",

2
src/types.ts
View File

@@ -49,7 +49,7 @@ export type Coords = {
export type SquareStyle = Gradient | Solid | Image;
export type MoveIndicator = {
hueShift: number;
hueShift: 0;
color: string;
};