ngn/dumb
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Activity

feat: add theme toggler on client side

Browse Source
This commit is contained in:
rramiachraf
2024-03-09 21:40:20 +01:00
parent 33eac92072
commit cdc6dc418f
10 changed files with 149 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
style/lyrics.css
View File

@ -95,41 +95,41 @@
display: none;
}
.dark #lyrics {
color: #ccc;
}
.dark #lyrics a {
background-color: #272d44;
color: inherit;
}
.dark #lyrics a:hover {
background-color: #32384f;
}
.dark #metadata h1 {
color: #ddd;
}
.dark #metadata h2,
.dark #credits p {
color: #eee;
}
.dark #title {
color: #ddd;
}
.dark #about p,
.dark #credits summary {
color: #ccc;
}
@media screen and (max-width: 1080px) {
#metadata {
align-items: center;
text-align: center;
}
}
@media (prefers-color-scheme: dark) {
#lyrics {
color: #ccc;
}
#lyrics a {
background-color: #272d44;
color: inherit;
}
#lyrics a:hover {
background-color: #32384f;
}
#metadata h1 {
color: #ddd;
}
#metadata h2,
#credits p {
color: #eee;
}
#title {
color: #ddd;
}
#about p,
#credits summary {
color: #ccc;
}
}