diff --git a/public/style.css b/public/style.css index d145652..c406dbd 100644 --- a/public/style.css +++ b/public/style.css @@ -8,6 +8,13 @@ --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 { margin: 0 auto; padding: 0; @@ -75,6 +82,12 @@ body { box-shadow: var(--shadow); } +@media (prefers-color-scheme: dark) { + .video-item { + background-color: rgba(0, 0, 0, 0.3); + } +} + .video-item .video-image { border-radius: 0.25rem; position: relative;