使用手写笔将主题颜色应用于常规HTML元素

Question

我想将常规HTML元素的颜色（例如span）更改为主题颜色之一。如何从Stylus文件中引用此颜色（原色/强调/等）？

我发现的几乎所有答案都描述了如何使用SCSS进行此操作，但似乎所提供的解决方案在Stylus情况下不起作用。

Answer 1

primary，accent，...是类，因此您需要使用ngClass或class.primary

<span [ngClass]="variable">...</span>
//and 
variable='myClass'

//or
<span [ngClass]="{'primary':condition}">...</span>
//or
<span [class.primary]="condition">...</span>

您以方式使用[ngStyle]或[style.property]

<span [ngStyle]="myStyle">..</span>
e.g.
myStyle={'background-color':red,width:'1rem'}
//or

<span [ngStyle]="{color:variable}">...</span>
//and
variable='red'

//or
<span [style.color]="'red'">...</span>

//or
<span [style.color]="variable">...</span>
//and 
variable='red'

例如，您可以在this link