1

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

我可以更改 [dart] paper-scaffold (core-scaffold) 中的所有颜色 - 菜单和工具栏，但我无法更改顶部标题的颜色。它始终是 background-color=#526E9C。我能做到的唯一方法是更改​​生成的（使用 pub build）index.html 中的核心工具栏样式。并且这一行更改设置了浏览器窗口中整个标题的颜色（这是我想要的）。这样我就可以过去了。

当我做风格时：

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

它只会改变抽屉上方的颜色，而不是整个顶部。非常神秘，为什么它会那样做！

我已经尝试过 shadow-shim、core-scaffold::shadowdom.. 等。我尝试过更改 /src/core-scaffold.html - 以及更多出现此普遍值 #526E9C 的位置。

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

这只是一个错误吗？如果是这样，我会很高兴在这些知识！
谢谢
史蒂夫

4

1 回答 1

0

里面有两个core-header-panels paper-scaffold。

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

左侧可折叠core-header-panel及其内部core-toolbar位于普通 Light DOM 中，这就是为什么您可以通过像这样指定 css 来更改其颜色的原因。

不过，右边core-header-panel和core-toolbar里面paper-scaffold的都是Shadow DOM。为了改变它的颜色core-toolbar，你需要做一些类似的事情 -

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

有关更多信息，请参阅此链接。

于 2015-01-07T23:20:32.413 回答