Dark Theme Support

This commit is contained in:
Maxfm4ik 2025-04-24 18:27:04 +02:00 committed by Gemdation
parent 746c4c8172
commit dfcfc8fa4b

View File

@ -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; }
}