From 219c9aa785b16781e9ed2f8e706a8eca524274c8 Mon Sep 17 00:00:00 2001
From: perf3ct <jonfuller2012@gmail.com>
Date: Mon, 18 Aug 2025 18:19:41 +0000
Subject: [PATCH] feat(mkdocs): hopefully make the mkdocs look a little better?

---
 docs/javascripts/extra.js  |  4 ++--
 docs/stylesheets/extra.css | 15 +++++++++++++++
 mkdocs.yml                 |  2 +-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/docs/javascripts/extra.js b/docs/javascripts/extra.js
index b549285..9cebc8d 100644
--- a/docs/javascripts/extra.js
+++ b/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');
     });
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index d014f25..8f6ae0e 100644
--- a/docs/stylesheets/extra.css
+++ b/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;
diff --git a/mkdocs.yml b/mkdocs.yml
index 2627719..f7f2310 100644
--- a/mkdocs.yml
+++ b/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