From dc81bf2bbae403d1e8d4acbeb1a26c24e1f839b3 Mon Sep 17 00:00:00 2001
From: Josh Perez <60019601+josh-signal@users.noreply.github.com>
Date: Fri, 1 May 2020 13:40:27 -0400
Subject: [PATCH] Meet a11y standards for hover menus

---
 stylesheets/_modules.scss | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 0d9c86299f..13730bc177 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -7828,26 +7828,32 @@ button.module-image__border-overlay:focus {
 
 .react-contextmenu-item.react-contextmenu-item--active,
 .react-contextmenu-item.react-contextmenu-item--selected {
-  color: $color-white;
-
+  color: $color-black;
   @include light-theme {
-    background-color: $color-gray-25;
+    background-color: $color-gray-15;
   }
   @include dark-theme {
-    background-color: $color-gray-45;
+    background-color: $color-gray-75;
+    color: $color-white;
   }
 }
 
 .react-contextmenu-item.react-contextmenu-item--active.react-contextmenu-item--checked:before,
 .react-contextmenu-item.react-contextmenu-item--selected.react-contextmenu-item--checked:before {
-  color: $color-white;
+  color: $color-black;
+  @include dark-theme {
+    color: $color-white;
+  }
 }
 
 .react-contextmenu-item.react-contextmenu-submenu
   > .react-contextmenu-item.react-contextmenu-item--active:after,
 .react-contextmenu-item.react-contextmenu-submenu
   > .react-contextmenu-item.react-contextmenu-item--selected:after {
-  color: $color-white;
+  color: $color-black;
+  @include dark-theme {
+    color: $color-white;
+  }
 }
 
 // All media query widths have 300px added to account for the left pane