Dark theme

This commit is contained in:
Reimar 2024-02-11 00:32:50 +01:00
parent 3c9311aef7
commit 8a54b3168a
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268

View File

@ -8,6 +8,13 @@
--shadow: 0 0.125rem 0.25rem 0.125rem rgba(0, 0, 0, 0.125); --shadow: 0 0.125rem 0.25rem 0.125rem rgba(0, 0, 0, 0.125);
} }
@media (prefers-color-scheme: dark) {
:root {
--shadow: 0 0.25rem 0.5rem 0.25rem rgba(0, 0, 0, 0.125);
}
}
body { body {
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
@ -75,6 +82,12 @@ body {
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
@media (prefers-color-scheme: dark) {
.video-item {
background-color: rgba(0, 0, 0, 0.3);
}
}
.video-item .video-image { .video-item .video-image {
border-radius: 0.25rem; border-radius: 0.25rem;
position: relative; position: relative;