Updated 34 files and added 146 files (automated)

14 files changed, 67 insertions, 13 deletions

diff --git a/assets/.DS_Store b/assets/.DS_Store
index eb23c80..5cbb3b6 100644
--- a/assets/.DS_Store
+++ b/assets/.DS_Store
diff --git a/assets/dark.css b/assets/dark.css
index e969545..8279657 100644
--- a/assets/dark.css
+++ b/assets/dark.css
@@ -11,16 +11,16 @@
         filter: brightness(0%) invert(1) grayscale(1) !important;
     }
 
-    .navigation-item.active, .navigation-item:active {
+    div.navigation-item.active, div.navigation-item:active {
         background-color: rgba(255, 255, 255, .25) !important;
     }
 
     .navigation-item:hover {
-        background-color: rgba(255, 255, 255, .1);
+        background-color: rgba(255, 255, 255, .1) !important;
     }
 
     .album:hover {
-        background-color: rgba(255, 255, 255, .1);
+        background-color: rgba(255, 255, 255, .1) !important;
     }
 
     #player.bg-white {
@@ -32,11 +32,19 @@
     }
 
     .player-btn:hover {
-        background-color: rgba(255, 255, 255, .1);
+        background-color: rgba(255, 255, 255, .1) !important;
     }
 
     .player-btn:active {
-        background-color: rgba(255, 255, 255, .25);
+        background-color: rgba(255, 255, 255, .25) !important;
+    }
+
+    .dropdown-menu {
+        filter: invert(1) hue-rotate(180deg);
+    }
+
+    .dropdown-item:hover {
+        background-color: rgba(0, 0, 0, .25);
     }
 
     .desktop-player #album-art[src="/assets/nothing.svg"] {
@@ -52,16 +60,22 @@
         color: #666 !important;
     }
 
-    #filter, .list-group-item, .btn, .form-check-input, .link {
+    #filter, .btn, .form-check-input, .link, .btn-close {
         filter: invert(1) hue-rotate(180deg);
     }
 
-    .list-group-item img {
-        filter: invert(1) hue-rotate(180deg);
+    .list-group-item .icon {
+        filter: invert(1) !important;
     }
 
-    .list-group-item .icon {
-        filter: none !important;
+    .list-group-item {
+        background: #050505;
+        color: white;
+        border-color: #333;
+    }
+
+    .dropdown-menu.show {
+        z-index: 999999 !important;
     }
 
     .desktop-player #seekbar-container {
@@ -83,4 +97,22 @@
     #lyrics-outer #loading {
         background-color: transparent !important;
     }
+
+    body.web {
+        background-color: black !important;
+    }
+
+    .dropdown-item img {
+        filter: none !important;
+    }
+
+
+    .modal-header {
+        border-bottom: 1px solid #353738;
+    }
+
+    .modal-content {
+        border: 1px solid rgba(255, 255, 255, .2);
+        background-color: #111;
+    }
 }
\ No newline at end of file
diff --git a/assets/icons/add.svg b/assets/icons/add.svg
new file mode 100644
index 0000000..37cf0c2
--- /dev/null
+++ b/assets/icons/add.svg
@@ -0,0 +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
diff --git a/assets/icons/download.svg b/assets/icons/download.svg
new file mode 100644
index 0000000..2e1cd9c
--- /dev/null
+++ b/assets/icons/download.svg
@@ -0,0 +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
diff --git a/assets/icons/info.svg b/assets/icons/info.svg
new file mode 100644
index 0000000..5cd0fe5
--- /dev/null
+++ b/assets/icons/info.svg
@@ -0,0 +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
diff --git a/assets/icons/menu.svg b/assets/icons/menu.svg
new file mode 100644
index 0000000..b182f03
--- /dev/null
+++ b/assets/icons/menu.svg
@@ -0,0 +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
diff --git a/assets/icons/playlist.svg b/assets/icons/playlist.svg
index 471d3f2..76c1216 100644
--- a/assets/icons/playlist.svg
+++ b/assets/icons/playlist.svg
@@ -1 +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
+<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
diff --git a/assets/icons/playnext.svg b/assets/icons/playnext.svg
new file mode 100644
index 0000000..78824a5
--- /dev/null
+++ b/assets/icons/playnext.svg
@@ -0,0 +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
diff --git a/assets/icons/remove.svg b/assets/icons/remove.svg
new file mode 100644
index 0000000..e24e387
--- /dev/null
+++ b/assets/icons/remove.svg
@@ -0,0 +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
diff --git a/assets/icons/settings.svg b/assets/icons/settings.svg
index 759e748..1e37786 100644
--- a/assets/icons/settings.svg
+++ b/assets/icons/settings.svg
@@ -1 +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
+<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
diff --git a/assets/logo-display.ico b/assets/logo-display.ico
new file mode 100644
index 0000000..1860aa0
--- /dev/null
+++ b/assets/logo-display.ico
diff --git a/assets/logo-mac.png b/assets/logo-mac.png
new file mode 100644
index 0000000..29d8a1e
--- /dev/null
+++ b/assets/logo-mac.png
diff --git a/assets/logo.icns b/assets/logo.icns
new file mode 100644
index 0000000..f3c9a2d
--- /dev/null
+++ b/assets/logo.icns
diff --git a/assets/styles.css b/assets/styles.css
index de4d33f..100ea0d 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -370,7 +370,7 @@ iframe {
     }
 
     #navigation-container {
-        grid-template-columns: repeat(5, 1fr) !important;
+        grid-template-columns: repeat(6, 1fr) !important;
         display: grid !important;
         margin-top: 2px;
     }
@@ -407,6 +407,14 @@ iframe {
     }
 }
 
+@media (min-height: 64px) {
+    #info-grid-title, #info-grid-info {
+        position: relative;
+        top: 5px;
+        z-index: -1;
+    }
+}
+
 @media (max-width: 823px) {
     #lyrics-outer, #lyrics-outer * {
         color: rgba(255, 255, 255, .75);
@@ -429,4 +437,12 @@ iframe {
 
 #badges {
     -webkit-app-region: drag;
+}
+
+.dropdown-item:active img {
+    filter: invert(1);
+}
+
+body.web {
+    background-color: white;
 }
\ No newline at end of file