聚合物：根据用户角色（管理员、普通用户、特殊用户）的替代颜色

Question

我想问一下是否有人可以引导我。我想在用户 'role' 的功能中使用不同的样式 sheet 到聚合物应用程序中。
首先，我尝试在 <style include='shared-styles'>
上使用数据绑定 我试过了：<style include='{{sharedStyle}}'>。但是不出所料。

那么..有人可以解释一下如何开始这个领域吗？ （事件在 google 中查找关键字，我找不到任何真正相关的内容）

Answer 1

使用CSS个变量，

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

现在声明一个master容器add with js add class by user type

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

并申请

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