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

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -