From 3be0f86978daa54c7d5f55f3ce74f684e2a8efc8 Mon Sep 17 00:00:00 2001
From: warrickct <warrickct@gmail.com>
Date: Wed, 2 Mar 2022 11:21:46 +1100
Subject: [PATCH] Menu options have black text when highlighted.

---
 stylesheets/_session.scss       | 2 +-
 ts/state/ducks/SessionTheme.tsx | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index a831bb261..219a1d4ca 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -604,7 +604,7 @@ label {
   .react-contexify__item:not(.react-contexify__item--disabled):hover
     > .react-contexify__item__content {
     background: var(--color-accent);
-    color: var(--color-text-opposite);
+    color: var(--color-text-menu-highlighted);
   }
   .react-contexify__item__content {
     transition: $session-transition-duration;
diff --git a/ts/state/ducks/SessionTheme.tsx b/ts/state/ducks/SessionTheme.tsx
index 34b5da2c0..8a88e81d4 100644
--- a/ts/state/ducks/SessionTheme.tsx
+++ b/ts/state/ducks/SessionTheme.tsx
@@ -66,6 +66,7 @@ export const switchHtmlToDarkTheme = () => {
   document.documentElement.style.setProperty('--color-accent', darkColorAccent);
   document.documentElement.style.setProperty('--color-accent-button', darkColorAccentButton);
   document.documentElement.style.setProperty('--color-text', darkColorText);
+  document.documentElement.style.setProperty('--color-text-menu-highlighted', lightColorText);
   document.documentElement.style.setProperty('--color-text-subtle', darkColorTextSubtle);
   document.documentElement.style.setProperty('--color-text-accent', darkColorTextAccent);
   document.documentElement.style.setProperty('--color-text-opposite', darkColorTextOpposite);
@@ -217,6 +218,7 @@ export const switchHtmlToLightTheme = () => {
   document.documentElement.style.setProperty('--color-accent', lightColorAccent);
   document.documentElement.style.setProperty('--color-accent-button', lightColorAccentButton);
   document.documentElement.style.setProperty('--color-text', lightColorText);
+  document.documentElement.style.setProperty('--color-text-menu-highlighted', lightColorText);
   document.documentElement.style.setProperty('--color-text-subtle', lightColorTextSubtle);
   document.documentElement.style.setProperty('--color-text-accent', lightColorTextAccent);
   document.documentElement.style.setProperty('--color-text-opposite', lightColorTextOpposite);