読者です 読者をやめる 読者になる 読者になる

やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

Firefoxの表示を黒ベースにした(ユーザ・スタイルシート)

環境を改善してみる第三弾。

対象環境

ユーザCSS

ユーザが自分で書いたcssを反映してくれる機能があるらしい。それを使う。

css 説明
userChrome.css FirefoxのUIに反映する
userContent.css Webサイトの内容に反映する
user.js jsを反映する

私の環境だと、以下のパス配下に上記ファイルを作成した。

C:\Documents and Settings\Administrator\Application Data\Mozilla\Firefox\Profiles\任意のプロファイル\chrome/

もしかするとchromeディレクトリがないかもしれない。その場合は新規作成する。

userContent.css

html,body,section,article,aside,nav,header,footer,div,span,p,form,input,textarea {
    background-color:#000000 !important;
    color:#dddddd !important;
}
a:link { color: #66dd66 !important; }
a:visited { color: #dd00dd !important; }
a:hover { color: #8888FF !important; }
a:active { color: #dddd00 !important; }

たったこれだけで真っ黒に。

divも黒にしようと思ったのだが、カラーピッカーなどのWebツールにdivとか使ってそうでやめた。今時はdivでセクショニングせず、sectionarticleなどのHTML5タグを使ってくれていると信じる。

所感

不完全。さすがに全サイトを同じデザインに統一することはできないか。