/ /ダーツ紙足場の背景色=ヘッダーの#526E9C。どこを変更しますか? - CSS、ダーツポリマー、紙要素

ダーツ紙足場の背景色=ヘッダーの#526E9C。どこを変更しますか? - CSS、ダーツポリマー、紙要素

私は他の[非常に]関連する質問への回答を読んだが、ポリマーの更新が行われた可能性があるので、私は再びそれを提示すると思った。

私は[ダーツ]のすべての色を変更することができます紙足場(コア足場) - メニューとツールバーですが、上部のヘッダーの色を変更することはできません。それは常に背景色=#526E9Cです。私が行うことができる唯一の方法は、生成された(パブビルドを使用して)index.htmlのコアツールバースタイルを変更することです。この 1行の変更 色を ヘッダー全体 ブラウザウィンドウ(これは私が欲しいものです)の向こう側にあります。だから私は乗り込むことができます。

私がスタイルをするとき:

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

ドロワの上の色のみを変更し、上の全体を変更することはありません。なぜそれがちょうどそのビットを行うのは非常に不思議です!

私はshadow-shim、core-scaffold :: shadowdom ..などを試しました。この普及した値#526E9Cが現れる/ src / core-scaffold.htmlなどを変更しようとしました。

私のウェブサイト(sekpa.org)にはこの青色(#526E9C)の半分が表示されています。

バグですか?もしそうなら、私はその知識の中でとても幸せになれます!
ありがとう
スティーブ

回答:

回答№1は0

二つあります core-header-panel内部の paper-scaffold.

core-header-panel 1つを含む 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;
}

詳細はこちらを参照してください リンク.