Polymer 聚合渐进式Web应用程序，放置CSS主题变量

我正在尝试重组我的Polymer应用程序，以使用谷歌IO上展示的渐进式web应用程序技术。我有一点复杂，在我启动应用程序之前，我需要确保用户已登录，因此它的结构将使index.html中嵌入一个

元素，并且该元素中嵌入了

元素

问题是在哪里找到定义主题变量（例如--app primary color和--app accent color等）的CSS。在示例中，它们是在

元素内的：主机选择器下定义的。在我的例子中，那太晚了，因为我还想在处理会话建立时对我的登录表单和我吐出的纸旋转器进行主题化

在

中定义这些CSS主题变量似乎不合适（我知道这是一个模糊的术语），因此我想知道在

标记中使用

index.html中的根选择器定义它们是否有任何缺点

通过阅读文档，我认为我不需要声明
来定义自定义变量，因此无需将
polymer.html
导入
index.html
中，我认为您最好创建一个代表您的应用程序的新的顶级元素。这是定义主题化变量的地方。您以前调用的
元素应该重命名为其他元素。它只是应用程序的一个子组件，根据用户是否登录而变化。您可能可以在
index.html
中定义它，但随着时间的推移，您可能会很高兴能够访问所有完整的聚合物功能

//在此新的顶级元素中定义样式
//样式定义在级联到此处
//以前的名称，只是一个示例名称。。。
谢谢，这是一个非常有意义的不同视角。