Merge pull request #42856 from nextcloud/fix/a11y/42688/menu-items-contrasts-are-not-enough

enh(a11y): improved contrast on user menu

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