AngularDart 材质颜色主题

Posted 2023-03-13

【中文标题】AngularDart 材质颜色主题

【英文标题】：AngularDart Material Color Theming

【发布时间】：2018-10-12 01:44:05

【问题描述】：

如何使用 AngularDart 5 和 angular_components 更改 Web 应用的材质配色方案？

我不想为每个组件的每个属性定义颜色，而是使用颜色工具或 material.io 提供的方案。

【参考方案1】：

https://github.com/dart-lang/angular_components/issues/253#issuecomment-384441704

今天，我们使用 mixins 为应用程序的特定部分设置不同主题的样式，并将其范围限定为相关组件。

另见

https://github.com/dart-lang/angular_components#custom-component-styles https://github.com/dart-lang/angular_components/blob/master/lib/app_layout/README.md https://github.com/dart-lang/angular_components/issues/176

【讨论】：

我已经准备好通过这些链接，但我仍然不完全了解如何使用不同的主题。在您提供的第一个链接中，他们提到使用 mixins，并且示例 cmets 中提供的代码不再有效，并认为该系统已弃用。但我似乎找不到一个 mixin 主题示例来更改为红色/蓝色/黄色主题，例如

@james 我已经有一段时间没有使用过 Angular 了。我会尝试找出并更新我的答案。可能需要一点时间。