はてなダイアリーも黒背景にする

黒背景第 2 弾ということで、日々のログを残しているはてなダイアリーの blog も背景色を変更してみます。CSS については、要素を指定してプロパティと値をセットで記述するもの、くらいの知識しか現状持ち合わせていないのですが、少し調べてみました。

適当なサンプルを探しているときに値の指定に !important とついているものがあったので調べると、同じ要素について複数の値指定があった場合は以下のように優先されるものが決まるのですね。

  • 後に書いたほうが優先される
  • 詳細に指定したほうが優先される
  • !important をつけるとその値が優先される

少し試して、とりあえず下記の配色にしてみました。

1
2
3
4
5
6
7
8
9
10
11
12
html *{
  background-color:#191919 !important;
  color:#CCCCCC !important;
}

a:link {
  color:#CCCCCC !important
}

a:visited {
  color:#777777 !important
}

ryskosn log
↑ 黒くなりました。

参照 URL

こちらもあわせてどうぞ

  1. Remember the Milk も黒背景にする
  2. Emacs に再入門 (2)
  3. 正規表現で Amazon の URL をシンプルにする

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>