Firefoxのソース表示をEmEditor風にする

Firefoxでソースを開いたときに、無骨なHTMLが表示されるのが嫌な人はそれなりに居ると思うけれど、CSS変えればちゃんと見栄えを調整できるようになっている。自分の場合はuserContent.cssに以下を追加してフォントと色を変更している。

body#viewsource * {
font-family: Consolas, monospace !important;
font-size: 9pt !important;
}
body#viewsource .comment {
color: #008000 !important;
}
body#viewsource .start-tag {
color: #800080 !important;
font-weight: normal !important;
}
body#viewsource .end-tag {
color: #800080 !important;
font-weight: normal !important;
}
body#viewsource .attribute-name {
color: #FF0000 !important;
font-weight: normal !important;
}
body#viewsource .attribute-value {
color: #FF00FF !important;
font-weight: normal !important;
}

実際の見栄えはこんな感じ。

userContent.cssについてはユーザ CSS (フォント、色、その他のスタイルの変更)を参照のこと。