飞镖 paper-scaffold background-color=#526E9C header。哪里改？

Question

我已经阅读了其他[非常]相关问题的答案，但我想我会再次提出它，因为聚合物可能已经更新。

我可以更改 [dart] paper-scaffold (core-scaffold) - 菜单和工具栏中的所有颜色，但我无法更改顶部 header 的颜色。它总是 background-color=#526E9C。我能做到的唯一方法是在生成的（使用发布构建）index.html 中更改 core-toolbar 样式。这个 一行更改 设置 整个浏览器 header 的颜色 window （这就是我想要的).这样我就可以过去了。

当我做造型时：

core-toolbar{
background-color: #7A418D;
color: #FFF;
}

它只会改变抽屉上方的颜色，不会改变整个顶部。很奇怪为什么它就那么一点！

我尝试了 shadow-shim、core-scaffold::shadowdom.. 等。我尝试更改 /src/ core-scaffold.html - 等等，其中这个普遍存在的价值 #526E9C 出现了。

在我的网站 (sekpa.org) 中显示了这个蓝色 (#526E9C) 的一半。

这只是一个错误吗？如果是，我会非常高兴！
谢谢
史蒂夫

Answer 1

一个paper-scaffold里面有两个core-header-panel。

每个 core-header-panel 包含一个 core-toolbar。

左侧的可折叠 core-header-panel 及其内部的 core-toolbar 位于普通光源 DOM 中，这就是为什么您可以通过指定 css 就这样。

然而，右边的core-header-panel和core-toolbar在paper-scaffold的影子DOM里面。为了改变这个 core-toolbar 的颜色，你需要做一些像 -

paper-scaffold::shadow core-toolbar {
  background: #7A418D;
  color: #fff;
}

更多信息，请参考此link。

飞镖 paper-scaffold background-color=#526E9C header。哪里改？

dart paper-scaffold background-color=#526E9C for header. Where to change?

css

dart-polymer

paper-elements