色設定

読者の皆様の熱烈なご要望にお応えして、「Hatena」テーマで基調となる色を青から他の色(ここでは例としてピンク)に変える方法をまとめてみる。(なお、細かく見るとまだ変更前の色(青)がところどころ残ってしまっている。これらの解消は今後の課題である。)

h2 {
background-color:#F3BABA;
}

div.day span.sanchor {
color:#F3BABA;
}

div.body {
border: #F3BABA 1px solid;
}

div.body blockquote {
border: #F3BABA 1px solid;
}

div.caption {
border-bottom: #F3BABA 1px solid;
}
  • 背景全体に色をつけたければ更に次を加える。
body {
background-color: #fff0f5;
}
  • 「この内容に変更する」、…、で変更を確定。

ピンク以外の色に変える場合も同様だが、色コード(#○○○○○○)については、「#F3BABA」や「#fff0f5」の代わりに、http://yokohama.cool.ne.jp/alisato/hatena/hatena_head.shtmlカラーチャートを参考にふさわしいものを指定する。「Hatena」以外のテーマについても多分同様。

(追記)誤り・非効率がありましたらご指摘ください。>詳しい方々