blob: a15cb65686b6629443878108891dd0f4f0ac497a [file] [log] [blame]
@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'
);