summaryrefslogtreecommitdiff
path: root/libs
diff options
context:
space:
mode:
authorGravatar Chris Xiong <chirs241097@gmail.com> 2021-11-15 03:00:47 +0800
committerGravatar Chris Xiong <chirs241097@gmail.com> 2021-11-15 03:00:47 +0800
commitaefc8e8dbe12d716bb1b46ea2d6281c79958b6cd (patch)
tree9743bde206a301d749a0cb4edf249d3d2808e767 /libs
parentae0e6ac0effd0cef0d61231f62d559ac68db8dee (diff)
downloadweb-aefc8e8dbe12d716bb1b46ea2d6281c79958b6cd.tar.xz
PCM dark mode support.
Private-Cloud-Music commit 0fb11eaf7b25c4b212523ceeb0473c5ccb2aef3f
Diffstat (limited to 'libs')
-rw-r--r--libs/music/pcm39
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">