PCM dark mode support.

Private-Cloud-Music commit 0fb11eaf7b25c4b212523ceeb0473c5ccb2aef3f

1 files changed, 39 insertions, 0 deletions

diff --git a/libs/music/pcm b/libs/music/pcm
index 99185f4..adb3458 100644
--- a/libs/music/pcm
+++ b/libs/music/pcm
@@ -10,6 +10,45 @@
 	#playlist li {word-break: break-all;}
 	.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 </style>
+<style>
+@media (prefers-color-scheme: dark) {
+    * {
+        scrollbar-color: #2a2c2e #1c1e1f;
+    }
+    .w3-sidenav a:hover {
+        background-color: rgb(39, 41, 43);
+    }
+    .w3-pale-yellow, .w3-hover-pale-yellow:hover {
+        color: rgb(232, 230, 227) !important;
+        background-color: rgb(75, 75, 0) !important;
+    }
+    html, body, input, textarea, select, button {
+        background-color: #181a1b;
+        color: #e8e6e3;
+    }
+    .w3-light-grey, .w3-hover-light-grey:hover {
+        color: rgb(232, 230, 227) !important;
+        background-color: rgb(28, 30, 31) !important;
+    }
+    .w3-blue, .w3-hover-blue:hover {
+        color: rgb(255, 255, 255) !important;
+        background-color: rgb(9, 102, 175) !important;
+    }
+
+    #bufferbar.w3-progressbar {
+        background-color: rgb(61, 61, 61) !important;
+    }
+    .w3-progress-container {
+        background-color: rgb(28, 30, 31);
+    }
+    .w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
+        background-color: rgb(39, 41, 43);
+    }
+    .w3-red, .w3-hover-red:hover {
+        background-color: rgb(163, 19, 9)!important;
+    }
+}
+</style>
 
 <nav class="w3-sidenav w3-collapse w3-light-grey w3-animate-left w3-card-2" style="z-index: 3; width: 250px; display: none;" id="mySidenav">
 <header class="w3-container w3-dark-grey">