feat(mkdocs): hopefully make the mkdocs look a little better?

docs/javascripts/extra.js

@@ -49,10 +49,10 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     });
     
-    // Add external link indicators
+    // Add external link indicators (without forcing new tab)
     const externalLinks = document.querySelectorAll('a[href^="http"]:not([href*="readur.app"])');
     externalLinks.forEach(link => {
-        link.setAttribute('target', '_blank');
+        // Only add rel attribute for security, don't force target="_blank"
         link.setAttribute('rel', 'noopener noreferrer');
         link.classList.add('external-link');
     });

docs/stylesheets/extra.css

@@ -288,6 +288,21 @@
   border-bottom: 1px solid #323842;
 }
 
+/* Tone down the primary color in header for dark mode */
+[data-md-color-scheme="slate"] .md-header {
+  --md-primary-fg-color: #4a8a9c;  /* Muted cyan-gray */
+  --md-primary-bg-color: #1e2329;
+}
+
+/* Also adjust tabs if present */
+[data-md-color-scheme="slate"] .md-tabs {
+  background-color: #252b33;
+}
+
+[data-md-color-scheme="slate"] .md-tabs__link--active {
+  color: #64b5f6;
+}
+
 /* Footer styling */
 [data-md-color-scheme="slate"] .md-footer {
   background-color: #1a1f25;

mkdocs.yml

@@ -30,7 +30,7 @@ theme:
     # Dark mode - warmer, less depressing colors
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: cyan
+      primary: blue-grey
       accent: light-blue
       toggle:
         icon: material/brightness-4