角材料预制主题靛蓝粉未生效

Question

在我的 styles.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，这将非常明显地改变您的主题。如果可行，您知道您的主题已被应用。