From d9c1ec898869abba663511af36a6839586bca12a Mon Sep 17 00:00:00 2001 From: Simon Ser Date: Mon, 26 Feb 2024 11:48:59 +0100 Subject: [PATCH] Add dark theme Co-authored-by: ~ckyb Closes: https://todo.sr.ht/~emersion/sinwon/28 --- static/style.css | 27 +++++++++++++++++++++++++++ diff --git a/static/style.css b/static/style.css index 11ee1cd1c404545b588ae3df225819645768a854..fc21cb13b1ee7cccaf248165cbba204e5af253bd 100644 --- a/static/style.css +++ b/static/style.css @@ -96,3 +96,30 @@ } main.narrow input { max-width: 100%; } + +@media (prefers-color-scheme: dark) { + body { + background: #212529; + color: #f8f9fa; + } + + nav { + border-color: rgba(255, 255, 2555, 0.02); + } + + a { + color: #809fff; + } + + button { + color: #f8f9fa; + } + button:hover { + background-color: rgba(255, 255, 255, 0.02); + } + + input[type="text"], input[type="password"], input[type="url"], textarea { + background-color: rgba(255, 255, 255, 0.05); + color: inherit; + } +} -- 2.48.1