angular2 forms - Material design 2 customize the css component -
i customize css md-form-field exemple. know can import native material theme dont have white color in palette https://www.materialpalette.com/
i want change
$primary: mat-palette($mat-orange, 800); $accent: mat-palette($mat-light-blue, 600, 100, 800); to white #fff
@import '~@angular/material/theming'; @include mat-core(); $primary: mat-palette($mat-orange, 800); $accent: mat-palette($mat-light-blue, 600, 100, 800); $warn: mat-palette($mat-red, 600); $theme: mat-light-theme($primary, $accent, $warn); @include angular-material-theme($theme); any ideas ?
you can define own palette.
@import '~@angular/material/theming'; @include mat-core(); // custom palette // $mat-white: ( 100: #fff, 200: #fff, 300: #fff, 400: #fff, 500: #fff, 600: #fff, 700: #fff, 800: #fff, 900: #fff, a100: #fff, a200: #fff, a400: #fff, a700: #fff, 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, a100: $black-87-opacity, a200: $black-87-opacity, a400: white, a700: white, ) ); // $primary: mat-palette($mat-white, 800); $accent: mat-palette($mat-white, 600, 100, 800); $warn: mat-palette($mat-red, 600); $theme: mat-light-theme($primary, $accent, $warn); @include angular-material-theme($theme); however, if want change css of 1 control , keep same theme rest of controls, advise override controls styles only.
Comments
Post a Comment