Initial commit

18 files changed, 20 insertions, 0 deletions

diff --git a/assets/icons/album.svg b/assets/icons/album.svg
new file mode 100644
index 0000000..1871fae
--- /dev/null
+++ b/assets/icons/album.svg
@@ -0,0 +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
diff --git a/assets/icons/explore.svg b/assets/icons/explore.svg
new file mode 100644
index 0000000..165ebe2
--- /dev/null
+++ b/assets/icons/explore.svg
@@ -0,0 +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
diff --git a/assets/icons/favorite-off.svg b/assets/icons/favorite-off.svg
new file mode 100644
index 0000000..18e104c
--- /dev/null
+++ b/assets/icons/favorite-off.svg
@@ -0,0 +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
diff --git a/assets/icons/favorite-on.svg b/assets/icons/favorite-on.svg
new file mode 100644
index 0000000..87b1d23
--- /dev/null
+++ b/assets/icons/favorite-on.svg
@@ -0,0 +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
diff --git a/assets/icons/favorites.svg b/assets/icons/favorites.svg
new file mode 100644
index 0000000..dc71a20
--- /dev/null
+++ b/assets/icons/favorites.svg
@@ -0,0 +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
diff --git a/assets/icons/lossless.svg b/assets/icons/lossless.svg
new file mode 100644
index 0000000..8138325
--- /dev/null
+++ b/assets/icons/lossless.svg
@@ -0,0 +1,3 @@
+ <svg xmlns="http://www.w3.org/2000/svg" width="150" height="90" viewBox="0 0 15 9">
+    <path fill="#000000" d="M8.184,0.35C9.944,0.35 10.703,3.296 11.338,5.238C11.673,3.842 11.497,3.542 11.857,3.542C11.99,3.542 12.126,3.633 12.126,3.798C12.126,3.809 12.123,3.839 12.117,3.883L12.091,4.058C12.02,4.522 11.845,5.494 11.654,6.144C13.198,10.191 14.345,4.861 14.474,3.772C14.493,3.615 14.612,3.542 14.731,3.542C14.891,3.542 15.022,3.662 14.997,3.843C14.72,5.605 14.295,8.35 12.547,8.35C11.582,8.35 11.04,7.595 10.611,6.73C9.54,4.626 9.047,1.093 7.997,1.093C7.66,1.093 7.411,1.444 7.394,1.444C7.362,1.444 7.337,1.301 7.023,0.909C7.322,0.567 7.734,0.35 8.184,0.35ZM2.458,0.354C5.211,0.354 5.456,7.618 7.014,7.618C7.197,7.618 7.394,7.507 7.61,7.256C7.729,7.458 7.851,7.638 7.978,7.796C7.667,8.151 7.28,8.35 6.795,8.35C5.054,8.349 4.306,5.434 3.663,3.466C3.511,4.097 3.432,4.669 3.402,4.925C3.382,5.088 3.263,5.163 3.143,5.163C3.009,5.163 2.874,5.071 2.874,4.908L2.874,4.908L2.877,4.87C2.966,4.223 3.146,3.243 3.347,2.56C3.079,1.858 2.745,1.091 2.252,1.091C1.257,1.091 0.687,3.591 0.527,4.925C0.508,5.088 0.388,5.163 0.268,5.163C0.135,5.163 0,5.071 0,4.908C0,4.896 0.001,4.883 0.002,4.87C0.283,2.836 0.808,0.354 2.458,0.354ZM5.315,0.35C5.809,0.35 6.339,0.608 6.797,1.211C6.822,1.241 7.078,1.639 7.159,1.777C8.277,3.802 8.818,7.627 9.881,7.627C10.065,7.627 10.264,7.513 10.484,7.256C10.604,7.458 10.726,7.638 10.852,7.796C10.542,8.15 10.155,8.35 9.67,8.35C6.933,8.349 6.636,1.09 5.128,1.09C4.788,1.09 4.536,1.444 4.519,1.444C4.487,1.444 4.462,1.301 4.148,0.909C4.455,0.558 4.87,0.35 5.315,0.35Z"/>
+</svg>
\ No newline at end of file
diff --git a/assets/icons/lyrics.svg b/assets/icons/lyrics.svg
new file mode 100644
index 0000000..7de6c55
--- /dev/null
+++ b/assets/icons/lyrics.svg
@@ -0,0 +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
diff --git a/assets/icons/next.svg b/assets/icons/next.svg
new file mode 100644
index 0000000..f352a47
--- /dev/null
+++ b/assets/icons/next.svg
@@ -0,0 +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
diff --git a/assets/icons/pause.svg b/assets/icons/pause.svg
new file mode 100644
index 0000000..d97bcb6
--- /dev/null
+++ b/assets/icons/pause.svg
@@ -0,0 +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
diff --git a/assets/icons/play.svg b/assets/icons/play.svg
new file mode 100644
index 0000000..b5ac393
--- /dev/null
+++ b/assets/icons/play.svg
@@ -0,0 +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
diff --git a/assets/icons/playlist.svg b/assets/icons/playlist.svg
new file mode 100644
index 0000000..471d3f2
--- /dev/null
+++ b/assets/icons/playlist.svg
@@ -0,0 +1 @@
+<svg 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
diff --git a/assets/icons/previous.svg b/assets/icons/previous.svg
new file mode 100644
index 0000000..854b952
--- /dev/null
+++ b/assets/icons/previous.svg
@@ -0,0 +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
diff --git a/assets/icons/repeat-off.svg b/assets/icons/repeat-off.svg
new file mode 100644
index 0000000..ef706ad
--- /dev/null
+++ b/assets/icons/repeat-off.svg
@@ -0,0 +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
diff --git a/assets/icons/repeat-on.svg b/assets/icons/repeat-on.svg
new file mode 100644
index 0000000..667def9
--- /dev/null
+++ b/assets/icons/repeat-on.svg
@@ -0,0 +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
diff --git a/assets/icons/settings.svg b/assets/icons/settings.svg
new file mode 100644
index 0000000..759e748
--- /dev/null
+++ b/assets/icons/settings.svg
@@ -0,0 +1 @@
+<svg 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
diff --git a/assets/icons/shuffle-off.svg b/assets/icons/shuffle-off.svg
new file mode 100644
index 0000000..0eddee0
--- /dev/null
+++ b/assets/icons/shuffle-off.svg
@@ -0,0 +1 @@
+<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
diff --git a/assets/icons/shuffle-on.svg b/assets/icons/shuffle-on.svg
new file mode 100644
index 0000000..d2327f6
--- /dev/null
+++ b/assets/icons/shuffle-on.svg
@@ -0,0 +1 @@
+<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
diff --git a/assets/icons/song.svg b/assets/icons/song.svg
new file mode 100644
index 0000000..d365da2
--- /dev/null
+++ b/assets/icons/song.svg
@@ -0,0 +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