Skip to content

Commit bdb75b2

Browse files
committed
enh(a11y): improved contrast on user menu
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
1 parent dfb9cd8 commit bdb75b2

File tree

1 file changed

+5
-9
lines changed

1 file changed

+5
-9
lines changed

core/src/views/UserMenu.vue

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -240,11 +240,15 @@ export default {
240240
&.active:not(:focus-visible) {
241241
background-color: var(--color-primary-element);
242242
color: var(--color-primary-element-text);
243+
244+
img,
245+
svg {
246+
filter: var(--primary-invert-if-dark);
247+
}
243248
}
244249
245250
span {
246251
padding-bottom: 0;
247-
color: var(--color-main-text);
248252
white-space: nowrap;
249253
overflow: hidden;
250254
text-overflow: ellipsis;
@@ -261,14 +265,6 @@ export default {
261265
svg {
262266
filter: var(--background-invert-if-dark);
263267
}
264-
265-
&:active:not(:focus-visible),
266-
&.active:not(:focus-visible) {
267-
img,
268-
svg {
269-
filter: var(--primary-invert-if-dark);
270-
}
271-
}
272268
}
273269
274270
// Override global button styles

0 commit comments

Comments
 (0)