Угловое изменение материала Mat-Form-Field Тема - PullRequest
Новая
       9

Угловое изменение материала Mat-Form-Field Тема

0 голосов
/ 27 декабря 2018

Я пытаюсь изменить цвет текста безуспешно.В компонентный файл scss я поместил следующее: 

@import '~@angular/material/theming';
@include mat-core();

$auth-primary: mat-palette($mat-indigo, 50, 100);
$auth-accent: mat-palette($mat-indigo, 50, 100);
$auth-warn: mat-palette($mat-pink, 400, 500);
$auth-theme: mat-dark-theme($auth-primary, $auth-accent, $auth-warn);

@include mat-form-field-theme($auth-theme); // Form-Field theme
@include mat-input-theme($auth-theme);      // Input Theme

Этот фрагмент успешно изменяет цвета метки, подчеркивания, текста ошибки и заливки.Но цвета входного текста / значков остаются по умолчанию серым.

Есть ли один способ изменить цвета входного текста, значка и кнопки с серого на белый с помощью свойств / смешивания или функций sass материала ?

enter image description here

1 Ответ

0 голосов
/ 22 января 2019

Добавьте этот код.

$mat-indigo: (
    50 : #f9e4e5,
    100 : #f0bcbf,
    200 : #e79094,
    300 : #dd6369,
    400 : #d54149,
    500 : #ce2029,
    600 : #c91c24,
    700 : #c2181f,
    800 : #bc1319,
    900 : #b00b0f,
    A100 : #ffdddd,
    A200 : #ffaaab,
    A400 : #ff7779,
    A700 : #ff5d5f,
  contrast: (
    50 : #000000,
    100 : #000000,
    200 : #000000,
    300 : #000000,
    400 : #ffffff,
    500 : #ffffff,
    600 : #ffffff,
    700 : #ffffff,
    800 : #ffffff,
    900 : #ffffff,
    A100 : #000000,
    A200 : #000000,
    A400 : #000000,
    A700 : #000000,
  )
);
$mat-indigo: (
  50 : #e7e7e7,
  100 : #c2c2c2,
  200 : #999999,
  300 : #707070,
  400 : #525252,
  500 : #333333,
  600 : #2e2e2e,
  700 : #272727,
  800 : #202020,
  900 : #141414,
  A100 : #ef6e6e,
  A200 : #ea4040,
  A400 : #f60000,
  A700 : #dd0000,
  contrast: (
      50 : #000000,
      100 : #000000,
      200 : #000000,
      300 : #ffffff,
      400 : #ffffff,
      500 : #ffffff,
      600 : #ffffff,
      700 : #ffffff,
      800 : #ffffff,
      900 : #ffffff,
      A100 : #000000,
      A200 : #ffffff,
      A400 : #ffffff,
      A700 : #ffffff,
  )
);

тогда будет работать уже.Проблема в том, что вы не установили $mat-indigo и т. Д.

...