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

@include mat-core();

$my-teal: (

50: #e0f2f1,

100: #b2dfdb,

200: #80cbc4,

300: #4db6ac,

400: #26a69a,

500: #1ab394,

600: #00897b,

700: #00796b,

800: #00695c,

900: #004d40,

A100: #a7ffeb,

A200: #64ffda,

A400: #1de9b6,

A700: #00bfa5,

contrast: (

50: $dark-primary-text,

100: $dark-primary-text,

200: $dark-primary-text,

300: $dark-primary-text,

400: $dark-primary-text,

500: $light-primary-text,

600: $light-primary-text,

700: $light-primary-text,

800: $light-primary-text,

900: $light-primary-text,

A100: $dark-primary-text,

A200: $dark-primary-text,

A400: $dark-primary-text,

A700: $dark-primary-text,

)

);

$infix-margin-top: 0;

$candy-app-primary: mat-palette($my-teal, 500);

$candy-app-accent: mat-palette($my-teal, 500);

// The warn palette is optional (defaults to red).

$candy-app-warn: mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).

$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-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($candy-app-theme);