From 6686399e9c6f4ca0934d814959e8db67f296db2d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 13:22:35 +0000
Subject: [PATCH 1/7] Initial plan


From 43bbb5fa986da9e617b77abc2f342b231594c8b9 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 13:31:18 +0000
Subject: [PATCH 2/7] Implement automatic dark theme support using CSS custom
 properties

Co-authored-by: baywet <7905502+baywet@users.noreply.github.com>
---
 _sass/custom/custom.scss | 107 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 102 insertions(+), 5 deletions(-)

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index d767e86..02bd7ac 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -1,12 +1,109 @@
-h1,h2,h3,h4,h5,h6 { color: #4E5B31; }
+/* Define CSS custom properties for theme colors */
+:root {
+  /* Light mode colors (default) */
+  --body-bg: #fff;
+  --body-text: #5c5962;
+  --body-heading: #4E5B31;
+  --link: #6BA539;
+  --sidebar-bg: #f5f6fa;
+  --code-bg: #f5f6fa;
+  --border: #eeebee;
+  --table-bg: #fff;
+  --search-bg: #fff;
+  --base-button: #f7f7f7;
+}
 
-a[href] { color: #6BA539; }
+/* Dark mode colors - applied when OS prefers dark mode */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --body-bg: #27262b;
+    --body-text: #e6e1e8;
+    --body-heading: #97D700;
+    --link: #97D700;
+    --sidebar-bg: #27262b;
+    --code-bg: #31343f;
+    --border: #44434d;
+    --table-bg: #302d36;
+    --search-bg: #302d36;
+    --base-button: #302d36;
+  }
+}
+
+/* Apply custom properties to elements */
+body {
+  background-color: var(--body-bg) !important;
+  color: var(--body-text) !important;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: var(--body-heading) !important;
+}
+
+a[href] {
+  color: var(--link) !important;
+}
+
+.site-nav,
+.side-bar {
+  background-color: var(--sidebar-bg) !important;
+}
+
+code {
+  background-color: var(--code-bg) !important;
+}
+
+.site-footer {
+  background-color: var(--sidebar-bg) !important;
+}
+
+table {
+  background-color: var(--table-bg) !important;
+}
+
+.search-input {
+  background-color: var(--search-bg) !important;
+  color: var(--body-text) !important;
+}
+
+.btn {
+  background-color: var(--base-button) !important;
+}
+
+pre {
+  background-color: var(--code-bg) !important;
+}
+
+/* Ensure proper border colors in dark mode */
+@media (prefers-color-scheme: dark) {
+  table, th, td, 
+  .site-footer,
+  .site-header {
+    border-color: var(--border) !important;
+  }
+  
+  /* Improve readability of navigation in dark mode */
+  .navigation,
+  .nav-list .nav-list-item > a,
+  .nav-list .nav-list-item .nav-list-link {
+    color: var(--body-text) !important;
+  }
+  
+  /* Search results styling for dark mode */
+  .search-result-doc-title {
+    color: var(--body-heading) !important;
+  }
+  
+  .search-result-section {
+    color: var(--body-text) !important;
+  }
+}
 
 /*.nav-list-link {
    text-transform: lowercase;
 }*/
 
 /* OAI greens 
-6BA539
-4E5B31
-97D700 */
+6BA539 - Primary green
+4E5B31 - Dark green
+97D700 - Bright green (dark mode)
+*/

From c199dac183e2e28df9b4791fb5f520150e7627f1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 13:36:02 +0000
Subject: [PATCH 3/7] Refactor dark theme CSS to remove !important and
 consolidate styling

Co-authored-by: baywet <7905502+baywet@users.noreply.github.com>
---
 _sass/custom/custom.scss | 78 +++++++++++++++++++++-------------------
 1 file changed, 41 insertions(+), 37 deletions(-)

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index 02bd7ac..e3c6717 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -11,6 +11,7 @@
   --table-bg: #fff;
   --search-bg: #fff;
   --base-button: #f7f7f7;
+  --nav-text: #5c5962;
 }
 
 /* Dark mode colors - applied when OS prefers dark mode */
@@ -26,76 +27,79 @@
     --table-bg: #302d36;
     --search-bg: #302d36;
     --base-button: #302d36;
+    --nav-text: #e6e1e8;
   }
 }
 
 /* Apply custom properties to elements */
 body {
-  background-color: var(--body-bg) !important;
-  color: var(--body-text) !important;
+  background-color: var(--body-bg);
+  color: var(--body-text);
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: var(--body-heading) !important;
+  color: var(--body-heading);
 }
 
 a[href] {
-  color: var(--link) !important;
+  color: var(--link);
 }
 
 .site-nav,
 .side-bar {
-  background-color: var(--sidebar-bg) !important;
+  background-color: var(--sidebar-bg);
 }
 
 code {
-  background-color: var(--code-bg) !important;
+  background-color: var(--code-bg);
 }
 
 .site-footer {
-  background-color: var(--sidebar-bg) !important;
+  background-color: var(--sidebar-bg);
+  border-color: var(--border);
+}
+
+.site-header {
+  border-color: var(--border);
 }
 
 table {
-  background-color: var(--table-bg) !important;
+  background-color: var(--table-bg);
+  border-color: var(--border);
+}
+
+table th,
+table td {
+  border-color: var(--border);
 }
 
 .search-input {
-  background-color: var(--search-bg) !important;
-  color: var(--body-text) !important;
+  background-color: var(--search-bg);
+  color: var(--body-text);
 }
 
 .btn {
-  background-color: var(--base-button) !important;
+  background-color: var(--base-button);
 }
 
 pre {
-  background-color: var(--code-bg) !important;
+  background-color: var(--code-bg);
 }
 
-/* Ensure proper border colors in dark mode */
-@media (prefers-color-scheme: dark) {
-  table, th, td, 
-  .site-footer,
-  .site-header {
-    border-color: var(--border) !important;
-  }
-  
-  /* Improve readability of navigation in dark mode */
-  .navigation,
-  .nav-list .nav-list-item > a,
-  .nav-list .nav-list-item .nav-list-link {
-    color: var(--body-text) !important;
-  }
-  
-  /* Search results styling for dark mode */
-  .search-result-doc-title {
-    color: var(--body-heading) !important;
-  }
-  
-  .search-result-section {
-    color: var(--body-text) !important;
-  }
+/* Navigation styling using CSS variables */
+.navigation,
+.nav-list .nav-list-item > a,
+.nav-list .nav-list-item .nav-list-link {
+  color: var(--nav-text);
+}
+
+/* Search results styling using CSS variables */
+.search-result-doc-title {
+  color: var(--body-heading);
+}
+
+.search-result-section {
+  color: var(--body-text);
 }
 
 /*.nav-list-link {
@@ -103,7 +107,7 @@ pre {
 }*/
 
 /* OAI greens 
-6BA539 - Primary green
-4E5B31 - Dark green
+6BA539 - Primary green (light mode)
+4E5B31 - Dark green (light mode headings)
 97D700 - Bright green (dark mode)
 */

From 035e1aacdd25c53e1e0b54901208bc89b4268020 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 13:36:53 +0000
Subject: [PATCH 4/7] Fix CSS comment formatting

Co-authored-by: baywet <7905502+baywet@users.noreply.github.com>
---
 _sass/custom/custom.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index e3c6717..d9b43e5 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -106,8 +106,9 @@ pre {
    text-transform: lowercase;
 }*/
 
-/* OAI greens 
-6BA539 - Primary green (light mode)
-4E5B31 - Dark green (light mode headings)
-97D700 - Bright green (dark mode)
-*/
+/* 
+ * OAI greens color palette:
+ * 6BA539 - Primary green (light mode)
+ * 4E5B31 - Dark green (light mode headings)
+ * 97D700 - Bright green (dark mode)
+ */

From 420df5668a3075a635d9b380f23713155ed2013c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 14:09:56 +0000
Subject: [PATCH 5/7] Fix dark mode aux-nav white box and navigation highlight
 contrast

Co-authored-by: baywet <7905502+baywet@users.noreply.github.com>
---
 _sass/custom/custom.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index d9b43e5..4f90b41 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -12,6 +12,8 @@
   --search-bg: #fff;
   --base-button: #f7f7f7;
   --nav-text: #5c5962;
+  --nav-highlight: #eeebee;
+  --aux-nav-bg: #fff;
 }
 
 /* Dark mode colors - applied when OS prefers dark mode */
@@ -28,6 +30,8 @@
     --search-bg: #302d36;
     --base-button: #302d36;
     --nav-text: #e6e1e8;
+    --nav-highlight: #44434d;
+    --aux-nav-bg: #27262b;
   }
 }
 
@@ -102,6 +106,21 @@ pre {
   color: var(--body-text);
 }
 
+/* Auxiliary navigation (top right links) */
+.site-header .aux-nav,
+.aux-nav {
+  background-color: var(--aux-nav-bg);
+}
+
+/* Navigation item highlighting/selection */
+.nav-list-item.active > .nav-list-link,
+.nav-list-item .nav-list-link.active,
+.nav-list .nav-list-item > .nav-list-expander:hover,
+.nav-list .nav-list-item > .nav-list-link:hover,
+.nav-list-item.active {
+  background-color: var(--nav-highlight);
+}
+
 /*.nav-list-link {
    text-transform: lowercase;
 }*/

From 61d641d19c90676347b42300934b900818c67ceb Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 14:40:11 +0000
Subject: [PATCH 6/7] Change navigation highlight to neutral light grey without
 gradient

Co-authored-by: ralfhandl <951576+ralfhandl@users.noreply.github.com>
---
 _sass/custom/custom.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index 4f90b41..3134b67 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -30,7 +30,7 @@
     --search-bg: #302d36;
     --base-button: #302d36;
     --nav-text: #e6e1e8;
-    --nav-highlight: #44434d;
+    --nav-highlight: #3d3d3d;
     --aux-nav-bg: #27262b;
   }
 }

From 72b827933cb48698cb8ee55eb731b8bc26361253 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 14:54:38 +0000
Subject: [PATCH 7/7] Fix syntax highlighting white background in dark mode

Co-authored-by: ralfhandl <951576+ralfhandl@users.noreply.github.com>
---
 _sass/custom/custom.scss | 73 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index 3134b67..0199432 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -90,6 +90,79 @@ pre {
   background-color: var(--code-bg);
 }
 
+/* Syntax highlighting styles */
+.hljs,
+pre.nohighlight,
+pre code {
+  background-color: var(--code-bg);
+}
+
+/* Dark mode syntax highlighting color adjustments */
+@media (prefers-color-scheme: dark) {
+  .hljs {
+    color: #e6e1e8;
+  }
+  
+  .hljs-comment,
+  .hljs-meta {
+    color: #8a8a8a;
+  }
+  
+  .hljs-string,
+  .hljs-variable,
+  .hljs-template-variable,
+  .hljs-strong,
+  .hljs-emphasis,
+  .hljs-quote {
+    color: #f5ab78;
+  }
+  
+  .hljs-number {
+    color: #7dd3c0;
+  }
+  
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-type {
+    color: #f286c4;
+  }
+  
+  .hljs-literal,
+  .hljs-symbol,
+  .hljs-bullet,
+  .hljs-attribute {
+    color: #6fc3df;
+  }
+  
+  .hljs-section,
+  .hljs-name {
+    color: #97D700;
+  }
+  
+  .hljs-tag {
+    color: #e6e1e8;
+  }
+  
+  .hljs-title,
+  .hljs-attr,
+  .hljs-selector-id,
+  .hljs-selector-class,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo {
+    color: #bb9af7;
+  }
+  
+  .hljs-addition {
+    color: #7dd3c0;
+    background-color: rgba(125, 211, 192, 0.1);
+  }
+  
+  .hljs-deletion {
+    color: #f38ba8;
+    background-color: rgba(243, 139, 168, 0.1);
+  }
+}
+
 /* Navigation styling using CSS variables */
 .navigation,
 .nav-list .nav-list-item > a,