是否有一种方法来设置fillColor使用HTML属性?(流畅UI Web组件)

Question

当使用来自CDN的Fluent UI Web Components时，我了解到可以为自适应颜色系统提供一些值作为<fluent-design-system-provider>元素的属性。例如:<fluent-design-system-provider base-layer-luminance=".15">

问题:是否有类似的方法来设置HTML中元素的fillColor，以便为子元素重新计算适当的设计令牌值?

例如，我想做这样的事情:

<div id="myCardContainer" fill-color="neutralLayer2">
<fluent-button appearance="accent">Hello</fluent-button>
</div>

…并有样式的<div>的子元素(s)重新计算在相同的方式，如果我已经使用JavaScript方法:

const layer = document.getElementById('myCardContainer');    
fillColor.setValueFor(layer, neutralLayer2);

Answer 1

暂不使用

在https://github.com/microsoft/fast/issues/5286上进行跟踪。现在正在进行一些基础设施工作，应该会使这个问题很快更容易解决。

在颜色资源管理器https://github.com/microsoft/fast/blob/5ba576ffb833ec7d705175608394860888963721/sites/fast-color-explorer/app/components/layer-background/index.ts中也有一个组件。

现在使用您发布的代码或合并上面的层组件。请注意，我们将重新设计分层系统，使其更加灵活。这些工作将在adaptive-ui包中完成。