css – Polymer 1.0 app-theme仅影响index.html,而不影响自定义元素

我正在使用Polymer Starter Kit,我想将脚手架移动到它自己的元素<main-scaffold>中. app-theme.html中有一些样式应用于它之前我将它从index.html移入它自己的元素,但现在没有任何样式适用.对于我放入自己的自定义元素的任何元素集都是这种情况.应用于<paper-material>的自定义样式来自app-theme.html的内容未在我的<

home-page>中应用组件.我希望某些元素在全局范围内应用主题. app-theme.html中唯一适用于其他任何地方的样式是CSS自定义属性,例如–dark-primary-color.

有什么办法可以创建适用于整个项目的主题吗?我已经尝试将app-theme.html专门导入到我的元素中,并没有什么区别.提前致谢.

polymerthemes.com

的主题应该适用于整个项目.

只需下载其中一个预制主题(或使用 Polymer Theme Builder 创建自己的主题)并在<head>中链接到它,如下所示:

<style is="custom-style">
    @import url("path/to/theme.css");
</style>

或者,看看如何在该网站上应用样式.

免责声明:我是polymerthemes.com的创始人之一.

翻译自:https://stackoverflow.com/questions/30900593/polymer-1-0-app-theme-only-affecting-index-html-and-not-on-custom-elements