From 8a54b3168ab701571019af8b5e40428d71266354 Mon Sep 17 00:00:00 2001 From: Reimar Date: Sun, 11 Feb 2024 00:32:50 +0100 Subject: [PATCH] Dark theme --- public/style.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) 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;