私は他の[非常に]関連する質問への回答を読んだが、ポリマーの更新が行われた可能性があるので、私は再びそれを提示すると思った。
私は[ダーツ]のすべての色を変更することができます紙足場(コア足場) - メニューとツールバーですが、上部のヘッダーの色を変更することはできません。それは常に背景色=#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;
}
詳細はこちらを参照してください リンク.