Merge pull request #4699 from nextcloud-libraries/fix/40706-Contrast_…

…of_focused_checkbox_is_not_enough_ Create outline for `focus-within` on RadioSwitch
nextcloud-libraries · Nov 2, 2023 · 3f605f3 · 3f605f3
2 parents acabba2 + bfad217
commit 3f605f3
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -620,8 +620,11 @@ export default {
 		margin: 4px $icon-margin;
 	}
 
-	&__input:focus-visible + &__content {
-		outline: 2px solid var(--color-primary-element) !important;
+	&__input:focus-visible + &__content,
+	&__input:focus-visible {
+		outline: 2px solid var(--color-main-text);
+		border-color: var(--color-main-background);
+		outline-offset: -2px;
 	}
 
 	&--disabled &__content {