Fix snackbar error color, presumably regressed in ng 20 upgrade (#3598)

marksvc · web-flow · commit 158d62124e92 · 2025-12-03T10:33:02.000+13:00
diff --git a/src/SIL.XForge.Scripture/ClientApp/src/styles.scss b/src/SIL.XForge.Scripture/ClientApp/src/styles.scss
@@ -63,8 +63,8 @@ as-split.is-disabled > .as-split-gutter .as-split-gutter-icon {
   padding-top: 5px !important;
 }
 
-.mdc-snackbar.snackbar-error {
-  --mat-snackbar-container-color: #{variables.$errorColor};
+.mdc-snackbar.snackbar-error > div {
+  background-color: #{variables.$errorColor};
 }
 
 .mdc-button.mat-mdc-unelevated-button,

Original file line number	Diff line number	Diff line change
`@@ -63,8 +63,8 @@ as-split.is-disabled > .as-split-gutter .as-split-gutter-icon {`
`63`	`63`	`padding-top: 5px !important;`
`64`	`64`	`}`
`65`	`65`
`66`		`-.mdc-snackbar.snackbar-error {`
`67`		`- --mat-snackbar-container-color: #{variables.$errorColor};`
	`66`	`+.mdc-snackbar.snackbar-error > div {`
	`67`	`+ background-color: #{variables.$errorColor};`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`.mdc-button.mat-mdc-unelevated-button,`