要实现Angular材料主题的主色和强调色相同,可以按照以下步骤进行:
styles.scss
(或任何您使用的全局样式文件)中定义自定义颜色变量。例如:$primary-color: mat-palette($mat-indigo);
$accent-color: mat-palette($mat-indigo, A200);
angular.json
文件中找到"styles"
部分,并将它改为以下内容:"styles": [
"src/styles.scss"
],
src/app/app.component.html
文件中添加以下内容:
Primary Color Example
Accent Color Example
src/app/app.component.scss
文件中添加以下内容:.primary-color {
color: mat-color($primary-color);
}
.accent-color {
color: mat-color($accent-color);
}
ng serve
命令,并打开浏览器查看结果。这样,您就可以在Angular应用程序中使用主色和强调色相同的材料主题了。