Есть ли способ получить контрастный цвет по умолчанию / цвет шрифта темы в директиве md-colors или в javascript?

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}"

Но ничего из этого не работает.

Когда палитра определена, есть «ContraDefaultColor», поэтому должен быть способ получить контрастный цвет для палитры в директиве md-colors или непосредственно в javascript. Что-то вроде этого "primary-hue-1-контраст", чтобы получить контрастный цвет основного цвета 1.

Answer 1

См. Документацию

[?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>