Merge pull request #1913 from nextcloud-libraries/backport/1912/stable6

susnux · web-flow · commit 950604f70aec · 2025-08-28T12:46:32.000+02:00
[stable6] style(toast): adjust colors for Nextcloud 32
diff --git a/styles/toast.scss b/styles/toast.scss
@@ -86,27 +86,27 @@
 
 	// Various toasts types
 	&.toast-error {
-		border-left: 3px solid var(--color-error);
+		border-left: 3px solid var(--color-element-error, var(--color-error));
 	}
 
 	&.toast-info {
-		border-left: 3px solid var(--color-primary);
+		border-left: 3px solid var(--color-element-info, var(--color-primary));
 	}
 
 	&.toast-warning {
-		border-left: 3px solid var(--color-warning);
+		border-left: 3px solid var(--color-element-warning, var(--color-warning));
 	}
 
 	&.toast-success {
-		border-left: 3px solid var(--color-success);
+		border-left: 3px solid var(--color-element-success, var(--color-success));
 	}
 
 	&.toast-undo {
-		border-left: 3px solid var(--color-success);
+		border-left: 3px solid var(--color-element-success, var(--color-success));
 	}
 
 	&.toast-loading {
-		border-left: 3px solid var(--color-primary);
+		border-left: 3px solid var(--color-element-info, var(--color-primary));
 
 		.toast-loader {
 			display: inline-block;

Original file line number	Diff line number	Diff line change
`@@ -86,27 +86,27 @@`
`86`	`86`
`87`	`87`	`// Various toasts types`
`88`	`88`	`&.toast-error {`
`89`		`- border-left: 3px solid var(--color-error);`
	`89`	`+ border-left: 3px solid var(--color-element-error, var(--color-error));`
`90`	`90`	`}`
`91`	`91`
`92`	`92`	`&.toast-info {`
`93`		`- border-left: 3px solid var(--color-primary);`
	`93`	`+ border-left: 3px solid var(--color-element-info, var(--color-primary));`
`94`	`94`	`}`
`95`	`95`
`96`	`96`	`&.toast-warning {`
`97`		`- border-left: 3px solid var(--color-warning);`
	`97`	`+ border-left: 3px solid var(--color-element-warning, var(--color-warning));`
`98`	`98`	`}`
`99`	`99`
`100`	`100`	`&.toast-success {`
`101`		`- border-left: 3px solid var(--color-success);`
	`101`	`+ border-left: 3px solid var(--color-element-success, var(--color-success));`
`102`	`102`	`}`
`103`	`103`
`104`	`104`	`&.toast-undo {`
`105`		`- border-left: 3px solid var(--color-success);`
	`105`	`+ border-left: 3px solid var(--color-element-success, var(--color-success));`
`106`	`106`	`}`
`107`	`107`
`108`	`108`	`&.toast-loading {`
`109`		`- border-left: 3px solid var(--color-primary);`
	`109`	`+ border-left: 3px solid var(--color-element-info, var(--color-primary));`
`110`	`110`
`111`	`111`	`.toast-loader {`
`112`	`112`	`display: inline-block;`