fix: use contrast color in FABs

json-derulo · json-derulo · commit ff0e9a84c3d9 · 2023-11-09T10:29:37.000+01:00
diff --git a/projects/material-css-vars/src/lib/_mat-lib-overwrites.scss b/projects/material-css-vars/src/lib/_mat-lib-overwrites.scss
@@ -30,18 +30,18 @@
   .mat-mdc-mini-fab:not(:disabled) {
     &.mat-primary {
       --mdc-fab-container-color: #{$primary};
-      --mdc-fab-icon-color: #{$primary-contrast};
-      --mat-mdc-fab-color: #{$primary-contrast};
+      --mat-fab-foreground-color: #{$primary-contrast};
+      --mat-fab-state-layer-color: #{$primary-contrast};
     }
     &.mat-accent {
       --mdc-fab-container-color: #{$accent};
-      --mdc-fab-icon-color: #{$accent-contrast};
-      --mat-mdc-fab-color: #{$accent-contrast};
+      --mat-fab-foreground-color: #{$accent-contrast};
+      --mat-fab-state-layer-color: #{$accent-contrast};
     }
     &.mat-warn {
       --mdc-fab-container-color: #{$warn};
-      --mdc-fab-icon-color: #{$warn-contrast};
-      --mat-mdc-fab-color: #{$warn-contrast};
+      --mat-fab-foreground-color: #{$warn-contrast};
+      --mat-fab-state-layer-color: #{$warn-contrast};
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -30,18 +30,18 @@`
`30`	`30`	`.mat-mdc-mini-fab:not(:disabled) {`
`31`	`31`	`&.mat-primary {`
`32`	`32`	`--mdc-fab-container-color: #{$primary};`
`33`		`- --mdc-fab-icon-color: #{$primary-contrast};`
`34`		`- --mat-mdc-fab-color: #{$primary-contrast};`
	`33`	`+ --mat-fab-foreground-color: #{$primary-contrast};`
	`34`	`+ --mat-fab-state-layer-color: #{$primary-contrast};`
`35`	`35`	`}`
`36`	`36`	`&.mat-accent {`
`37`	`37`	`--mdc-fab-container-color: #{$accent};`
`38`		`- --mdc-fab-icon-color: #{$accent-contrast};`
`39`		`- --mat-mdc-fab-color: #{$accent-contrast};`
	`38`	`+ --mat-fab-foreground-color: #{$accent-contrast};`
	`39`	`+ --mat-fab-state-layer-color: #{$accent-contrast};`
`40`	`40`	`}`
`41`	`41`	`&.mat-warn {`
`42`	`42`	`--mdc-fab-container-color: #{$warn};`
`43`		`- --mdc-fab-icon-color: #{$warn-contrast};`
`44`		`- --mat-mdc-fab-color: #{$warn-contrast};`
	`43`	`+ --mat-fab-foreground-color: #{$warn-contrast};`
	`44`	`+ --mat-fab-state-layer-color: #{$warn-contrast};`
`45`	`45`	`}`
`46`	`46`	`}`
`47`	`47`	`}`