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

$mat-knoks-primary: ( 50: #000, //#ffffff, // not used for official themeng, it's custom color for button text
100: #3be8b0, //#ff6d00, //bg progress bar
200: #e2e2e2, //not used for official themeng,
300: #4fc3f7, //not used for official themeng,
400: #29b6f6, 500: #1483e1, //default color : underline bg and color
600: #039be5, 700: #0288d1, 800: #0277bd, 900: #01579b, A100: #80d8ff, A200: #40c4ff, A400: #00b0ff, A700: #fff,//#0091ea, 
contrast: ( 50: $black-87-opacity, 100: $black-87-opacity, 200: $black-87-opacity, 300: $black-87-opacity, 400: $black-87-opacity, 500: white, 600: white, 700: white, 800: white, 900: $white-87-opacity, A100: $black-87-opacity, A200: $black-87-opacity, A400: $black-87-opacity, A700: white, ) );

$mat-knoks-accent: (50: #fff3e0, 100: #e2e2e2, 200: #ffcc80,
300: #1aafd0,//#ffb74d,
400: #ffa726,
500: #1aced0,//#ff9800,
600: #fb8c00, 700: #f57c00, 800: #ef6c00, 900: #e65100, A100: #ffd180, A200: #3be8b0, //ff9600, //accent buttons bg, slider, radio btn colors
A400: #7fbf33, //completed color
A700: #ff6d00, contrast: ( 50: $black-87-opacity, 100: $black-87-opacity, 200: $black-87-opacity, 300: $black-87-opacity, 400: $black-87-opacity, 500: white, 600: $black-87-opacity, 700: $black-87-opacity, 800: white, 900: white, A100: $black-87-opacity, A200: white, A400: $black-87-opacity, A700: black, ) );
