enh(a11y): improved contrast on user menu

Signed-off-by: Eduardo Morales <emoral435@gmail.com>

diff --git a/core/src/views/UserMenu.vue b/core/src/views/UserMenu.vue
index 85f2956ce4d0b07e10f7b0688985874174aace26..0c5084842a17c6b8091cd4775ff87dfb9b6664af 100644 (file)
--- a/core/src/views/UserMenu.vue
+++ b/core/src/views/UserMenu.vue
@@ -240,11 +240,15 @@ export default {
                                        &.active:not(:focus-visible) {
                                                background-color: var(--color-primary-element);
                                                color: var(--color-primary-element-text);
+
+                                               img,
+                                               svg {
+                                                       filter: var(--primary-invert-if-dark);
+                                               }
                                        }
 
                                        span {
                                                padding-bottom: 0;
-                                               color: var(--color-main-text);
                                                white-space: nowrap;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
@@ -261,14 +265,6 @@ export default {
                                        svg {
                                                filter: var(--background-invert-if-dark);
                                        }
-
-                                       &:active:not(:focus-visible),
-                                       &.active:not(:focus-visible) {
-                                               img,
-                                               svg {
-                                                       filter: var(--primary-invert-if-dark);
-                                               }
-                                       }
                                }
 
                                // Override global button styles