docs: dark/light color/accessibilty pass for generated html docs #21345

1 files changed, 9 insertions, 8 deletions

diff --git a/scripts/gen_help_html.lua b/scripts/gen_help_html.lua
index 532e28ebb8..3a0ed5ffc5 100644
--- a/scripts/gen_help_html.lua
+++ b/scripts/gen_help_html.lua
@@ -843,8 +843,14 @@ end
 local function gen_css(fname)
   local css = [[
     :root {
-      --code-color: #008B8B;
-      --tag-color: gray;
+      --code-color: #004b4b;
+      --tag-color: #095943;
+    }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --code-color: #00c243;
+        --tag-color: #00b7b7;
+      }
     }
     @media (min-width: 40em) {
       .toc {
@@ -863,11 +869,6 @@ local function gen_css(fname)
         display: block;
       }
     }
-    @media (prefers-color-scheme: dark) {
-      :root {
-        --code-color: cyan;
-      }
-    }
     .toc {
       /* max-width: 12rem; */
       height: 85%;  /* Scroll if there are too many items. https://github.com/neovim/neovim.github.io/issues/297 */
@@ -887,7 +888,7 @@ local function gen_css(fname)
     }
     h1, h2, h3, h4, h5 {
       font-family: sans-serif;
-      border-bottom: 1px solid #41464bd6; /*rgba(0, 0, 0, .9);*/
+      border-bottom: 1px solid var(--tag-color); /*rgba(0, 0, 0, .9);*/
     }
     h3, h4, h5 {
       border-bottom-style: dashed;