Текст в поднятой матовой кнопке невидим на панели матовых инструментов

Этот простой код:

<mat-toolbar color="primary">
    <button mat-raised-button>Basic</button>
</mat-toolbar>
<button mat-raised-button>Basic</button>

Дайте мне этот результат: скриншот

Кажется, это известная ошибка: https://github.com/angular/material2/issues/4614

Мне нужен чистый обходной путь, может ли кто-нибудь мне помочь? Спасибо.


person dc-p8    schedule 29.12.2017    source источник
comment
Это известная проблема. Вы хотите, чтобы кнопка была белой внутри панели инструментов?   -  person Faisal    schedule 29.12.2017
comment
Я использую пользовательскую тему, и у меня нет этой проблемы. Кроме того, какая у вас угловая версия материала?   -  person Mehdi Benmoha    schedule 29.12.2017
comment
Нет, я бы хотел, чтобы цвет текста оставался неизменным (основной цвет текста темы), если это возможно, без необходимости жестко кодировать грязно-черный цвет текста в scss компонента.   -  person dc-p8    schedule 29.12.2017
comment
я не знаю, какую версию я использую. У меня есть эта зависимость в моем package.json: @angular/material: ^ 5.0.2   -  person dc-p8    schedule 29.12.2017


Ответы (1)


я написал свою тему в /style.scss. Цвет, который я выбрал для своей основной палитры, влияет на воспроизводимость жука.

Например, это не работает:

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

// The warn palette is optional (defaults to red).
$candy-app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

Но это работает:

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

// The warn palette is optional (defaults to red).
$candy-app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

Я только что изменил $mat-indigo на $mat-green, и теперь мой текст виден скриншот

В чем дело ?

person dc-p8    schedule 29.12.2017