更改角度材质中的默认主题

Question

如何更改角度材质的默认主题？

要从purple-green.css更改为angular.json

在 "styles": [ "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "./node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ] 中，我从

 "styles": [
              "./node_modules/@angular/material/prebuilt-themes/purple-green.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ]

到

broadFileSystemAccess

但是更改样式后，物料元素不会显示...

我导入了CSS，但仍未显示实质元素。 请帮助我

Answer 1

与here中的官方博客一样，您可以尝试将这一行包含在全局styles.css文件中：

@import '@angular/material/prebuilt-themes/purple-green.css';

Answer 2

在角度8中，我们必须使用以下命令创建src\styles.scss文件

@import '@angular/material/prebuilt-themes/purple-green.css';

然后像这样将styles.scss添加到a​​ngular.json

"styles": ["src/styles.scss"]