/Javascript/AngularJS/Toggle buttons angular styles

Toggle buttons angular styles

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

@include mat-core();

$app-primary: mat-palette($mat-indigo);
$app-accent:  mat-palette($mat-pink, A200, A100, A400);

$app-theme: mat-light-theme($app-primary, $app-accent);

@mixin mix-app-theme($app-theme) {
  $primary: map-get($app-theme, primary);
  $accent: map-get($app-theme, accent);

  .mat-button-toggle {
    background-color: mat-color($primary);
    color: mat-color($primary, default-contrast);
  }

  .mat-button-toggle-checked {
    background-color: mat-color($accent);
    color: mat-color($accent, default-contrast);
  }
}

// Include the mixin
@include mix-app-theme($app-theme);

Source: stackoverflow.com

Similar codes

0 vote222 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
0 vote245 views1 answer
Angular 2 on data bound event equivalent
Javascript AngularJS
0 vote254 views1 answer
Use ngfor to make a dropdown in angular from array
Javascript AngularJS
0 vote275 views1 answer
How to update angular core in ionic
Javascript AngularJS
2 votes274 views1 answer
Nangular make window available
Javascript AngularJS
0 vote258 views1 answer
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
Javascript AngularJS
0 vote256 views1 answer
Angular build deploy url
Javascript AngularJS
5 votes236 views2 answers
Angular universal
Javascript AngularJS
0 vote262 views1 answer
String to array angular
Javascript AngularJS
0 vote257 views1 answer
Searchbox in api news in angular
Javascript AngularJS