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"> <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)"> <g clip-path="url(#clip0_123_250)">
<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"/> <rect width="180" height="180" fill="black" fill-opacity="0.05"/>
<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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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 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 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 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 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 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 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 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 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 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 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 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 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 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"/> <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> </g>
<defs> <defs>
<clipPath id="clip0_116_987"> <clipPath id="clip0_123_250">
<rect width="180" height="180" fill="white"/> <rect width="180" height="180" fill="white"/>
</clipPath> </clipPath>
</defs> </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"> <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)"> <g clip-path="url(#clip0_124_250)">
<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"/> <rect width="180" height="180" fill="black" fill-opacity="0.05"/>
<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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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 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 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 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 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 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 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 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 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 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 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 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 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 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"/> <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> </g>
<defs> <defs>
<clipPath id="clip0_119_992"> <clipPath id="clip0_124_250">
<rect width="180" height="180" fill="white"/> <rect width="180" height="180" fill="white"/>
</clipPath> </clipPath>
</defs> </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: { moveIndicator: {
hueShift: 0, hueShift: 0,
color: "#55ff0022", color: "#55ff0033",
}, },
border: { border: {
type: "solid", type: "solid",

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2
src/types.ts
View File

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