@import '~@angular/material/theming';
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$modern-ple-light-primary: mat-palette($mat-blue, A400,400,900);
$modern-ple-dark-primary: mat-palette($mat-light-blue, 300,200,400);
$modern-ple-light-accent: mat-palette($mat-amber, A100, 50, A200);
$modern-ple-dark-accent: mat-palette($mat-yellow, 600, 50, A200);

// The warn palette is optional (defaults to red).
$modern-ple-light-warn: mat-palette($mat-red);
$modern-ple-dark-warn: mat-palette($mat-red);

// Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography".
$modern-ple-light-theme: mat-light-theme((
  color: (
    primary: $modern-ple-light-primary,
    accent: $modern-ple-light-accent,
    warn: $modern-ple-light-warn,
  ),
));
$modern-ple-dark-theme: mat-dark-theme((
  color:(
    primary:$modern-ple-dark-primary,
    accent:$modern-ple-dark-accent,
    warn:$modern-ple-dark-warn,
  )
));
$modern-ple-typography: mat-typography-config(
  $font-family:'Roboto,"Helvetica Neue", sans-serif'
);