From dfcfc8fa4bf49bbb980af793f0e78c2b1308f9b3 Mon Sep 17 00:00:00 2001 From: Maxfm4ik <113830259+Maxfm4ikProjects2@users.noreply.github.com> Date: Thu, 24 Apr 2025 18:27:04 +0200 Subject: [PATCH] Dark Theme Support --- meta/main.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/meta/main.css b/meta/main.css index f390601..e07e750 100644 --- a/meta/main.css +++ b/meta/main.css @@ -53,3 +53,16 @@ img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;} /* Auto-resizer, do not change pls*/ @media (max-width: 768px) {div {width: 95%;}} + +/* Dark theme via system preference */ +@media (prefers-color-scheme: dark) { + body { background-color: #121212; color: #e0e0e0; } + div { background-color: #1e1e1e; border-color: #34BEED; box-shadow: 0 0 10px rgba(0,0,0,0.8); } + header { background-color: #1164E9; } + button { background-color: #2a2a2a; color: #e0e0e0; outline: 2px solid #34BEED; filter: drop-shadow(1px 1px 3.4px rgba(0,0,0,0.6)); } + button:hover { outline: 3px solid #34BEED; } + footer, footer a { color: #999; } + h1, h2, a { color: #34BEED; } + ::selection { color: #e0e0e0; background: #34BEED; } + ::-moz-selection { color: #e0e0e0; background: #34BEED; } +}