Question

我想获得用于对比主题的颜色以应用于边框，以使其跟随字体颜色并在更改主题颜色时相应地更改。

有点像，如果主题使字体颜色为白色，则需要获得白色。

我只是找不到md-colors指令的值来获取对比色。

我已经尝试过类似的东西

<div md-colors="{border-color: primary-contrast}" style="border-right: 1px solid">

或

md-colors="{border-color: primary-foreground}"

或

md-colors="{border-color: foreground}"

或

md-colors="{border-color: foreground-1}"

但是这些都不起作用。

定义调色板时，存在一个“ contrastDefaultColor”，因此必须有一种方法可以在md-colors指令中或直接在javascript中获取调色板的对比色。像这样的“主色调1对比度”之类的东西，可以得到主色调1颜色的对比色。

Answer 1

See Documentation

[?theme]-[palette]-[?hue]-[?opacity]
 [theme] - default value is the default theme
 [palette] - can be either palette name or primary/accent/warn/background 
 [hue] - default is 500 (hue-x can be used with primary/accent/warn/background)

示例：

 <div md-colors="{background: 'myTheme-accent-900-0.43'}">
  <div md-colors="{color: 'red-A100', 'border-color': 'primary-600'}">
   <span>Color demo</span>
  </div>
 </div>

有没有办法在md-colors指令或javascript中获得主题的对比度默认颜色/字体颜色？

1 个答案: