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