theming.scss

@import "@angular/material/theming";
@import "../app/app.component";

// Default Theme
// Light DeepPurple Amber
$light-deeppurple-amber: mat-light-theme(
    (
        color: (
            primary: mat-palette($mat-deep-purple),
            accent: mat-palette($mat-amber, A200, A100, A400),
        ),
    )
);
@include angular-material-theme($light-deeppurple-amber);
@include app-theme-color($light-deeppurple-amber);

// Other Themes
// Dark Pink BlueGrey
body[data-theme="dark-pink-bluegrey"] {
    $dark-pink-bluegrey: mat-dark-theme(
        (
            color: (
                primary: mat-palette($mat-pink),
                accent: mat-palette($mat-blue-grey, A200, A100, A400),
            ),
        )
    );
    @include angular-material-color($dark-pink-bluegrey);
    @include app-theme-color($dark-pink-bluegrey);
}