From 193040cc7ae8c0998624d32549be2bc6a5c4bb09 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Tue, 19 Jan 2021 09:32:43 -0500 Subject: [PATCH] include dark mode for main 1MB website --- style.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/style.css b/style.css index a201765..b7c0849 100644 --- a/style.css +++ b/style.css @@ -107,6 +107,31 @@ footer p { font-size: 85%; } +/* Dark Theme */ +@media (prefers-color-scheme: dark) { + body { + background: #2d2d2d; + color: white; + } + .referral { + background: rgba(108, 95, 245, 0.4); + color: white; + } + .referral a, .referral a:visited { + color: white; + } + blockquote { + background: #191919; + border-left: 5px solid black; + } + ul li { + background: rgba(0,0,0,0.2); + } + ul li span.before { + background: rgba(0,0,0,0.5); + } +} + @media(max-width:500px) { body { font: 16px/1.5 "Helvetica", "Arial", sans-serif;