css - Polymer : Alternate color depending on user role (admin, 普通用户，特殊用户)

Question

我想问问是否有人可以引导我。我想根据用户“Angular 色”的功能使用不同的样式表到 polymer 应用程序中。
首先，我尝试在 <style include='shared-styles'> 上使用数据绑定(bind)
我试过了:<style include='{{sharedStyle}}'> .但正如预期的那样，它没有用。

所以.. 有人可以解释我如何开始这个领域吗？ (事件关键字在谷歌中寻找，我找不到任何真正相关的东西)

Answer 1

使用 CSS 变量，

.admin {
   --app-color: #123
}
.user {
   --app-color: #456
}

现在声明一个主容器add，用js add class 按用户类型

<div id="master"> </div>

并申请

element {
   color : var(--app-color);
}