Angular Material theming

app-theme-default.scss

@import '~@angular/material/theming';

// Include so-called "core" styles containing:
// - typography
// - CDK overlay (for modals)
// - CDK a11y (accessibilty)
// - ripple effects (for buttons, checkboxes etc)
@include mat-core();

// Define your own color pallette.
// Available color palettes: https://material.io/design/color/
$app-primary: mat-palette($mat-indigo);
$app-accent:  mat-palette($mat-pink, A200, A100, A400);
$app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn);

// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($app-theme);