Угловой материал готовой тематики индиго-розового цвета, не вступающий в силу - угловой

Question

В моих стилях.scss

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

Я также пытался это сделать в моем index.html

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet" />

Наконец я попытался в моем файле angular.json

"styles": [
     "node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
]

Разве это не должно быть розовым?

Answer 1

Нет, это не должно быть розовым, это должно быть индиго, и ваш скриншот выглядит так, как будто он применяется. Разница между deeppurple-amber а также indigo-pink очень тонко Так indigo-pink возможно применяется, но не легко отличить. Пытаться pink-bluegreyЭто очень заметно изменит вашу тему. Если это работает, вы знаете, что ваши темы применяются.