When you create a theme for angular material2 it is stated that you can set the following colors: a primary, accent, warn foreground and background color.
But the way you create a theme only supports 3 colors/palettes:
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
@include angular-material-theme($candy-app-theme)
So my first question is how can I define for a theme the foreground
and background
color?
Is it also possible to define more colors ? which I can use for my custom components for example