環境を改善してみる第三弾。
対象環境
- Windows XP SP3
- Firefox 49.02
ユーザ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
でセクショニングせず、section
やarticle
などのHTML5タグを使ってくれていると信じる。
所感
不完全。さすがに全サイトを同じデザインに統一することはできないか。