fix(settings): Increase "Edit your profile visibility button" contrast

Before this the contrast of the button was too low in terms of accessibility. Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
nextcloud · May 4, 2023 · 5c9fef2 · 5c9fef2
1 parent 32f9b8b
commit 5c9fef2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue
@@ -74,7 +74,7 @@ a {
 	padding: 0 16px;
 	margin: 14px auto;
 	border-radius: var(--border-radius-pill);
-	opacity: 0.4;
+	color: var(--color-text-maxcontrast);
 	background-color: transparent;
 
 	.anchor-icon {
@@ -87,8 +87,8 @@ a {
 	&:hover,
 	&:focus,
 	&:active {
-		opacity: 0.8;
-		background-color: rgba(127, 127, 127, .25);
+		color: var(--color-main-text);
+		background-color: var(--color-background-dark);
 	}
 
 	&.disabled {