Merge pull request #54512 from nextcloud/chore/adjust-for-new-status-colors

fix: adjust server styles for new secondary status colors

Author: susnux

apps/federatedfilesharing/src/components/PersonalSettings.vue

@@ -16,7 +16,7 @@
 			:trailing-button-label="copyLinkTooltip"
 			@trailing-button-click="copyCloudId">
 			<template #trailing-button-icon>
-				<IconCheck v-if="isCopied" :size="20" fill-color="var(--color-success)" />
+				<IconCheck v-if="isCopied" :size="20" fill-color="var(--color-border-success)" />
 				<IconClipboard v-else :size="20" />
 			</template>
 		</NcInputField>

apps/files/src/components/FileEntry/FileEntryActions.vue

@@ -391,7 +391,7 @@ main.app-content[style*="mouse-pos-x"] .v-popper__popper {
 
 	&.files-list__row-action--destructive {
 		::deep(button) {
-			color: var(--color-error) !important;
+			color: var(--color-text-error) !important;
 		}
 	}
 }

apps/files/src/components/FilesListVirtual.vue

@@ -853,8 +853,8 @@ export default defineComponent({
 
 				&:invalid {
 					// Show red border on invalid input
-					border-color: var(--color-error);
-					color: red;
+					border-color: var(--color-border-error);
+					color: var(--color-text-error);
 				}
 			}
 		}

apps/files_sharing/src/components/SharingEntryInternal.vue

@@ -127,7 +127,7 @@ export default {
 	}
 	.icon-checkmark-color {
 		opacity: 1;
-		color: var(--color-success);
+		color: var(--color-border-success);
 	}
 }
 </style>

apps/settings/css/settings.css

@@ -819,11 +819,11 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 	}
 
 	.errors, .errors a {
-		color: var(--color-error);
+		color: var(--color-text-error);
 	}
 
 	.warnings, .warnings a {
-		color: var(--color-warning);
+		color: var(--color-warning-text);
 	}
 
 	.hint {

apps/settings/css/settings.css.map

@@ -49,8 +49,9 @@ const badgeTitle = computed(() => isSupported.value
 	width: fit-content;
 
 	&--supported {
-		border-color: var(--color-success);
-		color: var(--color-success);
+		background-color: var(--color-success);
+		border-color: var(--color-border-success);
+		color: var(--color-success-text);
 	}
 }
 </style>

apps/settings/css/settings.scss

@@ -475,15 +475,15 @@ export default {
 }
 
 .force {
-	color: var(--color-error);
-	border-color: var(--color-error);
+	color: var(--color-text-error);
+	border-color: var(--color-border-error);
 	background: var(--color-main-background);
 }
 
 .force:hover,
 .force:active {
 	color: var(--color-main-background);
-	border-color: var(--color-error) !important;
+	border-color: var(--color-border-error) !important;
 	background: var(--color-error);
 }
 

apps/settings/src/components/AppList/AppLevelBadge.vue

@@ -223,7 +223,7 @@ section {
 		}
 
 		&--error {
-			color: var(--color-error);
+			color: var(--color-text-error);
 		}
 	}