ページヘッダーの色

テーマを更新したらヘッダー文字がセンター合わせに変更になったようです。
それに合わせてグラデーションも設定を変えました。(201912)

.section.page-header {
background: linear-gradient(90deg, #ddd 0%, #737373 30%, #737373 70%, #ddd 100% );
color: #fff;
}

テーマカラーを変えたので、ページヘッダーの色もかわっちゃいますね。

デフォルトより少し彩度のある色だから大きな面積になると響いてきますね・・・デフォルトってよく考えてあるなぁと。

Lightning Proなら画像を貼ってさくっと終われるのですが、このままというのもなぁ・・・・ということで少し調べました。

どうやら思いっきりいじると画像入れられなくはなさそうでしたが、そこまでいじる根性がないのでCSSで出来る範囲でカスタマイズすることに・・・

ベタっとした色だと少し単調に思えたので(フラットデザインさんごめんなさい)グラデを入れて見ることにしました。

色々調べてCSSを貼り合わせたのがこんな感じです。

.section.page-header {
 background: linear-gradient(70deg, #737373, #dddddd);
 color: #fff;
}
こいつを外観、テーマエディターにぺたっと張り付けて・・・・よし地味な感じで出来上がりました。
グラデの角度が90ではなく70なのは何だろう?少しこだわってみた感じです。基本が出来たので後は気分でまた調整しようかな?