Merge pull request #54496 from nextcloud/refactor/deprecated-styles

refactor: replace deprecated CSS variables with their replacement

Author: susnux

apps/dav/src/components/AvailabilityForm.vue

@@ -182,8 +182,8 @@ async function save() {
 }
 
 .empty-content {
-	color: var(--color-text-lighter);
-	margin-block-start: var(--default-grid-baseline);
 	align-self: center;
+	color: var(--color-text-maxcontrast);
+	margin-block-start: var(--default-grid-baseline);
 }
 </style>

apps/files_versions/src/components/Version.vue

@@ -387,7 +387,7 @@ export default defineComponent({
 		// Useful to display no preview icon.
 		display: flex;
 		justify-content: center;
-		color: var(--color-text-light);
+		color: var(--color-main-text);
 	}
 }
 </style>

apps/settings/src/components/AdminDelegating.vue

@@ -39,9 +39,9 @@ export default {
 
 <style lang="scss" scoped>
 label {
+	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: 16px;
 	margin: 12px 0;
-	color: var(--color-text-light);
 }
 </style>

apps/settings/src/components/AppList.vue

@@ -392,12 +392,12 @@ $toolbar-height: 44px + $toolbar-padding * 2;
 	}
 
 	&__bundle-header {
+		color: var(--color-main-text);
 		margin-block: 0;
 		margin-inline: 50px 10px;
 		font-weight: bold;
 		font-size: 20px;
 		line-height: 30px;
-		color: var(--color-text-light);
 	}
 }
 

apps/settings/src/components/PersonalInfo/AvatarSection.vue

@@ -269,7 +269,7 @@ section {
 		width: min(100%, 300px);
 
 		span {
-			color: var(--color-text-lighter);
+			color: var(--color-text-maxcontrast);
 		}
 	}
 

apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/VisibilityDropdown.vue

@@ -149,9 +149,9 @@ export default {
 	}
 
 	label {
-		color: var(--color-text-lighter);
-		width: 150px;
+		color: var(--color-text-maxcontrast);
 		line-height: 50px;
+		width: 150px;
 	}
 
 	&__select {

apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue

@@ -116,14 +116,14 @@ export default {
 
 <style lang="scss" scoped>
 	.headerbar-label {
-		font-weight: normal;
-		display: inline-flex;
-		width: 100%;
-		margin: 12px 0 0 0;
-		gap: 8px;
 		align-items: center;
+		color: var(--color-main-text);
+		display: inline-flex;
 		font-size: 16px;
-		color: var(--color-text-light);
+		font-weight: normal;
+		gap: 8px;
+		margin: 12px 0 0 0;
+		width: 100%;
 
 		&.profile-property {
 			height: 38px;

apps/user_status/src/components/OnlineStatusSelect.vue

@@ -104,7 +104,7 @@ export default {
 
 	&__subline {
 		display: block;
-		color: var(--color-text-lighter);
+		color: var(--color-text-maxcontrast);
 	}
 }
 </style>