livedoor Readerのuserstyle

Lucky bag::blogのe-luckさんがuserstyles.orgでlivedoor Reader extensionsというユーザースタイルを公開しているのに気付いた。
かなり気に入ったので、導入ついでにlivedoor Readerで個人的に気になっていたところをエイヤといじってみることにした。
それはフォーカスが当たっているエントリの背景色が黄色に着色されるのが、分かりやすくはあるけれど、延々と見ているとなんだか目が疲れてイライラしてくるよ、というところ。今どこにフォーカスがあるかは分かるべきだけれどここまで派手に着色されなくてもいい、と。

というわけで書いてみたのが以下。

.hilight {
 background: #fff !important;
}
.hilight h2.item_title {
background:#696969 !important;
color:#fff !important;
}
    .hilight h2.item_title a {
    color:#fff !important;
    }

まずハイライトされるエントリの背景を白で上書きしてやり、そのあとどのエントリにフォーカスがあるのか分かるようにエントリのタイトルの背景色を暗いグレーに変えている。
サイドバー内のフィードのフォーカスが当たる部分は青系なので、それとそろえて全体的な色のバランスを取ってもいいと思うけれど、面積があるので同色だと実はわりとうるさい。

e-luckさんのコードに追記して使ってもいいし、@-moz-document url("https://reader.livedoor.com/reader/")で独立して使ってもいい。