Reference CSS variables with var(), not raw strings #11936

PowerKiKi · PowerKiKi · commit a6d244bc6078 · 2025-12-09T21:44:01.000+09:00
diff --git a/client/app/admin/admin/admin.component.scss b/client/app/admin/admin/admin.component.scss
@@ -30,8 +30,8 @@ natural-sidenav-content {
 .header-toolbar {
     @include mat.toolbar-overrides(
         (
-            container-background-color: --mat-sys-surface-container,
-            container-text-color: --mat-sys-on-surface,
+            container-background-color: var(--mat-sys-surface-container),
+            container-text-color: var(--mat-sys-on-surface),
         )
     );
 }

Original file line number	Diff line number	Diff line change
`@@ -30,8 +30,8 @@ natural-sidenav-content {`
`30`	`30`	`.header-toolbar {`
`31`	`31`	`@include mat.toolbar-overrides(`
`32`	`32`	`(`
`33`		`- container-background-color: --mat-sys-surface-container,`
`34`		`- container-text-color: --mat-sys-on-surface,`
	`33`	`+ container-background-color: var(--mat-sys-surface-container),`
	`34`	`+ container-text-color: var(--mat-sys-on-surface),`
`35`	`35`	`)`
`36`	`36`	`);`
`37`	`37`	`}`