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);