Breaking News: Grepper is joining You.com. Read the official announcement!

angular material primary lighter

Nervous Newt answered on April 12, 2022 Popularity 1/10 Helpfulness 1/10

answer angular material primary lighter

angular material primary lighter

Comment

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

$app-primary: mat-palette($mat-deep-purple);
$app-accent: mat-palette($mat-amber, A200, A100, A400);
$theme: mat-light-theme((
  color: (
    primary: $app-primary,
    accent: $app-accent,
  )
));
$color: mat-get-color-config($theme);

$primary: map-get($color, primary);
$accent: map-get($color, accent);

.class1 {
  color: map-get($primary, 400);
}

.class2 {
  color: mat-color($accent, 100);
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: angular-material javascript

Link to this answer
Share Copy Link