self-hosted/swingmusic-webclient
1
0
Fork 0
forked from Mirrors/swingmusic-webclient
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update favicons

Browse Source
This commit is contained in:
mungai-njoroge
2023-10-11 11:03:02 +03:00
parent accf43e978
commit d983b291ce
26 changed files with 108 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -26,6 +26,14 @@ yarn dev
yarn build
```
---
### Generating PWA favicons
```sh
yarn generate-pwa-assets
```
---
### Contributing

2
package.json
View File

@@ -6,7 +6,7 @@
"dev": "vite",
"serve": "vite preview",
"build": "vite build",
"generate-pwa-assets": "pwa-assets-generator --preset minimal public/logo-fill.svg",
"generate-pwa-assets": "pwa-assets-generator --preset minimal public/logo-fill.light.svg",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"
},
"dependencies": {

BIN
public/apple-touch-icon-180x180.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/cd.texture.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 960 B

After

Width:  |  Height:  |  Size: 1.3 KiB

28
public/gradient.svg
View File

@@ -1,28 +0,0 @@
<svg width="1256" height="1271" viewBox="0 0 1256 1271" fill="none" xmlns="http://www.w3.org/2000/svg">
<script xmlns="" id="dashlane_tiresias" />
<script xmlns="" id="dashlane_webauthn" />
<g opacity="0.3" filter="url(#filter0_f_579_942)">
<path opacity="0.5"
d="M554.904 733.397C567.684 752.489 559.826 778.358 575.505 796.56C580.038 801.082 584.735 814.134 567.261 830.16C562.772 855.982 498.053 893.234 503.891 920.511C508.188 940.591 514.736 964.221 540.199 979.214C559.833 990.772 584.879 995.39 607.716 997.934C640.801 1001.61 674.104 1001.13 704.515 995.938C803.638 979.025 873.089 922.663 922.154 864.617C981.939 793.894 1006.16 709.462 1005.8 620.965C1005.66 584.467 1000.8 547.805 986.52 510.766C973.371 476.67 955.215 442.661 933.343 409.812C905.507 367.986 869.231 327.124 820.641 294.033C783.69 268.858 738.933 256.184 692.282 251.51C628.515 245.106 574.27 262.943 541.437 296.76C521.183 317.622 510.094 350.355 539.256 376.606C561.507 396.628 596.136 407.676 625.419 420.568C644.982 429.19 672.487 441.641 671.887 458.999C670.875 488.358 654.136 516.37 638.183 541.062C617.804 572.606 584.425 596.665 557.593 624.772C542.14 640.959 538.889 661.858 538.925 682.641C538.96 699.347 543.952 717.025 554.904 733.397Z"
fill="rgb(252, 252, 252)" fill-opacity="0.4" />
</g>
<g opacity="0.4" filter="url(#filter1_f_579_942)">
<path opacity="0.5"
d="M701.535 753.397C688.756 772.489 696.614 798.358 680.935 816.56C676.401 821.082 671.704 834.134 689.178 850.16C693.667 875.982 758.386 913.234 752.549 940.511C748.252 960.591 741.703 984.221 716.24 999.214C696.607 1010.77 671.561 1015.39 648.723 1017.93C615.639 1021.61 582.336 1021.13 551.925 1015.94C452.802 999.025 383.35 942.663 334.286 884.617C274.5 813.894 250.281 729.462 250.638 640.965C250.783 604.467 255.643 567.805 269.92 530.766C283.069 496.67 301.225 462.661 323.096 429.812C350.932 387.986 387.209 347.124 435.799 314.033C472.749 288.858 517.506 276.184 564.157 271.51C627.924 265.106 682.169 282.943 715.002 316.76C735.256 337.622 746.346 370.355 717.183 396.606C694.933 416.628 660.303 427.676 631.021 440.568C611.457 449.19 583.953 461.641 584.553 478.999C585.565 508.358 602.303 536.37 618.256 561.062C638.636 592.606 672.014 616.665 698.846 644.772C714.3 660.959 717.551 681.858 717.514 702.641C717.48 719.347 712.487 737.025 701.535 753.397Z"
fill="rgb(252, 252, 252)" fill-opacity="0.4" />
</g>
<defs>
<filter id="filter0_f_579_942" x="253.519" y="0.221191" width="1002.29" height="1250.11"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="125" result="effect1_foregroundBlur_579_942" />
</filter>
<filter id="filter1_f_579_942" x="0.633789" y="20.2212" width="1002.29" height="1250.11"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="125" result="effect1_foregroundBlur_579_942" />
</filter>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

3
public/icons/heart.fill.svg
View File

@@ -1,3 +0,0 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M13.9912 22.1445C14.2197 22.1445 14.5449 21.9775 14.8086 21.8105C19.7217 18.6465 22.8682 14.9375 22.8682 11.1758C22.8682 7.9502 20.6445 5.7002 17.8408 5.7002C16.0918 5.7002 14.7822 6.66699 13.9912 8.11719C13.2178 6.67578 11.8994 5.7002 10.1504 5.7002C7.34668 5.7002 5.11426 7.9502 5.11426 11.1758C5.11426 14.9375 8.26074 18.6465 13.1738 21.8105C13.4463 21.9775 13.7715 22.1445 13.9912 22.1445Z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 517 B

1
public/icons/playlist.svg
View File

@@ -1 +0,0 @@
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="28px" height="28px" baseProfile="basic"><path d="M13,46h16.205c0.338,1.549,1.093,2.903,2.174,4H13c-1.104,0-2-0.895-2-2C11,46.895,11.896,46,13,46z"/><path d="M12.999,38l18.714,0c-1.142,0.918-2.077,2.195-2.486,4L13,42c-1.104,0-2-0.895-2-2C11,38.895,11.895,38,12.999,38z"/><path d="M13,30h28v4H13c-1.104,0-2-0.895-2-2C11,30.895,11.896,30,13,30z"/><path d="M13,22h28v4H13c-1.104,0-2-0.895-2-2C11,22.895,11.896,22,13,22z"/><path d="M13,14h28v4H13c-1.104,0-2-0.895-2-2C11,14.895,11.896,14,13,14z"/><path d="M54.026,9.158C54.997,8.834,56,9.557,56,10.581v7.484c0,0.829-0.511,1.572-1.286,1.868l-5.75,2.199 C48.384,22.353,48,22.911,48,23.532V39c0,8-4.083,11-8.561,11C35.026,50,32,47.754,32,44.079c0-3.39,2.07-4.633,6.224-5.553 c4.067-0.9,5.776-1.327,5.776-4.142V13.942c0-0.861,0.551-1.625,1.368-1.897L54.026,9.158z" /></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 902 B

3
public/icons/settings.svg
View File

@@ -1,3 +0,0 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M13.1035 23.208H14.8877C15.6172 23.208 16.1885 22.751 16.3643 22.0479L16.7158 20.5098L16.9443 20.4219L18.2891 21.2568C18.9043 21.6436 19.6338 21.5381 20.1523 21.0195L21.3828 19.7891C21.9102 19.2617 21.998 18.541 21.6113 17.9346L20.7764 16.5898L20.8643 16.3789L22.4023 16.0186C23.0967 15.8428 23.5537 15.2715 23.5537 14.542V12.8105C23.5537 12.0811 23.1055 11.5098 22.4023 11.334L20.873 10.9648L20.7852 10.7363L21.6201 9.40039C22.0068 8.79395 21.9189 8.07324 21.3916 7.53711L20.1611 6.30664C19.6514 5.78809 18.9219 5.69141 18.3066 6.06934L16.9619 6.89551L16.7158 6.80762L16.3643 5.26074C16.1885 4.55762 15.6172 4.10938 14.8877 4.10938H13.1035C12.3652 4.10938 11.7939 4.55762 11.627 5.26074L11.2754 6.80762L11.0293 6.89551L9.68457 6.06934C9.06055 5.69141 8.33984 5.78809 7.83008 6.30664L6.59082 7.53711C6.07227 8.07324 5.97559 8.79395 6.3623 9.40039L7.19727 10.7363L7.10938 10.9648L5.58887 11.334C4.88574 11.5098 4.4375 12.0811 4.4375 12.8105V14.542C4.4375 15.2715 4.89453 15.8428 5.58887 16.0186L7.12695 16.3789L7.20605 16.5898L6.37109 17.9346C5.98438 18.541 6.08105 19.2617 6.59961 19.7891L7.83887 21.0195C8.34863 21.5381 9.07812 21.6436 9.69336 21.2568L11.0381 20.4219L11.2754 20.5098L11.627 22.0479C11.7939 22.751 12.3652 23.208 13.1035 23.208ZM13.332 21.5908C13.1826 21.5908 13.1035 21.5293 13.0859 21.3975L12.5586 19.2354C12.0049 19.1035 11.4688 18.875 11.0381 18.6025L9.13965 19.7715C9.02539 19.8418 8.91992 19.833 8.81445 19.7275L7.8916 18.8047C7.78613 18.708 7.78613 18.6025 7.85645 18.4883L9.02539 16.5898C8.7793 16.168 8.55078 15.6406 8.41895 15.0869L6.24805 14.5684C6.11621 14.5508 6.0459 14.4717 6.0459 14.3223V13.0215C6.0459 12.8633 6.10742 12.8018 6.24805 12.7666L8.41016 12.2568C8.54199 11.668 8.79688 11.123 9.0166 10.7275L7.84766 8.84668C7.77734 8.72363 7.77734 8.61816 7.87402 8.5127L8.80566 7.59863C8.91113 7.50195 9.00781 7.48438 9.13965 7.56348L11.0205 8.71484C11.416 8.46875 12.0049 8.22266 12.5674 8.08203L13.0859 5.91992C13.1035 5.78809 13.1826 5.71777 13.332 5.71777H14.6592C14.8086 5.71777 14.8789 5.7793 14.9053 5.91992L15.4326 8.09082C16.0039 8.23145 16.5225 8.46875 16.9619 8.71484L18.8428 7.56348C18.9746 7.49316 19.0713 7.50195 19.1768 7.60742L20.1084 8.52148C20.2139 8.61816 20.2139 8.72363 20.1348 8.84668L18.9746 10.7275C19.1855 11.123 19.4492 11.668 19.5811 12.2568L21.7432 12.7666C21.8838 12.8018 21.9365 12.8633 21.9365 13.0215V14.3223C21.9365 14.4717 21.875 14.5508 21.7432 14.5684L19.5723 15.0869C19.4404 15.6406 19.2031 16.1768 18.957 16.5898L20.126 18.4795C20.1963 18.6025 20.1963 18.6992 20.0908 18.7959L19.168 19.7275C19.0625 19.833 18.957 19.8418 18.8428 19.7715L16.9531 18.6025C16.5137 18.875 16.0127 19.0947 15.4326 19.2354L14.9053 21.3975C14.8789 21.5293 14.8086 21.5908 14.6592 21.5908H13.332ZM14 16.9941C15.8281 16.9941 17.3311 15.4912 17.3311 13.6543C17.3311 11.835 15.8281 10.332 14 10.332C12.1631 10.332 10.6514 11.835 10.6514 13.6543C10.6514 15.4912 12.1631 16.9941 14 16.9941ZM14 15.4736C12.998 15.4736 12.1807 14.6562 12.1807 13.6543C12.1807 12.6699 13.0068 11.8525 14 11.8525C14.9756 11.8525 15.793 12.6699 15.793 13.6543C15.793 14.6475 14.9756 15.4736 14 15.4736Z" fill="currentColor"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

23
public/logo-fill.light.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_14_3)">
<path d="M14 27.6441C21.5354 27.6441 27.6441 21.5354 27.6441 14C27.6441 6.46458 21.5354 0.355927 14 0.355927C6.46461 0.355927 0.355957 6.46458 0.355957 14C0.355957 21.5354 6.46461 27.6441 14 27.6441Z" fill="white"/>
<g filter="url(#filter0_d_14_3)">
<path d="M14.1221 14.9372C15.6529 14.9372 17.1518 14.8463 18.3804 14.6644C19.3548 14.517 19.66 13.7979 19.329 12.7716L17.499 7.00511C17.1672 5.94913 16.3182 5.45764 15.1465 5.45764H13.0908C11.9191 5.45764 11.07 5.94913 10.7383 7.00511L8.90825 12.7716C8.57724 13.7979 8.88246 14.517 9.85688 14.6644C11.0855 14.8463 12.5856 14.9372 14.1221 14.9372ZM13.4838 14.451V22.1166H14.756V14.451H13.4838ZM10.9926 22.6014H17.2447C17.5434 22.6014 17.7469 22.3873 17.7469 22.0759C17.7469 21.4994 17.277 21.099 16.5694 21.099H11.6679C10.9603 21.099 10.4973 21.4994 10.4973 22.0759C10.4973 22.3873 10.6939 22.6014 10.9926 22.6014Z" fill="black"/>
</g>
</g>
<defs>
<filter id="filter0_d_14_3" x="4.77966" y="5.45764" width="18.678" height="25.1438" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14_3"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_14_3" result="shape"/>
</filter>
<clipPath id="clip0_14_3">
<rect width="28" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

4
public/logo-fill.svg
View File

@@ -1,4 +0,0 @@
<svg width="118" height="118" viewBox="0 0 118 118" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="59" cy="59" r="57.5" fill="white" stroke="#CBCBCB" stroke-width="3"/>
<path d="M59.5145 62.9498C65.9658 62.9498 72.2826 62.5664 77.4604 61.8C81.5668 61.179 82.853 58.1484 81.4581 53.8231L73.7457 29.5215C72.3476 25.0713 68.7697 23 63.8316 23H55.1684C50.2303 23 46.6523 25.0713 45.2544 29.5215L37.5419 53.8231C36.1469 58.1484 37.4332 61.179 41.5397 61.8C46.7174 62.5664 53.0395 62.9498 59.5145 62.9498ZM56.8245 60.9007V93.2057H62.1859V60.9007H56.8245ZM46.3261 95.2486H72.6739C73.9328 95.2486 74.7905 94.3463 74.7905 93.0343C74.7905 90.6048 72.8101 88.9172 69.8281 88.9172H49.172C46.19 88.9172 44.2385 90.6048 44.2385 93.0343C44.2385 94.3463 45.0671 95.2486 46.3261 95.2486Z" fill="#FF2171"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 809 B

24
public/logo.svg
View File

@@ -1,4 +1,20 @@
<svg width="118" height="118" viewBox="0 0 118 118" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="59" cy="59" r="57.5" stroke="#FF2171" stroke-width="3"/>
<path d="M59.5118 62.9828C65.9124 62.9828 72.2055 62.6018 77.3811 61.8344C81.5487 61.2062 82.8644 58.1137 81.4561 53.7443L73.7855 29.5747C72.3743 25.1017 68.7741 23 63.8107 23H55.1892C50.2259 23 46.6257 25.1017 45.2145 29.5747L37.5439 53.7443C36.1356 58.1137 37.4513 61.2062 41.6189 61.8344C46.7945 62.6018 53.0875 62.9828 59.5118 62.9828ZM59.5118 58.0762C54.1754 58.0762 49.0021 57.7818 43.5558 57.1664C42.1608 57.0191 41.9873 56.1769 42.4268 54.7242L49.6984 31.4809C50.4479 29.0507 52.4363 27.8778 55.1892 27.8778H63.8107C66.5636 27.8778 68.552 29.0507 69.3253 31.4809L76.5732 54.7242C77.0127 56.1769 76.8392 57.0191 75.4443 57.1664C69.9977 57.7818 64.8246 58.0762 59.5118 58.0762ZM56.8364 60.82V92.9501H62.1687V60.82H56.8364ZM46.3949 94.9817H72.605C73.8519 94.9817 74.705 94.0842 74.705 92.7793C74.705 90.363 72.7351 88.6848 69.7747 88.6848H49.2253C46.2648 88.6848 44.3238 90.363 44.3238 92.7793C44.3238 94.0842 45.148 94.9817 46.3949 94.9817Z" fill="#FF2171"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="28" height="28"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 27.6441C21.5354 27.6441 27.6441 21.5354 27.6441 14C27.6441 6.46458 21.5354 0.355927 14 0.355927C6.46461 0.355927 0.355957 6.46458 0.355957 14C0.355957 21.5354 6.46461 27.6441 14 27.6441Z" fill="black"></path>
<g filter="url(#filter0_d_16_11)">
<path d="M14.1221 14.9372C15.6529 14.9372 17.1518 14.8463 18.3804 14.6644C19.3548 14.517 19.66 13.7979 19.329 12.7716L17.499 7.00511C17.1672 5.94913 16.3182 5.45764 15.1465 5.45764H13.0908C11.9191 5.45764 11.07 5.94913 10.7383 7.00511L8.90825 12.7716C8.57724 13.7979 8.88246 14.517 9.85688 14.6644C11.0855 14.8463 12.5856 14.9372 14.1221 14.9372ZM13.4838 14.451V22.1166H14.756V14.451H13.4838ZM10.9926 22.6014H17.2447C17.5434 22.6014 17.7469 22.3873 17.7469 22.0759C17.7469 21.4994 17.277 21.099 16.5694 21.099H11.6679C10.9603 21.099 10.4973 21.4994 10.4973 22.0759C10.4973 22.3873 10.6939 22.6014 10.9926 22.6014Z" fill="white"></path>
</g>
<defs>
<filter id="SvgjsFilter1000" x="4.77966" y="2.45764" width="18.678" height="25.1438" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
<feOffset dy="1"></feOffset>
<feGaussianBlur stdDeviation="2"></feGaussianBlur>
<feComposite in2="hardAlpha" operator="out"></feComposite>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"></feColorMatrix>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_11"></feBlend>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_11" result="shape"></feBlend>
</filter>
</defs>
</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
@media (prefers-color-scheme: dark) { :root { filter: none; } }
</style></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/maskable-icon-512x512.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
public/pwa-192x192.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
public/pwa-512x512.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/pwa-64x64.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 675 B

After

Width:  |  Height:  |  Size: 867 B

1
public/site.webmanifest Normal file
View File

@@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

4
src/assets/icons/logo-fill.svg
View File

@@ -1,4 +0,0 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 27.6441C21.5354 27.6441 27.6441 21.5354 27.6441 14C27.6441 6.46458 21.5354 0.355927 14 0.355927C6.46461 0.355927 0.355957 6.46458 0.355957 14C0.355957 21.5354 6.46461 27.6441 14 27.6441Z" fill="white"/>
<path d="M14.1221 14.9372C15.6529 14.9372 17.1518 14.8463 18.3804 14.6644C19.3548 14.517 19.66 13.7979 19.329 12.7716L17.499 7.0051C17.1672 5.94912 16.3182 5.45763 15.1465 5.45763H13.0908C11.9191 5.45763 11.07 5.94912 10.7383 7.0051L8.90825 12.7716C8.57724 13.7979 8.88246 14.517 9.85688 14.6644C11.0855 14.8463 12.5856 14.9372 14.1221 14.9372ZM13.4838 14.451V22.1166H14.756V14.451H13.4838ZM10.9926 22.6014H17.2447C17.5434 22.6014 17.7469 22.3873 17.7469 22.0759C17.7469 21.4994 17.277 21.099 16.5694 21.099H11.6679C10.9603 21.099 10.4973 21.4994 10.4973 22.0759C10.4973 22.3873 10.6939 22.6014 10.9926 22.6014Z" fill="#FF2171"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 949 B

2
src/assets/icons/logo.svg → src/assets/icons/logos/logo-dark.svg
View File

@@ -1,3 +1,3 @@
<svg width="18" height="28" viewBox="0 0 18 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75681 15.5528C11.2466 15.5528 13.6945 15.4046 15.7077 15.1061C17.3289 14.8617 17.8407 13.6588 17.2929 11.9592L14.3091 2.55748C13.7602 0.817535 12.3597 0 10.429 0H7.07537C5.14471 0 3.74427 0.817535 3.19533 2.55748L0.211561 11.9592C-0.33625 13.6588 0.175541 14.8617 1.79669 15.1061C3.80993 15.4046 6.25783 15.5528 8.75681 15.5528ZM8.75681 13.6442C6.68101 13.6442 4.66866 13.5297 2.55012 13.2903C2.00748 13.233 1.93999 12.9054 2.11095 12.3403L4.93951 3.29897C5.23106 2.35365 6.00452 1.8974 7.07537 1.8974H10.429C11.4999 1.8974 12.2733 2.35365 12.5741 3.29897L15.3935 12.3403C15.5644 12.9054 15.497 13.233 14.9544 13.2903C12.8357 13.5297 10.8234 13.6442 8.75681 13.6442ZM7.71611 14.7115V27.2097H9.79031V14.7115H7.71611ZM3.65449 28H13.8499C14.3349 28 14.6668 27.6509 14.6668 27.1433C14.6668 26.2034 13.9005 25.5506 12.7489 25.5506H4.75548C3.60388 25.5506 2.84886 26.2034 2.84886 27.1433C2.84886 27.6509 3.16946 28 3.65449 28Z" fill="#FF2171"/>
<path d="M8.75681 15.5528C11.2466 15.5528 13.6945 15.4046 15.7077 15.1061C17.3289 14.8617 17.8407 13.6588 17.2929 11.9592L14.3091 2.55748C13.7602 0.817535 12.3597 0 10.429 0H7.07537C5.14471 0 3.74427 0.817535 3.19533 2.55748L0.211561 11.9592C-0.33625 13.6588 0.175541 14.8617 1.79669 15.1061C3.80993 15.4046 6.25783 15.5528 8.75681 15.5528ZM8.75681 13.6442C6.68101 13.6442 4.66866 13.5297 2.55012 13.2903C2.00748 13.233 1.93999 12.9054 2.11095 12.3403L4.93951 3.29897C5.23106 2.35365 6.00452 1.8974 7.07537 1.8974H10.429C11.4999 1.8974 12.2733 2.35365 12.5741 3.29897L15.3935 12.3403C15.5644 12.9054 15.497 13.233 14.9544 13.2903C12.8357 13.5297 10.8234 13.6442 8.75681 13.6442ZM7.71611 14.7115V27.2097H9.79031V14.7115H7.71611ZM3.65449 28H13.8499C14.3349 28 14.6668 27.6509 14.6668 27.1433C14.6668 26.2034 13.9005 25.5506 12.7489 25.5506H4.75548C3.60388 25.5506 2.84886 26.2034 2.84886 27.1433C2.84886 27.6509 3.16946 28 3.65449 28Z" fill="black"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

18
src/assets/icons/logos/logo-fill-dark.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 27.6441C21.5354 27.6441 27.6441 21.5354 27.6441 14C27.6441 6.46458 21.5354 0.355927 14 0.355927C6.46461 0.355927 0.355957 6.46458 0.355957 14C0.355957 21.5354 6.46461 27.6441 14 27.6441Z" fill="black"/>
<g filter="url(#filter0_d_16_11)">
<path d="M14.1221 14.9372C15.6529 14.9372 17.1518 14.8463 18.3804 14.6644C19.3548 14.517 19.66 13.7979 19.329 12.7716L17.499 7.00511C17.1672 5.94913 16.3182 5.45764 15.1465 5.45764H13.0908C11.9191 5.45764 11.07 5.94913 10.7383 7.00511L8.90825 12.7716C8.57724 13.7979 8.88246 14.517 9.85688 14.6644C11.0855 14.8463 12.5856 14.9372 14.1221 14.9372ZM13.4838 14.451V22.1166H14.756V14.451H13.4838ZM10.9926 22.6014H17.2447C17.5434 22.6014 17.7469 22.3873 17.7469 22.0759C17.7469 21.4994 17.277 21.099 16.5694 21.099H11.6679C10.9603 21.099 10.4973 21.4994 10.4973 22.0759C10.4973 22.3873 10.6939 22.6014 10.9926 22.6014Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_16_11" x="4.77966" y="2.45764" width="18.678" height="25.1438" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_11"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_11" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

23
src/assets/icons/logos/logo-fill.light.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_14_3)">
<path d="M14 27.6441C21.5354 27.6441 27.6441 21.5354 27.6441 14C27.6441 6.46458 21.5354 0.355927 14 0.355927C6.46461 0.355927 0.355957 6.46458 0.355957 14C0.355957 21.5354 6.46461 27.6441 14 27.6441Z" fill="white"/>
<g filter="url(#filter0_d_14_3)">
<path d="M14.1221 14.9372C15.6529 14.9372 17.1518 14.8463 18.3804 14.6644C19.3548 14.517 19.66 13.7979 19.329 12.7716L17.499 7.00511C17.1672 5.94913 16.3182 5.45764 15.1465 5.45764H13.0908C11.9191 5.45764 11.07 5.94913 10.7383 7.00511L8.90825 12.7716C8.57724 13.7979 8.88246 14.517 9.85688 14.6644C11.0855 14.8463 12.5856 14.9372 14.1221 14.9372ZM13.4838 14.451V22.1166H14.756V14.451H13.4838ZM10.9926 22.6014H17.2447C17.5434 22.6014 17.7469 22.3873 17.7469 22.0759C17.7469 21.4994 17.277 21.099 16.5694 21.099H11.6679C10.9603 21.099 10.4973 21.4994 10.4973 22.0759C10.4973 22.3873 10.6939 22.6014 10.9926 22.6014Z" fill="black"/>
</g>
</g>
<defs>
<filter id="filter0_d_14_3" x="4.77966" y="5.45764" width="18.678" height="25.1438" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14_3"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_14_3" result="shape"/>
</filter>
<clipPath id="clip0_14_3">
<rect width="28" height="28" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

3
src/assets/icons/logos/logo-light.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="18" height="28" viewBox="0 0 18 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75681 15.5528C11.2466 15.5528 13.6945 15.4046 15.7077 15.1061C17.3289 14.8617 17.8407 13.6588 17.2929 11.9592L14.3091 2.55748C13.7602 0.817535 12.3597 0 10.429 0H7.07537C5.14471 0 3.74427 0.817535 3.19533 2.55748L0.211561 11.9592C-0.33625 13.6588 0.175541 14.8617 1.79669 15.1061C3.80993 15.4046 6.25783 15.5528 8.75681 15.5528ZM8.75681 13.6442C6.68101 13.6442 4.66866 13.5297 2.55012 13.2903C2.00748 13.233 1.93999 12.9054 2.11095 12.3403L4.93951 3.29897C5.23106 2.35365 6.00452 1.8974 7.07537 1.8974H10.429C11.4999 1.8974 12.2733 2.35365 12.5741 3.29897L15.3935 12.3403C15.5644 12.9054 15.497 13.233 14.9544 13.2903C12.8357 13.5297 10.8234 13.6442 8.75681 13.6442ZM7.71611 14.7115V27.2097H9.79031V14.7115H7.71611ZM3.65449 28H13.8499C14.3349 28 14.6668 27.6509 14.6668 27.1433C14.6668 26.2034 13.9005 25.5506 12.7489 25.5506H4.75548C3.60388 25.5506 2.84886 26.2034 2.84886 27.1433C2.84886 27.6509 3.16946 28 3.65449 28Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

4
src/assets/icons/logos/logo-rounded-dark.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 28.6441C22.5354 28.6441 28.6441 22.5354 28.6441 15C28.6441 7.46458 22.5354 1.35593 15 1.35593C7.46461 1.35593 1.35596 7.46458 1.35596 15C1.35596 22.5354 7.46461 28.6441 15 28.6441Z" stroke="black"/>
<path d="M15.1214 15.9451C16.6402 15.9451 18.1335 15.8547 19.3616 15.6726C20.3505 15.5235 20.6627 14.7897 20.3286 13.7529L18.5084 8.01774C18.1736 6.95635 17.3193 6.45764 16.1415 6.45764H14.0957C12.918 6.45764 12.0637 6.95635 11.7289 8.01774L9.90872 13.7529C9.57455 14.7897 9.88675 15.5235 10.8757 15.6726C12.1038 15.8547 13.597 15.9451 15.1214 15.9451ZM15.1214 14.7808C13.8552 14.7808 12.6276 14.711 11.3353 14.5649C11.0043 14.53 10.9631 14.3301 11.0674 13.9854L12.7928 8.47006C12.9707 7.8934 13.4425 7.61509 14.0957 7.61509H16.1415C16.7947 7.61509 17.2666 7.8934 17.4501 8.47006L19.1699 13.9854C19.2742 14.3301 19.233 14.53 18.902 14.5649C17.6096 14.711 16.3821 14.7808 15.1214 14.7808ZM14.4866 15.4319V23.056H15.7519V15.4319H14.4866ZM12.009 23.538H18.2283C18.5242 23.538 18.7266 23.3251 18.7266 23.0154C18.7266 22.4421 18.2592 22.0439 17.5567 22.0439H12.6806C11.9781 22.0439 11.5175 22.4421 11.5175 23.0154C11.5175 23.3251 11.7131 23.538 12.009 23.538Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
src/assets/icons/logos/logo-rounded-light.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 28.6441C22.5354 28.6441 28.6441 22.5354 28.6441 15C28.6441 7.46458 22.5354 1.35593 15 1.35593C7.46461 1.35593 1.35596 7.46458 1.35596 15C1.35596 22.5354 7.46461 28.6441 15 28.6441Z" stroke="white"/>
<path d="M15.1214 15.9451C16.6402 15.9451 18.1335 15.8547 19.3616 15.6726C20.3505 15.5235 20.6627 14.7897 20.3286 13.7529L18.5084 8.01774C18.1736 6.95635 17.3193 6.45764 16.1415 6.45764H14.0957C12.918 6.45764 12.0637 6.95635 11.7289 8.01774L9.90872 13.7529C9.57455 14.7897 9.88675 15.5235 10.8757 15.6726C12.1038 15.8547 13.597 15.9451 15.1214 15.9451ZM15.1214 14.7808C13.8552 14.7808 12.6276 14.711 11.3353 14.5649C11.0043 14.53 10.9631 14.3301 11.0674 13.9854L12.7928 8.47006C12.9707 7.8934 13.4425 7.61509 14.0957 7.61509H16.1415C16.7947 7.61509 17.2666 7.8934 17.4501 8.47006L19.1699 13.9854C19.2742 14.3301 19.233 14.53 18.902 14.5649C17.6096 14.711 16.3821 14.7808 15.1214 14.7808ZM14.4866 15.4319V23.056H15.7519V15.4319H14.4866ZM12.009 23.538H18.2283C18.5242 23.538 18.7266 23.3251 18.7266 23.0154C18.7266 22.4421 18.2592 22.0439 17.5567 22.0439H12.6806C11.9781 22.0439 11.5175 22.4421 11.5175 23.0154C11.5175 23.3251 11.7131 23.538 12.009 23.538Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

2
src/components/Logo.vue
View File

@@ -5,7 +5,7 @@
</template>
<script setup lang="ts">
import LogoSvg from "@/assets/icons/logo-fill.svg";
import LogoSvg from "@/assets/icons/logos/logo-fill.light.svg";
</script>
<style lang="scss">

2
src/components/SettingsView/Content.vue
View File

@@ -23,7 +23,7 @@ import settingGroups from "@/settings";
import Group from "./Group.vue";
import GenericHeader from "@/components/shared/GenericHeader.vue";
import LogoSvg from "@/assets/icons/logo.svg";
import LogoSvg from "@/assets/icons/logos/logo-light.svg";
defineProps<{
current: number;