Угловой материал ввода не имеет белый текст с темной темой - PullRequest
0 голосов
/ 03 сентября 2018

В настоящее время я пытаюсь использовать темную тему из углового материала. У меня проблема в том, что цвет matInput все еще черный. Я установил цвет моего mat-form-field на основной. Я все еще учусь реализовывать эти пользовательские темы, поэтому, возможно, я не понимаю их правильно. Я вижу, что переменная currentColor в инспекторе - black. Обратите внимание, что я не перезаписываю цвета нигде в проекте. Самая большая CSS, которая у меня есть сейчас, это пользовательская тема.

Я также не хочу устанавливать цвет из своего sass. Я хочу, чтобы он автоматически использовал цвет переднего плана темы.

Вот моя тема sass:

@import '../node_modules/@angular/material/theming';

@include mat-core();

$md-skyblue: (
    50 : #e5f2fd,
    100 : #bfdefb,
    200 : #95c8f8,
    300 : #6ab1f5,
    400 : #4aa1f2,
    500 : #2a90f0,
    600 : #2588ee,
    700 : #1f7dec,
    800 : #1973e9,
    900 : #0f61e5,
    A100 : #ffffff,
    A200 : #dee9ff,
    A400 : #abc8ff,
    A700 : #91b7ff,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$dark-primary: mat-palette($md-skyblue, 700, 500, 900);
$dark-accent:  mat-palette($mat-blue-grey, A200, A100, A400);
$dark-warn:    mat-palette($mat-deep-orange);

$dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);

@include angular-material-theme($dark-theme);

$background: map-get($dark-theme, background);

body {
    background-color: mat-color($background, background);
}

Спасибо!

Редактировать: Вот скриншот:

imagemat-form-field is in mat-card">

1 Ответ

0 голосов
/ 10 сентября 2018

Обновление -

Я только что открыл это впервые за несколько дней, и теперь он показывает текст белым цветом в mat-form-field. Возможно, это просто случайность, и, перестроив и обслужив приложение, на этот раз оно каким-то образом исправилось. Это было просто странно, потому что я продолжал запускать ng s, чтобы перестроить приложение, когда я публиковал это изначально, а цвет текста на входе оставался черным.

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...