From 835be50051c0267447c8a38d1ab882668dc0bdae Mon Sep 17 00:00:00 2001
From: Gerrit Birkeland <gerrit@gerritbirkeland.com>
Date: Sun, 16 Apr 2023 14:25:13 -0600
Subject: [PATCH] More contrast tweaks

---
 CHANGELOG.md     |  1 +
 static/style.css | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 331c3ff5b..57e1af97b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 -   Fixed broken semantic coloring, #2247.
 -   Increased contrast for parameter titles in dark mode to meet WCAG AA contrast requirements, #2244.
 -   Underline color of index links now matches the text color, #2245.
+-   Increased contract for active menu item text in dark mode.
 
 ## v0.24.3 (2023-04-16)
 
diff --git a/static/style.css b/static/style.css
index 76909f14a..da6c789f8 100644
--- a/static/style.css
+++ b/static/style.css
@@ -6,8 +6,9 @@
     --light-color-background-warning: #e6e600;
     --light-color-icon-background: var(--light-color-background);
     --light-color-accent: #c5c7c9;
+    --light-color-active-menu-item: var(--light-color-accent);
     --light-color-text: #222;
-    --light-color-text-aside: #707070;
+    --light-color-text-aside: #6e6e6e;
     --light-color-link: #1f70c2;
 
     --light-color-ts-project: #b111c9;
@@ -45,6 +46,7 @@
     --dark-color-warning-text: #222;
     --dark-color-icon-background: var(--dark-color-background-secondary);
     --dark-color-accent: #9096a2;
+    --dark-color-active-menu-item: #5d5d6a;
     --dark-color-text: #f5f5f5;
     --dark-color-text-aside: #dddddd;
     --dark-color-link: #00aff4;
@@ -86,6 +88,7 @@
         --color-warning-text: var(--light-color-warning-text);
         --color-icon-background: var(--light-color-icon-background);
         --color-accent: var(--light-color-accent);
+        --color-active-menu-item: var(--light-color-active-menu-item);
         --color-text: var(--light-color-text);
         --color-text-aside: var(--light-color-text-aside);
         --color-link: var(--light-color-link);
@@ -126,6 +129,7 @@
         --color-warning-text: var(--dark-color-warning-text);
         --color-icon-background: var(--dark-color-icon-background);
         --color-accent: var(--dark-color-accent);
+        --color-active-menu-item: var(--dark-color-active-menu-item);
         --color-text: var(--dark-color-text);
         --color-text-aside: var(--dark-color-text-aside);
         --color-link: var(--dark-color-link);
@@ -173,6 +177,7 @@ body {
     --color-warning-text: var(--light-color-warning-text);
     --color-icon-background: var(--light-color-icon-background);
     --color-accent: var(--light-color-accent);
+    --color-active-menu-item: var(--light-color-active-menu-item);
     --color-text: var(--light-color-text);
     --color-text-aside: var(--light-color-text-aside);
     --color-link: var(--light-color-link);
@@ -211,6 +216,7 @@ body {
     --color-warning-text: var(--dark-color-warning-text);
     --color-icon-background: var(--dark-color-icon-background);
     --color-accent: var(--dark-color-accent);
+    --color-active-menu-item: var(--dark-color-active-menu-item);
     --color-text: var(--dark-color-text);
     --color-text-aside: var(--dark-color-text-aside);
     --color-link: var(--dark-color-link);
@@ -689,7 +695,7 @@ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
 }
 .tsd-navigation a.current,
 .tsd-page-navigation a.current {
-    background: var(--color-accent);
+    background: var(--color-active-menu-item);
 }
 .tsd-navigation a:hover,
 .tsd-page-navigation a:hover {