如何在出现在各种Material组件中的指令color上定义自定义Angular Material颜色：
<button mat-button color="accent" (click)="back()">{{ 'Back' | translate }}</button>
<button mat-button color="primary" (click)="next()">{{ 'Next' | translate }}</button>
我想添加另一种配色方案，例如hint或info。
<button mat-button color="hint">{{ 'Hint' | translate }}</button>
在哪里可以定义这些颜色？
答案 0 :(得分：-1)
这是两种不同的解决方案：
1。编辑您的Angular Material主题的调色板
如果要在应用程序中全局编辑此信息，则可以创建自己的Angular Material Theme并扩展正在使用的主题。有关角度材料主题的更多信息：https://material.angular.io/guide/theming
以不太恰当的方式，您还可以编辑应用程序的style.css以将全局样式应用于您的应用程序。
2。编辑子组件的样式
在您的情况下，您可能希望编辑输入的颜色，而不用应用中的相同颜色（例如：color="primary"）来更改每个输入。
您可以使用::ng-deep在子组件上应用样式。
ng-deep目前已被弃用，但目前没有替代品。文档说的是：“请继续使用:: ng-deep及其替代方法，直到创建替代产品为止-弃用只是早期通知，因此，只要实际的更改实现，人们就不会盲目。”