Angular Material突出显示具有匹配颜色的简单文本，以用于预建主题

Question

我在项目中使用Angular Material组件。我正在搜索一个组件，我可以在页面上用匹配的颜色突出显示某些文本，以用于预建主题（当前我正在使用deeppurple-amber.css）。

我无法找到任何合适的解决方案，仅此功能请求（当前打开的内容）： https://github.com/angular/material2/issues/9138

我认为自己应该自己做，但是我不知道如何为模板选择匹配的颜色。我需要为此模板定义适当的颜色（我认为这不是最佳解决方案）？如果这是唯一的方法，我该如何选择一种颜色？

还是有一个好的解决方案，对于任何模板，以某种方式“计算”出好的颜色是什么？

还是有一个组件，我没有找到？

感谢您的帮助！

Answer 1

如果我的理解是正确的，则需要获取所设置主题的颜色并将其应用于视图中的其他组件。

您可以得到如下颜色：

myDiv.style.backgroundColor，然后在视图中为其他组件分配相同的颜色。