From bdb75b2e6ff61bdc62ec0bea2cf49fc1a014d2b3 Mon Sep 17 00:00:00 2001 From: Eduardo Morales Date: Tue, 16 Jan 2024 13:40:24 -0600 Subject: enh(a11y): improved contrast on user menu Signed-off-by: Eduardo Morales --- core/src/views/UserMenu.vue | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) (limited to 'core') diff --git a/core/src/views/UserMenu.vue b/core/src/views/UserMenu.vue index 85f2956ce4d..0c5084842a1 100644 --- 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 -- cgit v1.2.3