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 <[email protected]> Signed-off-by: nextcloud-command <[email protected]>
nextcloud · May 4, 2023 · 96e6254 · 96e6254
1 parent 32f9b8b
commit 96e6254
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 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 {

diff --git a/dist/settings-vue-settings-personal-info.js b/dist/settings-vue-settings-personal-info.js
diff --git a/dist/settings-vue-settings-personal-info.js.map b/dist/settings-vue-settings-personal-info.js.map