summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRaindropsSys <raindrops@equestria.dev>2023-11-09 22:11:41 +0100
committerRaindropsSys <raindrops@equestria.dev>2023-11-09 22:11:41 +0100
commite3aa7eafa663ab94c77695c3e0f2fe88874480ad (patch)
tree7c314c01d552957379f447772f8506b88c9543a2
parent492cb3104fabe1b54f360d2a0ea57de60674f404 (diff)
downloadmist-e3aa7eafa663ab94c77695c3e0f2fe88874480ad.tar.gz
mist-e3aa7eafa663ab94c77695c3e0f2fe88874480ad.tar.bz2
mist-e3aa7eafa663ab94c77695c3e0f2fe88874480ad.zip
Updated 36 files and added 2 files (automated)
-rw-r--r--.DS_Storebin18436 -> 18436 bytes
-rw-r--r--app/notes/update-1.8.0.php12
-rw-r--r--app/ui/update.php2
-rw-r--r--assets/.DS_Storebin10244 -> 10244 bytes
-rw-r--r--assets/icons/add.svg2
-rw-r--r--assets/icons/album.svg2
-rw-r--r--assets/icons/back-mobile.svg2
-rw-r--r--assets/icons/back.svg2
-rw-r--r--assets/icons/copy.svg2
-rw-r--r--assets/icons/download.svg2
-rw-r--r--assets/icons/explore.svg2
-rw-r--r--assets/icons/favorite-off.svg2
-rw-r--r--assets/icons/favorite-on.svg2
-rw-r--r--assets/icons/favorites.svg2
-rw-r--r--assets/icons/home.svg2
-rw-r--r--assets/icons/info.svg2
-rw-r--r--assets/icons/library.svg2
-rw-r--r--assets/icons/lyrics.svg2
-rw-r--r--assets/icons/menu.svg2
-rw-r--r--assets/icons/next.svg2
-rw-r--r--assets/icons/notes-icons.svg1
-rw-r--r--assets/icons/pause.svg2
-rw-r--r--assets/icons/play.svg2
-rw-r--r--assets/icons/playlist.svg2
-rw-r--r--assets/icons/playnext.svg2
-rw-r--r--assets/icons/previous.svg2
-rw-r--r--assets/icons/remove.svg2
-rw-r--r--assets/icons/repeat-off.svg2
-rw-r--r--assets/icons/repeat-on.svg2
-rw-r--r--assets/icons/search.svg2
-rw-r--r--assets/icons/settings.svg2
-rw-r--r--assets/icons/shuffle-off.svg4
-rw-r--r--assets/icons/shuffle-on.svg4
-rw-r--r--assets/icons/song.svg2
-rw-r--r--assets/icons/volume-down.svg2
-rw-r--r--assets/icons/volume-up.svg2
-rw-r--r--icons/adult.svg2
-rw-r--r--version2
38 files changed, 51 insertions, 34 deletions
diff --git a/.DS_Store b/.DS_Store
index ef436c2..97a165e 100644
--- a/.DS_Store
+++ b/.DS_Store
Binary files differ
diff --git a/app/notes/update-1.8.0.php b/app/notes/update-1.8.0.php
new file mode 100644
index 0000000..dced852
--- /dev/null
+++ b/app/notes/update-1.8.0.php
@@ -0,0 +1,12 @@
+<?php if (!isset($releaseNotes)) die(); ?>
+<h2 style="margin-top: 30px;">What's new in Mist?</h2>
+
+<div style="text-align: left; margin-top: 50px;">
+ <div style="display: grid; grid-template-columns: 48px 1fr; grid-gap: 20px; margin-bottom: 20px;">
+ <img src="/assets/icons/notes-icons.svg" style="width: 48px;" class="icon" alt="">
+ <div>
+ <div><b>New application icons</b></div>
+ <div>We made the icons in the app look more modern and more in-line with what Mist aims to be, hope you enjoy them.</div>
+ </div>
+ </div>
+</div> \ No newline at end of file
diff --git a/app/ui/update.php b/app/ui/update.php
index 3915992..7484ae5 100644
--- a/app/ui/update.php
+++ b/app/ui/update.php
@@ -25,7 +25,7 @@
<script src="/assets/js/common.js"></script>
<div style="padding: 1rem;">
<div style="text-align: center;">
- <?php $releaseNotes = true; require_once "../notes/update-1.7.2.php" ?>
+ <?php $releaseNotes = true; require_once "../notes/update-1.8.0.php" ?>
<a style="margin-top: 50px; margin-bottom: 30px; display: block;" class="btn btn-primary" onclick="localStorage.setItem('lastUpdate', '<?= trim(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/version")) ?>'); window.parent._modal.hide();">Continue</a>
</div>
diff --git a/assets/.DS_Store b/assets/.DS_Store
index 1f9a269..c61d89b 100644
--- a/assets/.DS_Store
+++ b/assets/.DS_Store
Binary files differ
diff --git a/assets/icons/add.svg b/assets/icons/add.svg
index 37cf0c2..623882f 100644
--- a/assets/icons/add.svg
+++ b/assets/icons/add.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M453-371h54v-122h122v-54H507v-122h-54v122H331v54h122v122ZM344-140v-88H192q-36.725 0-61.363-24.637Q106-277.275 106-314v-420q0-36.725 24.637-61.362Q155.275-820 192-820h576q36.725 0 61.362 24.638Q854-770.725 854-734v420q0 36.725-24.638 61.363Q804.725-228 768-228H616v88H344ZM192-282h576q12 0 22-10t10-22v-420q0-12-10-22t-22-10H192q-12 0-22 10t-10 22v420q0 12 10 22t22 10Zm-32 0v-484 484Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 18h13a.75.75 0 0 1 .102 1.493L20 19.5H7a.75.75 0 0 1-.102-1.493L7 18Zm10-3a.75.75 0 0 1 .102 1.493L17 16.5H4a.75.75 0 0 1-.102-1.493L4 15h13Zm3-3a.75.75 0 0 1 .102 1.493L20 13.5H7a.75.75 0 0 1-.102-1.493L7 12h13ZM6 5a2.75 2.75 0 0 1 2.55 1.717.75.75 0 0 1-1.346.655l-.045-.091A1.25 1.25 0 1 0 6 9h11.5a.75.75 0 0 1 .102 1.493l-.102.007H6A2.75 2.75 0 0 1 6 5Zm14 1a.75.75 0 0 1 .102 1.493L20 7.5h-9a.75.75 0 0 1-.102-1.493L11 6h9Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/album.svg b/assets/icons/album.svg
index 1871fae..842c065 100644
--- a/assets/icons/album.svg
+++ b/assets/icons/album.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480.235-324Q546-324 591-369.235q45-45.236 45-111Q636-546 590.765-591q-45.236-45-111-45Q414-636 369-590.765q-45 45.236-45 111Q324-414 369.235-369q45.236 45 111 45ZM480-440q-17 0-28.5-11.5T440-480q0-17 11.5-28.5T480-520q17 0 28.5 11.5T520-480q0 17-11.5 28.5T480-440Zm.174 340q-78.814 0-148.212-29.911-69.399-29.912-120.734-81.188-51.336-51.277-81.282-120.595Q100-401.012 100-479.826q0-79.07 29.97-148.694 29.971-69.623 81.348-121.126 51.378-51.502 120.594-80.928Q401.128-860 479.826-860q79.06 0 148.676 29.391 69.615 29.392 121.13 80.848 51.516 51.457 80.942 121.018Q860-559.181 860-480.091q0 79.091-29.391 148.149-29.392 69.059-80.835 120.496-51.443 51.436-120.987 81.441Q559.244-100 480.174-100ZM480-154q136.513 0 231.256-94.744Q806-343.487 806-480t-94.744-231.256Q616.513-806 480-806t-231.256 94.744Q154-616.513 154-480t94.744 231.256Q343.487-154 480-154Zm0-326Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/back-mobile.svg b/assets/icons/back-mobile.svg
index 7e60ad9..23fe859 100644
--- a/assets/icons/back-mobile.svg
+++ b/assets/icons/back-mobile.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m286-452 232 232-39 40-299-299 301-301 39 40-234 234h494v54H286Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.733 19.79a.75.75 0 0 0 1.034-1.086L5.516 12.75H20.25a.75.75 0 0 0 0-1.5H5.516l6.251-5.955a.75.75 0 0 0-1.034-1.086l-7.42 7.067a.995.995 0 0 0-.3.58.754.754 0 0 0 .001.289.995.995 0 0 0 .3.579l7.419 7.067Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/back.svg b/assets/icons/back.svg
index 1c24d08..9cb3b2e 100644
--- a/assets/icons/back.svg
+++ b/assets/icons/back.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m286-452 232 232-39 40-299-299 301-301 39 40-234 234h494v54H286Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.733 19.79a.75.75 0 0 0 1.034-1.086L5.516 12.75H20.25a.75.75 0 0 0 0-1.5H5.516l6.251-5.955a.75.75 0 0 0-1.034-1.086l-7.42 7.067a.995.995 0 0 0-.3.58.754.754 0 0 0 .001.289.995.995 0 0 0 .3.579l7.419 7.067Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/copy.svg b/assets/icons/copy.svg
index f4de1ec..646e5c6 100644
--- a/assets/icons/copy.svg
+++ b/assets/icons/copy.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M375-262q-36.725 0-61.362-24.638Q289-311.275 289-348v-424q0-36.725 24.638-61.362Q338.275-858 375-858h304q36.725 0 61.362 24.638Q765-808.725 765-772v424q0 36.725-24.638 61.362Q715.725-262 679-262H375Zm0-54h304q12 0 22-10t10-22v-424q0-12-10-22t-22-10H375q-12 0-22 10t-10 22v424q0 12 10 22t22 10ZM241-128q-36.725 0-61.363-24.637Q155-177.275 155-214v-478h54v478q0 12 10 22t22 10h358v54H241Zm102-188v-488 488Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/download.svg b/assets/icons/download.svg
index 2e1cd9c..79c6f2d 100644
--- a/assets/icons/download.svg
+++ b/assets/icons/download.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M479-336 315-500l39-37 98 98v-341h54v341l98-98 39 37-164 164ZM266-180q-36.725 0-61.363-24.637Q180-229.275 180-266v-90h54v90q0 12 10 22t22 10h428q12 0 22-10t10-22v-90h54v90q0 37-24.638 61.5Q730.725-180 694-180H266Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 20.5a.75.75 0 1 1 0 1.5l-13 .004a.75.75 0 1 1 0-1.5l13-.004ZM11.648 2.012l.102-.007a.75.75 0 0 1 .743.648l.007.102-.001 13.685 3.722-3.72a.75.75 0 0 1 .976-.073l.085.073a.75.75 0 0 1 .072.976l-.073.084-4.997 4.997a.75.75 0 0 1-.976.073l-.085-.073-5.003-4.996a.75.75 0 0 1 .976-1.134l.084.072 3.719 3.714L11 2.755a.75.75 0 0 1 .648-.743l.102-.007-.102.007Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/explore.svg b/assets/icons/explore.svg
index 165ebe2..75d93c6 100644
--- a/assets/icons/explore.svg
+++ b/assets/icons/explore.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m298-298 240-124 124-240-240 124-124 240Zm182-142q-17 0-28.5-11.5T440-480q0-17 11.5-28.5T480-520q17 0 28.5 11.5T520-480q0 17-11.5 28.5T480-440Zm.174 340q-78.814 0-148.212-29.911-69.399-29.912-120.734-81.188-51.336-51.277-81.282-120.595Q100-401.012 100-479.826q0-79.07 29.97-148.694 29.971-69.623 81.348-121.126 51.378-51.502 120.594-80.928Q401.128-860 479.826-860q79.06 0 148.676 29.391 69.615 29.392 121.13 80.848 51.516 51.457 80.942 121.018Q860-559.181 860-480.091q0 79.091-29.391 148.149-29.392 69.059-80.835 120.496-51.443 51.436-120.987 81.441Q559.244-100 480.174-100ZM480-154q136.513 0 231.256-94.744Q806-343.487 806-480t-94.744-231.256Q616.513-806 480-806t-231.256 94.744Q154-616.513 154-480t94.744 231.256Q343.487-154 480-154Zm0-326Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.707 7.084c-1.02-.407-2.03.604-1.624 1.624l1.606 4.028a4.75 4.75 0 0 0 2.541 2.607l4.325 1.854c1.038.445 2.086-.604 1.642-1.641l-1.854-4.326a4.75 4.75 0 0 0-2.607-2.541L8.707 7.084Zm1.375 5.096-1.39-3.488 3.488 1.39a3.25 3.25 0 0 1 1.784 1.74l1.608 3.75-3.751-1.607a3.25 3.25 0 0 1-1.739-1.785Z" fill="#79c2f6"/><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm-7.75 9h-.692A8.504 8.504 0 0 1 11 3.558v.692a.75.75 0 0 0 1.5 0v-.736A8.502 8.502 0 0 1 20.442 11h-.692a.75.75 0 0 0 0 1.5h.735a8.501 8.501 0 0 1-7.985 7.985v-.735a.75.75 0 0 0-1.5 0v.692A8.502 8.502 0 0 1 3.514 12.5h.736a.75.75 0 0 0 0-1.5Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/favorite-off.svg b/assets/icons/favorite-off.svg
index 18e104c..c774cd1 100644
--- a/assets/icons/favorite-off.svg
+++ b/assets/icons/favorite-off.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m480-154-38-36q-106-99-173-166.5T164.5-473q-37.5-49-51-88.5T100-642q0-82 57.5-139T298-838q49 0 96 26t86 76q39-50 86-76t96-26q83 0 140.5 57T860-642q0 41-13.5 80.5t-51 88.5q-37.5 49-104 116.5T518-190l-38 36Zm0-74q98-90 161-153t100-109.5q37-46.5 51-81.5t14-70q0-61-40.5-101.5T662-784q-46 0-87.5 28T506-678h-52q-28-51-69-78.5T298-784q-62 0-103 40.5T154-642q0 35 14 70t51 81.5q37 46.5 100 109T480-228Zm0-278Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.82 5.58-.82.822-.824-.824a5.375 5.375 0 1 0-7.601 7.602l7.895 7.895a.75.75 0 0 0 1.06 0l7.902-7.897a5.376 5.376 0 0 0-.001-7.599 5.38 5.38 0 0 0-7.611 0Zm6.548 6.54L12 19.485 4.635 12.12a3.875 3.875 0 1 1 5.48-5.48l1.358 1.357a.75.75 0 0 0 1.073-.012L13.88 6.64a3.88 3.88 0 0 1 5.487 5.48Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/favorite-on.svg b/assets/icons/favorite-on.svg
index 87b1d23..1e84a9b 100644
--- a/assets/icons/favorite-on.svg
+++ b/assets/icons/favorite-on.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m480-154-38-36q-106-99-173-166.5T164.5-473q-37.5-49-51-88.5T100-642q0-82 57.5-139T298-838q49 0 96 26t86 76q39-50 86-76t96-26q83 0 140.5 57T860-642q0 41-13.5 80.5t-51 88.5q-37.5 49-104 116.5T518-190l-38 36Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.82 5.58-.82.822-.824-.824a5.375 5.375 0 1 0-7.601 7.602l7.895 7.895a.75.75 0 0 0 1.06 0l7.902-7.897a5.376 5.376 0 0 0-.001-7.599 5.38 5.38 0 0 0-7.611 0Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/favorites.svg b/assets/icons/favorites.svg
index dc71a20..6bd51e5 100644
--- a/assets/icons/favorites.svg
+++ b/assets/icons/favorites.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m480-154-38-36q-106-99-173-166.5T164.5-473q-37.5-49-51-88.5T100-642q0-82 57.5-139T298-838q49 0 96 26t86 76q39-50 86-76t96-26q83 0 140.5 57T860-642q0 41-13.5 80.5t-51 88.5q-37.5 49-104 116.5T518-190l-38 36Zm0-74q98-90 161-153t100-109.5q37-46.5 51-81.5t14-70q0-61-40.5-101.5T662-784q-46 0-87.5 28T506-678h-52q-28-51-69-78.5T298-784q-62 0-103 40.5T154-642q0 35 14 70t51 81.5q37 46.5 100 109T480-228Zm0-278Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.82 5.58-.82.822-.824-.824a5.375 5.375 0 1 0-7.601 7.602l7.895 7.895a.75.75 0 0 0 1.06 0l7.902-7.897a5.376 5.376 0 0 0-.001-7.599 5.38 5.38 0 0 0-7.611 0Zm6.548 6.54L12 19.485 4.635 12.12a3.875 3.875 0 1 1 5.48-5.48l1.358 1.357a.75.75 0 0 0 1.073-.012L13.88 6.64a3.88 3.88 0 0 1 5.487 5.48Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/home.svg b/assets/icons/home.svg
index 0887f2c..3a9b90d 100644
--- a/assets/icons/home.svg
+++ b/assets/icons/home.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M242-200h131v-247h214v247h131v-358L480-738 242-558v358Zm-54 54v-439l292-220 292 220v439H533v-247H427v247H188Zm292-323Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.55 2.532a2.25 2.25 0 0 1 2.9 0l6.75 5.692c.507.428.8 1.057.8 1.72v9.803a1.75 1.75 0 0 1-1.75 1.75h-3.5a1.75 1.75 0 0 1-1.75-1.75v-5.5a.25.25 0 0 0-.25-.25h-3.5a.25.25 0 0 0-.25.25v5.5a1.75 1.75 0 0 1-1.75 1.75h-3.5A1.75 1.75 0 0 1 3 19.747V9.944c0-.663.293-1.292.8-1.72l6.75-5.692Zm1.933 1.147a.75.75 0 0 0-.966 0L4.767 9.37a.75.75 0 0 0-.267.573v9.803c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-5.5c0-.967.784-1.75 1.75-1.75h3.5c.966 0 1.75.783 1.75 1.75v5.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25V9.944a.75.75 0 0 0-.267-.573l-6.75-5.692Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/info.svg b/assets/icons/info.svg
index 5cd0fe5..ca9e3ce 100644
--- a/assets/icons/info.svg
+++ b/assets/icons/info.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M454-290h54v-230h-54v230Zm25.825-296q12.675 0 21.425-8.575 8.75-8.574 8.75-21.25 0-12.675-8.575-21.425-8.574-8.75-21.25-8.75-12.675 0-21.425 8.575-8.75 8.574-8.75 21.25 0 12.675 8.575 21.425 8.574 8.75 21.25 8.75Zm.349 486q-78.814 0-148.212-29.911-69.399-29.912-120.734-81.188-51.336-51.277-81.282-120.595Q100-401.012 100-479.826q0-79.07 29.97-148.694 29.971-69.623 81.348-121.126 51.378-51.502 120.594-80.928Q401.128-860 479.826-860q79.06 0 148.676 29.391 69.615 29.392 121.13 80.848 51.516 51.457 80.942 121.018Q860-559.181 860-480.091q0 79.091-29.391 148.149-29.392 69.059-80.835 120.496-51.443 51.436-120.987 81.441Q559.244-100 480.174-100ZM480-154q136.513 0 231.256-94.744Q806-343.487 806-480t-94.744-231.256Q616.513-806 480-806t-231.256 94.744Q154-616.513 154-480t94.744 231.256Q343.487-154 480-154Zm0-326Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.999c5.524 0 10.002 4.478 10.002 10.002 0 5.523-4.478 10.001-10.002 10.001-5.524 0-10.002-4.478-10.002-10.001C1.998 6.477 6.476 1.999 12 1.999Zm0 1.5a8.502 8.502 0 1 0 0 17.003A8.502 8.502 0 0 0 12 3.5Zm-.004 7a.75.75 0 0 1 .744.648l.007.102.003 5.502a.75.75 0 0 1-1.493.102l-.007-.101-.003-5.502a.75.75 0 0 1 .75-.75ZM12 7.003a.999.999 0 1 1 0 1.997.999.999 0 0 1 0-1.997Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/library.svg b/assets/icons/library.svg
index f3a51f3..ab6c913 100644
--- a/assets/icons/library.svg
+++ b/assets/icons/library.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M491.085-360Q528-360 553.5-385.56T579-448v-230h116v-70H545v234q-11.116-11-25.058-16.5T491-536q-36.88 0-62.44 25.585-25.56 25.584-25.56 62.5Q403-411 428.585-385.5q25.584 25.5 62.5 25.5ZM335-262q-36.725 0-61.362-24.638Q249-311.275 249-348v-424q0-36.725 24.638-61.362Q298.275-858 335-858h424q36.725 0 61.362 24.638Q845-808.725 845-772v424q0 36.725-24.638 61.362Q795.725-262 759-262H335Zm0-54h424q12 0 22-10t10-22v-424q0-12-10-22t-22-10H335q-12 0-22 10t-10 22v424q0 12 10 22t22 10ZM201-128q-36.725 0-61.363-24.637Q115-177.275 115-214v-478h54v478q0 12 10 22t22 10h478v54H201Zm102-676v488-488Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 3h1c1.054 0 1.918.816 1.995 1.85L7 5v14a2.001 2.001 0 0 1-1.85 1.994L5 21H4a2.001 2.001 0 0 1-1.995-1.85L2 19V5c0-1.054.816-1.918 1.85-1.995L4 3h1-1Zm6 0h1c1.054 0 1.918.816 1.995 1.85L13 5v14a2.001 2.001 0 0 1-1.85 1.994L11 21h-1a2.001 2.001 0 0 1-1.995-1.85L8 19V5c0-1.054.816-1.918 1.85-1.995L10 3h1-1Zm6.974 2c.84 0 1.608.531 1.89 1.346l.047.157 3.015 11.745a2 2 0 0 1-1.296 2.392l-.144.043-.969.248a2.002 2.002 0 0 1-2.387-1.284l-.047-.155-3.016-11.745a2 2 0 0 1 1.298-2.392l.143-.043.968-.248c.166-.043.334-.064.498-.064ZM5 4.5H4a.501.501 0 0 0-.492.41L3.5 5v14c0 .244.177.45.41.492L4 19.5h1c.245 0 .45-.178.492-.41L5.5 19V5a.501.501 0 0 0-.41-.492L5 4.5Zm6 0h-1a.501.501 0 0 0-.492.41L9.5 5v14c0 .244.177.45.41.492l.09.008h1c.245 0 .45-.178.492-.41L11.5 19V5a.501.501 0 0 0-.41-.492L11 4.5Zm5.975 2-.063.004-.063.013-.968.247a.498.498 0 0 0-.376.51l.015.1 3.016 11.745a.5.5 0 0 0 .483.375l.063-.003.062-.012.97-.25a.5.5 0 0 0 .374-.519l-.015-.088-3.015-11.747a.501.501 0 0 0-.483-.375Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/lyrics.svg b/assets/icons/lyrics.svg
index 7de6c55..5278a5b 100644
--- a/assets/icons/lyrics.svg
+++ b/assets/icons/lyrics.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M196-333v-454 454Zm-54 158v-580q0-37 24.5-61.5T228-841h350q37 0 61.5 24.5T664-755v11q-18 7-31.5 19T610-696v-59q0-14-9-23t-23-9H228q-14 0-23 9t-9 23v422h382q14 0 23-9t9-23v-79q9 17 22.5 29t31.5 19v31q0 37-24.5 61.5T578-279H246L142-175Zm130-222h142v-54H272v54Zm474.294-66Q702-463 670.5-494T639-570q0-45 31.292-76 31.291-31 75.708-31 18.452 0 29.726 5Q787-667 799-652v-225h134v54h-80v253q0 45-31.206 76t-75.5 31ZM272-533h262v-54H272v54Zm0-136h262v-54H272v54Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.513 2.048a.75.75 0 0 0-1.013.702v12.127a4 4 0 1 0 1.476 3.56.749.749 0 0 0 .024-.187V8.832l6.987 2.62A.75.75 0 0 0 20 10.75V7.483a3.25 3.25 0 0 0-2.109-3.044l-6.378-2.391ZM10.5 18a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm8-8.332L12 7.23V3.832l5.364 2.012A1.75 1.75 0 0 1 18.5 7.483v2.185Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/menu.svg b/assets/icons/menu.svg
index b182f03..3da40eb 100644
--- a/assets/icons/menu.svg
+++ b/assets/icons/menu.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M479.841-186q-17.391 0-29.616-12.384Q438-210.769 438-228.159q0-17.391 12.384-29.616Q462.769-270 480.159-270q17.391 0 29.616 12.384Q522-245.231 522-227.841q0 17.391-12.384 29.616Q497.231-186 479.841-186Zm0-252q-17.391 0-29.616-12.384Q438-462.769 438-480.159q0-17.391 12.384-29.616Q462.769-522 480.159-522q17.391 0 29.616 12.384Q522-497.231 522-479.841q0 17.391-12.384 29.616Q497.231-438 479.841-438Zm0-252q-17.391 0-29.616-12.384Q438-714.769 438-732.159q0-17.391 12.384-29.616Q462.769-774 480.159-774q17.391 0 29.616 12.384Q522-749.231 522-731.841q0 17.391-12.384 29.616Q497.231-690 479.841-690Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.75a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5ZM12 13.75a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5ZM10.25 18a1.75 1.75 0 1 0 3.5 0 1.75 1.75 0 0 0-3.5 0Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/next.svg b/assets/icons/next.svg
index f352a47..776bfb2 100644
--- a/assets/icons/next.svg
+++ b/assets/icons/next.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M130-274v-412l310 206-310 206Zm390 0v-412l310 206-310 206ZM184-480Zm390 0ZM184-374l158-106-158-106v212Zm390 0 158-106-158-106v212Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.71 4.158 9 7a.75.75 0 0 1 0 1.184l-9.001 7a.75.75 0 0 1-1.21-.592v-5.077l-7.29 5.67a.75.75 0 0 1-1.21-.593L3 4.75a.75.75 0 0 1 1.21-.592l7.288 5.669.002-5.077a.75.75 0 0 1 1.21-.592ZM13 6.284l-.001 10.933 7.03-5.467-7.03-5.466Zm-8.5 0-.001 10.933 7-5.444v-.046l-7-5.443Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/notes-icons.svg b/assets/icons/notes-icons.svg
new file mode 100644
index 0000000..cf0a1f7
--- /dev/null
+++ b/assets/icons/notes-icons.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.5a3.5 3.5 0 0 0-2.669 5.764.75.75 0 0 1-.571 1.236H3.75a.25.25 0 0 0-.25.25v1c0 2.9 2.35 5.25 5.25 5.25h3.218c.15.11.319.196.504.255a9.129 9.129 0 0 0-.727 1.245H8.75A6.75 6.75 0 0 1 2 11.75v-1C2 9.784 2.784 9 3.75 9h4.666a5 5 0 1 1 9.168-4h1.666c.966 0 1.75.784 1.75 1.75a2.75 2.75 0 0 1-2.75 2.75h-.92c-.135.235-.29.458-.461.667.157.137.305.284.442.44-.176.019-.356.04-.54.065a7.01 7.01 0 0 0-1.323.306 3.047 3.047 0 0 0-.1-.058.75.75 0 0 1-.11-1.23A3.502 3.502 0 0 0 16.355 8h1.895c.69 0 1.25-.56 1.25-1.25a.25.25 0 0 0-.25-.25h-2.785A3.5 3.5 0 0 0 13 3.5Z" fill="#000000"/><path d="M16.901 11.663c2.801-.37 4.539-.06 5.563.227a.75.75 0 0 1 .212 1.348c-.057.038-.15.13-.26.34-.11.208-.213.48-.32.825-.088.284-.17.59-.261.925l-.057.212c-.112.41-.234.85-.382 1.286-.292.862-.704 1.782-1.397 2.488-.72.733-1.695 1.19-3 1.19-1.328 0-2.256-.539-2.85-1.159-.403.74-.613 1.437-.645 1.951a.75.75 0 0 1-1.497-.091c.07-1.14.665-2.574 1.662-3.844 1.009-1.284 2.48-2.467 4.381-3.04a.75.75 0 0 1 .433 1.436c-1.448.437-2.61 1.312-3.452 2.308.31.442.922.939 1.969.939.911 0 1.498-.302 1.928-.74.457-.466.78-1.13 1.047-1.92.132-.389.245-.791.355-1.197l.055-.201c.09-.335.181-.674.278-.987.09-.291.192-.583.314-.853-.893-.13-2.15-.184-3.879.044-1.998.265-3.124 1.723-3.375 2.635a.75.75 0 0 1-1.446-.398c.396-1.442 1.978-3.373 4.624-3.724Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/pause.svg b/assets/icons/pause.svg
index d97bcb6..57d45a7 100644
--- a/assets/icons/pause.svg
+++ b/assets/icons/pause.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M546-223v-516h192v516H546Zm-324 0v-516h192v516H222Zm378-54h84v-408h-84v408Zm-324 0h84v-408h-84v408Zm0-408v408-408Zm324 0v408-408Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.746 3a1.75 1.75 0 0 0-1.75 1.75v14.5c0 .966.784 1.75 1.75 1.75h3.5a1.75 1.75 0 0 0 1.75-1.75V4.75A1.75 1.75 0 0 0 9.246 3h-3.5Zm-.25 1.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v14.5a.25.25 0 0 1-.25.25h-3.5a.25.25 0 0 1-.25-.25V4.75ZM14.746 3a1.75 1.75 0 0 0-1.75 1.75v14.5c0 .966.784 1.75 1.75 1.75h3.5a1.75 1.75 0 0 0 1.75-1.75V4.75A1.75 1.75 0 0 0 18.246 3h-3.5Zm-.25 1.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v14.5a.25.25 0 0 1-.25.25h-3.5a.25.25 0 0 1-.25-.25V4.75Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/play.svg b/assets/icons/play.svg
index b5ac393..8dfd880 100644
--- a/assets/icons/play.svg
+++ b/assets/icons/play.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M344-256v-448l354 224-354 224Zm54-224Zm0 124 198-124-198-124v248Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.608 4.615a.75.75 0 0 0-1.108.659v13.452a.75.75 0 0 0 1.108.659l12.362-6.726a.75.75 0 0 0 0-1.318L7.608 4.615ZM5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/playlist.svg b/assets/icons/playlist.svg
index 76c1216..78dc9ee 100644
--- a/assets/icons/playlist.svg
+++ b/assets/icons/playlist.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M631.765-180Q589-180 558.5-210.11 528-240.221 528-283.235q0-43.848 30.333-74.807Q588.667-389 632-389q14.548 0 27.774 7T684-367v-333h176v77H737v340q0 42.917-30.694 72.958Q675.613-180 631.765-180ZM140-341v-53h295v53H140Zm0-153v-53h444v53H140Zm0-153v-53h444v53H140Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 18h13a.75.75 0 0 1 .102 1.493L20 19.5H7a.75.75 0 0 1-.102-1.493L7 18Zm10-3a.75.75 0 0 1 .102 1.493L17 16.5H4a.75.75 0 0 1-.102-1.493L4 15h13Zm3-3a.75.75 0 0 1 .102 1.493L20 13.5H7a.75.75 0 0 1-.102-1.493L7 12h13ZM6 5a2.75 2.75 0 0 1 2.55 1.717.75.75 0 0 1-1.346.655l-.045-.091A1.25 1.25 0 1 0 6 9h11.5a.75.75 0 0 1 .102 1.493l-.102.007H6A2.75 2.75 0 0 1 6 5Zm14 1a.75.75 0 0 1 .102 1.493L20 7.5h-9a.75.75 0 0 1-.102-1.493L11 6h9Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/playnext.svg b/assets/icons/playnext.svg
index 78824a5..a3567c7 100644
--- a/assets/icons/playnext.svg
+++ b/assets/icons/playnext.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m790-77-35-35 126-126-126-126 35-35 161 161L790-77Zm-446-63v-88H192q-36.725 0-61.363-24.637Q106-277.275 106-314v-420q0-36.725 24.637-61.362Q155.275-820 192-820h576q36.725 0 61.362 24.638Q854-770.725 854-734v252h-54v-252q0-12-10-22t-22-10H192q-12 0-22 10t-10 22v420q0 12 10 22t22 10h495v54h-82v88H344Zm111-234h54v-122h122v-54H509v-122h-54v122H333v54h122v122Zm-295 92v-484 484Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm0 2-.09.007a.5.5 0 0 0-.402.402L17 14.5V17L14.498 17l-.09.008a.5.5 0 0 0-.402.402l-.008.09.008.09a.5.5 0 0 0 .402.402l.09.008H17v2.503l.008.09a.5.5 0 0 0 .402.402l.09.008.09-.008a.5.5 0 0 0 .402-.402l.008-.09V18l2.504.001.09-.008a.5.5 0 0 0 .402-.402l.008-.09-.008-.09a.5.5 0 0 0-.403-.402l-.09-.008H18v-2.5l-.008-.09a.5.5 0 0 0-.402-.403L17.5 14Zm-6.481 4c.04.519.14 1.021.294 1.5H7a.75.75 0 0 1-.102-1.493L7 18h4.019Zm.479-3c-.198.475-.34.977-.422 1.5H4a.75.75 0 0 1-.102-1.493L4 15h7.498Zm2.537-3a6.534 6.534 0 0 0-1.659 1.5H7a.75.75 0 0 1-.102-1.493L7 12h7.035ZM6 5a2.75 2.75 0 0 1 2.55 1.717.75.75 0 0 1-1.346.655l-.045-.091A1.25 1.25 0 1 0 6 9h11.5a.75.75 0 0 1 .102 1.493l-.102.007H6A2.75 2.75 0 0 1 6 5Zm14 1a.75.75 0 0 1 .102 1.493L20 7.5h-9a.75.75 0 0 1-.102-1.493L11 6h9Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/previous.svg b/assets/icons/previous.svg
index 854b952..26df84b 100644
--- a/assets/icons/previous.svg
+++ b/assets/icons/previous.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M830-274 520-480l310-206v412Zm-390 0L130-480l310-206v412Zm-54-206Zm390 0ZM386-374v-212L228-480l158 106Zm390 0v-212L618-480l158 106Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m21.002 4.75-.002 14a.75.75 0 0 1-1.21.592l-7.29-5.67v5.078a.75.75 0 0 1-1.21.592l-9-7a.75.75 0 0 1 0-1.184l9.001-7a.75.75 0 0 1 1.21.592L12.5 9.827l7.291-5.67a.75.75 0 0 1 1.21.593Zm-10 1.533-7.03 5.467L11 17.217l.001-10.934Zm8.5 0L12.5 11.726v.046l7 5.445.001-10.934Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/remove.svg b/assets/icons/remove.svg
index e24e387..a43caa5 100644
--- a/assets/icons/remove.svg
+++ b/assets/icons/remove.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M220-454v-54h520v54H220Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/repeat-off.svg b/assets/icons/repeat-off.svg
index ef706ad..a92d410 100644
--- a/assets/icons/repeat-off.svg
+++ b/assets/icons/repeat-off.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M284-99 140-243l144-144 39 38-79 79h458v-163h54v217H244l79 79-39 38Zm-80-427v-217h513l-79-79 39-38 144 144-144 144-39-38 79-79H258v163h-54Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m3.196 2.147.084.073 18.5 18.5a.75.75 0 0 1-.976 1.133l-.084-.073-3.509-3.508c-.436.12-.89.194-1.358.219l-.353.009H8.564l1.9 1.9.066.076a.75.75 0 0 1-1.043 1.056l-.084-.072-3.182-3.182-.067-.077a.75.75 0 0 1-.006-.899l.073-.085 3.182-3.182.077-.067a.75.75 0 0 1 .899-.006l.084.073.068.077a.75.75 0 0 1 .005.899l-.073.085L8.558 17H15.5c.142 0 .283-.006.421-.017L6.402 7.46a5 5 0 0 0-1.6 7.904.75.75 0 1 1-1.11 1.007A6.47 6.47 0 0 1 2 12a6.498 6.498 0 0 1 3.287-5.652L2.22 3.28a.75.75 0 0 1 .976-1.133ZM19.75 7.378c.22 0 .416.094.553.244A6.47 6.47 0 0 1 22 12c0 2.057-.955 3.89-2.446 5.081l-1.069-1.07A4.993 4.993 0 0 0 20.5 12c0-1.306-.5-2.495-1.32-3.386a.75.75 0 0 1 .57-1.236Zm-5.217-4.975.077.067 3.182 3.182a.75.75 0 0 1 .067.984l-.067.076-3.182 3.182a.75.75 0 0 1-1.128-.984l.068-.076L15.38 7H9.473l-1.48-1.48a6.57 6.57 0 0 1 .274-.016L8.5 5.5h7.021L13.55 3.53a.75.75 0 0 1-.067-.984l.068-.076a.75.75 0 0 1 .983-.067Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/repeat-on.svg b/assets/icons/repeat-on.svg
index 667def9..054d7b6 100644
--- a/assets/icons/repeat-on.svg
+++ b/assets/icons/repeat-on.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M113-60q-22 0-37.5-15.5T60-113v-734q0-23 15.5-38t37.5-15h734q23 0 38 15t15 38v734q0 22-15 37.5T847-60H113Zm171-39 39-38-79-79h512v-217h-54v163H244l79-79-39-38-144 144L284-99Zm-80-427h54v-163h459l-79 79 39 38 144-144-144-144-39 38 79 79H204v217Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m14.61 2.47-.077-.067a.748.748 0 0 0-.983.067l-.068.078a.755.755 0 0 0 .068.987l1.971 1.977H8.5l-.233.004C4.785 5.639 2 8.51 2 12.036c0 1.69.64 3.23 1.692 4.39l.072.069a.751.751 0 0 0 1.08-1.033l-.2-.231A5.009 5.009 0 0 1 3.5 12.035c0-2.771 2.239-5.018 5-5.018h6.881l-1.832 1.84-.067.078a.755.755 0 0 0 .068.987.748.748 0 0 0 1.06 0l3.182-3.193.067-.078a.755.755 0 0 0-.067-.987L14.61 2.47Zm5.62 5.101a.751.751 0 0 0-1.05 1.066 5.01 5.01 0 0 1 1.32 3.398c0 2.772-2.239 5.019-5 5.019H8.558l1.905-1.911.074-.086a.755.755 0 0 0-.007-.902l-.067-.077-.084-.073a.748.748 0 0 0-.9.006l-.076.067-3.182 3.194-.073.085a.755.755 0 0 0 .006.902l.067.077 3.182 3.194.084.072c.293.22.71.195.976-.073a.755.755 0 0 0 .068-.987l-.068-.077-1.899-1.906H15.5l.233-.004C19.215 18.432 22 15.56 22 12.035a6.513 6.513 0 0 0-1.697-4.395l-.073-.069Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/search.svg b/assets/icons/search.svg
index f812a6f..bbcd5f5 100644
--- a/assets/icons/search.svg
+++ b/assets/icons/search.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M787-138 535-390q-30 25-73.5 38.5T379-338q-102.231 0-173.115-70.837Q135-479.675 135-581.837 135-684 205.837-755q70.838-71 173-71Q481-826 552-755.115 623-684.231 623-582q0 42-13.5 83T572-429l253 253-38 38ZM379-392q81 0 135.5-54.5T569-582q0-81-54.5-135.5T379-772q-81 0-135.5 54.5T189-582q0 81 54.5 135.5T379-392Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/settings.svg b/assets/icons/settings.svg
index 1e37786..6629e42 100644
--- a/assets/icons/settings.svg
+++ b/assets/icons/settings.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m393-100-16-119q-15-5-36.779-16.455Q318.441-246.909 305-260l-112 47-86-156 92-71q-1-9.926-2.5-21t-1.5-21q0-8.407 1.5-18.5T199-524l-92-69 86-152 107 44q17-14 38-25.5t39-18.5l16-117h174l15 119q21 9 38.5 18.5T656-700l111-45 86 152-98 74q3 11 3.5 21t.5 18q0 7-1 17t-2 24l94 70-86 156-113-48q-17 14-33.5 24T583-221l-16 121H393Zm46-54h78.849L533-264q31-8 55.913-22.085Q613.827-300.17 641-326l98 42 41-68-86-66q5-18 7-33.23 2-15.23 2-30.5 0-16.27-1.5-29.27t-6.5-33l87-66-39-68-102 41q-17-20-49.393-38.795T532-700l-11-108h-83l-10 106q-34 7-61 22.5T314-637l-97-41-41 68 84 65q-5 17-7 33t-2 30.424Q251-469 253-453t6 36l-83 65 41 68 97-41q28 26 54.5 40.5T427-262l12 108Zm36-212q48.6 0 82.3-33.7Q591-433.4 591-482q0-48.6-33.7-82.3Q523.6-598 475-598q-48 0-82 33.7T359-482q0 48.6 34 82.3 34 33.7 82 33.7Zm4-115Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/shuffle-off.svg b/assets/icons/shuffle-off.svg
index 0eddee0..a961998 100644
--- a/assets/icons/shuffle-off.svg
+++ b/assets/icons/shuffle-off.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M577-180v-41h136L560-374l28-27 151 151v-131h41v201H577Zm-369 0-28-28 531-531H577v-41h203v200h-41v-131L208-180Zm159-386L180-753l27-27 187 187-27 27Z"/></svg> \ No newline at end of file
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.3827 32.1505L41.8661 43.6339C42.3543 44.122 43.1457 44.122 43.6339 43.6339C44.122 43.1457 44.122 42.3543 43.6339 41.8661L6.13388 4.36612C5.64573 3.87796 4.85427 3.87796 4.36612 4.36612C3.87796 4.85427 3.87796 5.64573 4.36612 6.13388L14.5699 16.3377C11.9885 14.9272 8.97711 14 5.25 14C4.55964 14 4 14.5596 4 15.25C4 15.9404 4.55964 16.5 5.25 16.5C11.267 16.5 15.1125 19.207 18.7707 22.6157C19.0828 22.3115 19.3982 22.0012 19.7183 21.6857L19.8188 21.5865L21.233 23.0008C21.2233 23.0104 21.2136 23.0199 21.2039 23.0295L21.1224 23.1099C16.6648 27.5047 12.5599 31.5 5.25 31.5C4.55964 31.5 4 32.0596 4 32.75C4 33.4404 4.55964 34 5.25 34C13.6383 34 18.4014 29.3036 22.7961 24.9705L22.8776 24.8901C22.9187 24.8496 22.9598 24.8091 23.0009 24.7686L24.4151 26.1829C24.3707 26.2266 24.3263 26.2704 24.2817 26.3143L24.0948 26.4987C23.88 26.7106 23.6629 26.9247 23.4432 27.1403C25.4836 29.0507 27.7025 30.8672 30.3827 32.1505ZM39.3032 34L36.6917 31.3885C37.3493 31.4617 38.0343 31.5 38.75 31.5H39.7322L36.3661 28.1339C35.878 27.6457 35.878 26.8543 36.3661 26.3661C36.8543 25.878 37.6457 25.878 38.1339 26.3661L43.6339 31.8661C44.122 32.3543 44.122 33.1457 43.6339 33.6339L41.2855 35.9823L39.5177 34.2145L39.7322 34H39.3032ZM26.6481 21.3449L24.8733 19.57C28.4072 16.5193 32.6063 14 38.75 14H39.7322L36.3661 10.6339C35.878 10.1457 35.878 9.35427 36.3661 8.86612C36.8543 8.37796 37.6457 8.37796 38.1339 8.86612L43.6339 14.3661C44.122 14.8543 44.122 15.6457 43.6339 16.1339L38.1339 21.6339C37.6457 22.122 36.8543 22.122 36.3661 21.6339C35.878 21.1457 35.878 20.3543 36.3661 19.8661L39.7322 16.5H38.75C33.5035 16.5 29.908 18.5581 26.6481 21.3449Z" fill="#212121"/>
+</svg>
diff --git a/assets/icons/shuffle-on.svg b/assets/icons/shuffle-on.svg
index d2327f6..9de9ef2 100644
--- a/assets/icons/shuffle-on.svg
+++ b/assets/icons/shuffle-on.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M113-60q-21.55 0-37.275-15.725Q60-91.45 60-113v-734q0-22.55 15.725-37.775Q91.45-900 113-900h734q22.55 0 37.775 15.225Q900-869.55 900-847v734q0 21.55-15.225 37.275Q869.55-60 847-60H113Zm464-120h203v-201h-41v131L588-401l-28 27 153 153H577v41Zm-369 0 531-531v131h41v-200H577v41h134L180-208l28 28Zm159-386 27-27-187-187-27 27 187 187Z"/></svg> \ No newline at end of file
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.1339 8.86612C37.6457 8.37796 36.8543 8.37796 36.3661 8.86612C35.878 9.35427 35.878 10.1457 36.3661 10.6339L39.7322 14H38.75C30.3617 14 25.5986 18.6964 21.2039 23.0295L21.1224 23.1099C16.6648 27.5047 12.5599 31.5 5.25 31.5C4.55964 31.5 4 32.0596 4 32.75C4 33.4404 4.55964 34 5.25 34C13.6383 34 18.4014 29.3036 22.7961 24.9705L22.8776 24.8901C27.3352 20.4953 31.4401 16.5 38.75 16.5H39.7322L36.3661 19.8661C35.878 20.3543 35.878 21.1457 36.3661 21.6339C36.8543 22.122 37.6457 22.122 38.1339 21.6339L43.6339 16.1339C44.122 15.6457 44.122 14.8543 43.6339 14.3661L38.1339 8.86612ZM5.25 14C12.2425 14 16.716 17.2636 20.5568 20.8597C20.3374 21.075 20.1206 21.2888 19.9061 21.5004L19.7183 21.6857C19.3982 22.0012 19.0828 22.3115 18.7707 22.6157C15.1125 19.207 11.267 16.5 5.25 16.5C4.55964 16.5 4 15.9404 4 15.25C4 14.5596 4.55964 14 5.25 14ZM38.75 34C31.7575 34 27.284 30.7364 23.4432 27.1403C23.6629 26.9247 23.88 26.7106 24.0948 26.4987L24.2817 26.3143C24.6018 25.9988 24.9172 25.6885 25.2293 25.3843C28.8875 28.793 32.733 31.5 38.75 31.5H39.7322L36.3661 28.1339C35.878 27.6457 35.878 26.8543 36.3661 26.3661C36.8543 25.878 37.6457 25.878 38.1339 26.3661L43.6339 31.8661C44.122 32.3543 44.122 33.1457 43.6339 33.6339L38.1339 39.1339C37.6457 39.622 36.8543 39.622 36.3661 39.1339C35.878 38.6457 35.878 37.8543 36.3661 37.3661L39.7322 34H38.75Z" fill="#000000"/>
+</svg>
diff --git a/assets/icons/song.svg b/assets/icons/song.svg
index d365da2..9b1f542 100644
--- a/assets/icons/song.svg
+++ b/assets/icons/song.svg
@@ -1 +1 @@
-<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M400-146q-55.55 0-95.775-40.225Q264-226.45 264-282q0-55.55 40.225-95.775Q344.45-418 400-418q23 0 44 6.5t38 21.5v-424h214v122H536v410q0 55.55-40.225 95.775Q455.55-146 400-146Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.698 2.148A.75.75 0 0 1 20 2.75v13.5a.764.764 0 0 1-.004.079 3.5 3.5 0 1 1-1.496-2.702V7.758l-8.5 2.55v7.942a.756.756 0 0 1-.004.079A3.5 3.5 0 1 1 8.5 15.627V5.75a.75.75 0 0 1 .534-.718l10-3a.75.75 0 0 1 .664.116ZM10 8.742l8.5-2.55V3.758L10 6.308v2.434ZM6.5 16.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z" fill="#79c2f6"/></svg> \ No newline at end of file
diff --git a/assets/icons/volume-down.svg b/assets/icons/volume-down.svg
index f60256d..43938e0 100644
--- a/assets/icons/volume-down.svg
+++ b/assets/icons/volume-down.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M310-392v-176h144l154-156v488L454-392H310Zm54-54h112l78 80v-228l-78 80H364v68Zm95-34Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/assets/icons/volume-up.svg b/assets/icons/volume-up.svg
index d97dfa6..0e1ae19 100644
--- a/assets/icons/volume-up.svg
+++ b/assets/icons/volume-up.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M548-121v-56q101-30 164.5-115T776-482q0-104-64-188T548-784v-56q123 31 202.5 131T830-482q0 128-79.5 229T548-121ZM130-392v-176h144l154-156v488L274-392H130Zm418 48v-272q34 23 53 59t19 77q0 42-19.5 77.5T548-344ZM374-594l-78 80H184v68h112l78 80v-228Zm-95 114Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/icons/adult.svg b/icons/adult.svg
index affe2c9..cd6b566 100644
--- a/icons/adult.svg
+++ b/icons/adult.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M800-383q6-30-2-58.5T776-496q-24 19-41.5 42.5T710-399q-6 29 1.5 58t21.5 55q26-18 43-43t24-54ZM206-625q21 20 50.5 24t52.5-10l-30-30q-22-22-50-25t-53 11l30 30Zm74-183-95 95q35-11 70-1.5t61 35.5l31 31q16-24 12.5-54T334-753l-54-55Zm538 704L351-570q-43 28-94 24.5T168-587l-92-93 204-205 92 94q37 37 42 89t-25 95l270 269q-5-19-6-37t4-37q6-27 18-51t31-44q19-20 40-37t46-31q33 45 52.5 96.5T852-373q-8 43-32.5 77.5T761-237l96 96-39 37ZM296-666Zm322 146-39-37 221-222v-28h-28L551-586l-38-39 237-236h104v104L618-520ZM148-128l-29-29q-13-13-13-30t13-30l116-115-88-88 6-6q22-22 51.5-25t54.5 13l34 33 41-41 38 39-40 40 29 29 40-40 38 37-41 41 32 33q15 25 12 54t-25 51l-6 6-88-88-115 116q-13 13-30 13t-30-13Z"/></svg> \ No newline at end of file
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.04 5.493a3 3 0 1 1 5.919.002l2.432-.908a2.359 2.359 0 0 1 1.766 4.372L16 10.335v3.11l1.883 5.467a2.316 2.316 0 0 1-4.365 1.549l-1.515-4.148-1.512 4.15a2.32 2.32 0 0 1-4.373-1.55L8 13.457v-3.12L4.694 8.884A2.35 2.35 0 0 1 6.46 4.53l2.58.962Zm1.46-.495a1.5 1.5 0 0 0 .896 1.373 1.75 1.75 0 0 0 1.187.01A1.5 1.5 0 1 0 10.5 4.997Zm.33 2.763L5.937 5.936a.85.85 0 0 0-.64 1.574l3.755 1.653a.75.75 0 0 1 .448.686v3.735a.75.75 0 0 1-.04.245L7.535 19.4a.82.82 0 0 0 1.545.549l1.65-4.527c.433-1.186 2.11-1.187 2.544 0l1.652 4.523a.816.816 0 0 0 1.538-.546l-1.924-5.584a.752.752 0 0 1-.04-.245V9.843a.75.75 0 0 1 .45-.688l3.607-1.57a.859.859 0 0 0-.643-1.592l-4.78 1.783c-.35.143-.733.222-1.135.222a2.99 2.99 0 0 1-1.17-.237Z" fill="#000000"/></svg> \ No newline at end of file
diff --git a/version b/version
index bbf649f..afa2b35 100644
--- a/version
+++ b/version
@@ -1 +1 @@
-1.7.3 \ No newline at end of file
+1.8.0 \ No newline at end of file