TwentyFourteenのベースの色は緑色だが、これをCSSで強引に他の色に変える。

現在までのところ、プラグインのShaChiPoCoを使っているが、古いプラグインで公開自体が終了していることもあるので、このプラグインの使用を止めたいと思っていた。

方針としては、CSSを直接書き換える形で色の変更をおこなってみる。

TwentyFourteenのデフォルトのCSSで緑色の指定は3色ある。

• #24890d（基本の深い緑）18箇所
  • 主な場所： リンクの基本色、各種ボタンの背景、カレンダーのリンク、ウィジェットタイトルの下線、タグの背景など、テーマのいたる所に指定されているメインの緑色。
• #41a62a（明るい黄緑色）32箇所
  • 主な場所： 記事内のテキストリンクにマウスを乗せた瞬間（ホバー時）の文字色や、スマホ用メニュー、コメント送信ボタンのホバー時などの色。
• #55d737（蛍光色に近い、鮮烈な明るい緑）4箇所
  • 主な場所： 「5.0 Navigation」内にあった色。メニューバー（黒い帯）の中で、「現在表示しているページ（現在地）」の文字色などの指定。

以上を強引に、CSS全文に適用してみたところ、あたりまえだが、見事に色合いを変化させることができた。

青系2色に変更

4色も微妙な色合いを変える必要もないので、2色で落ち着いた感じの青に変更させた。

• #0073aa（ベースになる青）←#24890d
• #00a0d2（明るい青）←#41a62a、#55d737

オリジナルのCSSから色に関係のないCSSをすべて削除し、色の指定しているCSSを子テーマのCSSにすべて放り込む。

暴力的だが、なんとかなった。