fix(core): enhanced contrast when UserMenuItem is focused

Signed-off-by: Eduardo Morales <[email protected]>
zak39 · Jan 9, 2024 · d0d5013 · d0d5013
1 parent 012dcbb
commit d0d5013
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/core/src/views/UserMenu.vue b/core/src/views/UserMenu.vue
@@ -236,8 +236,8 @@ export default {
 						outline: none !important;
 					}
 
-					&:active,
-					&.active {
+					&:active:not(:focus-visible),
+					&.active:not(:focus-visible) {
 						background-color: var(--color-primary-element);
 						color: var(--color-primary-element-text);
 					}
@@ -262,8 +262,8 @@ export default {
 						filter: var(--background-invert-if-dark);
 					}
 
-					&:active,
-					&.active {
+					&:active:not(:focus-visible),
+					&.active:not(:focus-visible) {
 						img,
 						svg {
 							filter: var(--primary-invert-if-dark);

diff --git a/dist/core-main.js b/dist/core-main.js
diff --git a/dist/core-main.js.map b/dist/core-main.js.map