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

// Be sure that you only ever include 'mat-core' mixin once!
// it should not be included for each theme.
@include mat-core();

// define a real custom palette (using http://mcg.mbitson.com)
$my-primary: (
  50 : #c8ceff,
  100 : #c2c7fc,
  200 : #abb2fd,
  300 : #8b94fa,
  400 : #6773fd,
  500 : #3643BA,
  600 : #2231b4,
  700 : #1929bb,
  800 : #0616a8,
  900 : #000e8b,
  A100 : #c8ceff,
  A200 : #abb2fd,
  A400 : #8b94fa,
  A700 : #6773fd,
  contrast: (
    50 : #000,
    100 : #000,
    200 : #000,
    300 : #000,
    400 : #fff,
    500 : #fff,
    600 : #fff,
    700 : #fff,
    800 : #fff,
    900 : #fff,
    A100 : #000,
    A200 : #000,
    A400 : #000,
    A700 : #000,
  )
);

/* For use in src/lib/core/theming/_palette.scss */
$my-secondary: (
  50 : #e0efef,
  100 : white,
  200 : white,
  300 : white,
  400 : white,
  500 : white,
  600 : white,
  700 : white,
  800 : white,
  900 : white,
  A100 : white,
  A200 : white,
  A400 : white,
  A700 : white,
  contrast: (50 : #000,
    100 : #000,
    200 : #000,
    300 : #000,
    400 : #fff,
    500 : #fff,
    600 : #fff,
    700 : #fff,
    800 : #fff,
    900 : #fff,
    A100 : #000,
    A200 : #000,
    A400 : #000,
    A700 : #000,
  )
);

// mandatory stuff for theming
$my-palette-primary: mat-palette($my-primary);
$my-palette-secondary: mat-palette($my-secondary);

// include the custom theme components into a theme object
$custom-theme: mat-light-theme($my-palette-primary, $my-palette-secondary);

// include the custom theme object into the angular material theme
@include angular-material-theme($custom-theme);
