i am using angular material and a bit lost at theming. I am using the prebuilt indigo-pink theme which is included in my styles.scss as below @import "~@angular/material/prebuilt-themes/indigo-pink.css"; Based on the doc i created a new file called theme.scss and included it in the angular.json after styles.scss. The theme.scss looks like below @import '~@angular/material/theming'; @include mat-core(); $sg-app-primary: mat-palette($mat-indigo); $sg-app-accent: mat-palette($mat-pink, A200, A100, A400); $sg-app-theme: mat-light-theme($sg-app-primary, $sg-app-accent); @include angular-material-theme($sg-app-theme); My Requirement I just need to change default font color to white rather black everywhere. I dont need to change anything else at all. I have copied the primary and accent pallete just from example. so feeling even they are not required to be changed. Continue reading...
