AngularJS Material Design：活动标签的不同颜色（使用主题颜色）

Question

与下面提到的问题类似，我正在尝试使用主题颜色设置活动选项卡标签的背景和前景色。我主要期望在 CSS 中引用主题颜色标识符不起作用。有合适的方法吗？
AngularJS Material Design : Different colors for different tabs in md-tabs

作品：

.md-tab.md-active
{
   background: green;
}

不起作用：

.md-tab.md-active
{
   background: accent;
}

md-colors 指令适用于 html 标记中的任一值，但它们不适用于我想要的 md-tabs 或 md-tab 的特定部分：

<div md-colors="{color: 'accent', background: 'green'}">My Text</div>

我正在尝试做的是避免硬编码恰好是 CSS 中的重音（或可能是主要颜色）的颜色。我在想有一种方法可以以编程方式确定重音/原色的颜色，然后应用颜色。我还没弄明白。

Answer 1

我认为问题在于您试图将颜色设置为不是颜色的“重音”。作为一个变量，它可以在 Angular 指令中使用，但不是 vanilla css。