How do I alter the hover, text and background colours of some CDK angular material components...

How do I get it to use my theme's primary and accent colours for example?

I have set up my theme using material 2 custom palette as such. I have excluded the palette setup for brevity

$theme: mat.m2-define-dark-theme(
(
color: (
primary: $primary,
accent: $accent,
warn: $warn,
),
typography: mat.m2-define-typography-config(),
density: -2,
)
);

@include mat.core();
@include mat.all-component-themes($theme);
@include shared.shared-themes($theme);
@include components.component-themes($theme);

Continue reading...