assets/sass/_custom.scss

@@ -16,4 +16,34 @@ th, td {
 .title-post-date {
   font-size: .7em;
   margin-left: 2em;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --color-backdrop: #141414;
+        --color-headings: #faf5f5;
+        --color-body-bg: #242424;
+        --color-header-bg: #242424;
+        --color-text: #faf5f5;
+        --color-link: #66f2ff;
+        --color-footer-bg: #242424;
+        --color-border: #faf5f5;
+        --color-button: #141414;
+        --color-button-text: #faf5f5;
+        --color-button-hover: #343434;
+        --color-brand: #66f2ff;
+        --color-text-meta: #faf5f5;
+        --color-mobile-menu: #141414;
+    }
+
+    nav ul li {
+        flex-grow: 1;
+        text-align: center;
+    }
+    .main-menu a:active {
+        text-decoration: none;
+    }
+    a {
+        text-decoration: none;
+    }
 }