【cocoon】色を変えたい。どこを変えればいいの？

ゆずしお

cocoonで色を変更したいんだけど、どこを変更したらいいのかわからないんだよね～。

がっちゃん

そんなあなたの悩みを解決するにゃ！

cocoonでは色を変更できる箇所がありますが、一体どこを変更したら、どこに反映されるの？
そんな疑問にお答えします。

※注意！設定しているスキンによっては、変更不可の場所もあるようです。

ヘッダー部を変更したい

上の設定にすると、プレビューが下の画像になります。

目立つ色にしました。
私はロゴ部は画像を入れています。

ロゴ文字色＝キャッチフレーズでした。

グローバルナビメニュー色を変更しました。
ヘッダー全体背景色、ヘッダー全体文字色が上書きされた状態です。

注意

ヘッダー全体背景色「緑」、ヘッダー全体文字色「白」の設定ですが、この２色はどこにも使われていないことを確認しました。

グローバルナビメニュー色＞＞ヘッダー全体色　という優先順位でしょうか。

サイドバーの色、テキスト色、小カテゴリの色が変わりました。

「サイトキーカラー」は目次の枠、引用、テーブルの色にもかかってくるようです。
そのため、薄い色だと見えずらいので、濃い色の方が良さそうです。

「サイトキーカラー」を黄色にすると、目次や引用がぼんやりして失敗しました。

いろいろ試してみましたが、どうでしょうか。
グローバルナビメニュー色を変更すると、ヘッダー全体色が無効になったりしました。
cocoonの優先順位がありそうですね。