UX: Change color of focus & hover on user menu tabs (#13195)

UX: Change color of focus & hover on user menu tabs (#13195)

diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index b94e1c0..1b9e2ed 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -466,8 +466,11 @@ div.menu-links-header {
 
   button:hover,
   button:focus {
-    background-color: var(--highlight-medium);
+    background-color: var(--primary-low);
     outline: none;
+    &.active {
+      background-color: var(--primary-very-low);
+    }
   }
   button {
     padding: 0.3em 0.5em;

GitHub sha: d5e787fa

1 Like

This commit appears in #13195 which was approved by pmusaraj. It was merged by jordanvidrine.