Question

我使用AppToolbox（聚合物cli）创建了一个新的聚合物应用程序，现在我尝试添加从Polymer Theme下载的主题。我按照说明操作：在标记内添加以下行在webcomponents-lite.min.js和其他HTML导入之后。

<link rel="import" href="path/to/theme.html">

要在自定义元素中使用主题，请添加以下行在你的标签内：

<link rel="import" href="path/to/theme.css" type="css">

当然我在示例组件中删除了一些css样式，但我没有看到应用于项目的模板。

有人可以给我一些建议吗？

说明：

Answer 1

TL; DR 似乎允许这些主题与Polymer 1.5.0正常工作的唯一方法是将index.html中提供的样式表链接到：

<link rel="stylesheet" href="path/to/theme.css">

来自plunker的<dom-module>导入您<dom-module>与CSS https://polymerthemes.com/对齐的CSS主题的说明，但不推荐使用该导入类型的支持，以支持{ {3}}

然而，即使是样式模块也不允许在我的实验中完全使用它们。

试验：

在<dom-module id="x-button"> <link rel="import" type="css" href="theme.css">  ... </dom-module>（documentation on importing external stylesheets）中导入提供的主题：
```
<dom-module>
```
结果：样式仅限于自定义元素，但没有字体样式。 style modules

deprecated
将提供的主题转换为样式模块，并将其包含在<link rel="import" href="theme.html"> <dom-module id="x-button"> <style is="custom-style" include="theme"></style>  ... </dom-module>中：
```
<dom-module>
```
结果： （与试验1相同） plunker
在<dom-module id="x-button"> <link rel="stylesheet" href="theme.css">  ... </dom-module>中链接提供的样式表：
```
x-button
```
结果： paper-button完全按预期设置样式，但样式会泄漏到主页面，修改背景颜色和主页的index.html。 plunker
仅在<head> <link rel="stylesheet" href="theme.css">  ... </head> <body> <x-button></x-button> </body>
中链接提供的样式表
```
x-button
```
结果： cd ~/ffmpeg; ./configure --enable-libvpx --enable-gpl --enable-libx264按预期完全设置样式。 plunker