dark mode. this works ok. not too good but yeah it does.

css/main.css

@@ -168,6 +168,92 @@
     background-position: center;
   }
 
+code[class*="language-"],
+pre[class*="language-"] {
+  text-shadow: none !important;
+  color: inherit; /* optional: respect your theme */
+}
+
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+  background: none !important;
+  color: inherit; /* keep your color, or override further */
+}
+
+/* Dark mode */
+body.dark-mode {
+  background: #121212;
+  color: #e0e0e0;
+}
+
+body.dark-mode a { color: #80b3ff; }
+body.dark-mode a:hover { color: #a3c8ff; }
+
+body.dark-mode th, 
+body.dark-mode td {
+  border-color: #444;
+}
+body.dark-mode th {
+  background: #1e1e1e;
+}
+
+body.dark-mode code,
+body.dark-mode pre {
+  background: #1e1e1e;
+  color: #c8c8c8;
+}
+
+body.dark-mode blockquote {
+  border-left-color: #555;
+  color: #bbb;
+}
+
+body.dark-mode input,
+body.dark-mode select,
+body.dark-mode textarea,
+body.dark-mode button {
+  background: #1e1e1e;
+  color: #e0e0e0;
+  border: 1px solid #555;
+}
+body.dark-mode button {
+  background: #2a2a2a;
+}
+body.dark-mode button:hover {
+  background: #333;
+}
+
+/* Alerts in dark mode */
+body.dark-mode .html-content .alert-note {
+  background: #1a2433;
+  color: #80b3ff;
+  border-color: #80b3ff;
+}
+body.dark-mode .html-content .alert-tip {
+  background: #13291b;
+  color: #6ede8a;
+  border-color: #6ede8a;
+}
+body.dark-mode .html-content .alert-important {
+  background: #241833;
+  color: #c29fff;
+  border-color: #c29fff;
+}
+body.dark-mode .html-content .alert-warning {
+  background: #2a200f;
+  color: #ffcc66;
+  border-color: #ffcc66;
+}
+body.dark-mode .html-content .alert-caution {
+  background: #2a1518;
+  color: #ff8080;
+  border-color: #ff8080;
+}
+
+
   /* INFO */
   .html-content .alert-note p:first-child::before {
     background-image: url("data:image/svg+xml;utf8,\