User Style Sheet（Firefox）
- Firefox 76
Firefox 69以降デフォルトで無効化されたらしいので、about:configからstylesheetsで検索、toolkit.legacyUserProfileCustomizations.stylesheetsをtrueにする。
ブラウザ右上の三本線メニューからHelp、Troubleshooting InformationのProfile Directoryという項目から現在のプロファイルのディレクトリがわかる。
PROFILE_DIR/chromeディレクトリを作成、PROFILE_DIR/chrome/userContent.cssファイルを作成。あとはこのCSSがすべてのWebサイトに適用されるのでCSSを書いていくだけ。Firefoxを再起動すると変更が適用される。
body { background: black !important; }
- https://developer.mozilla.org/ja/docs/Web/CSS/@document
- http://puppet.asablo.jp/blog/2008/11/25/3974444
@-moz-documentで特定のドメインのWebサイトにだけスタイルを適用できる（@documentでは動かなかった）。ドキュメントは@documentのものを見ればいいのかな（Firefoxにしかこのクエリは実装されてないらしい、CSS 4で検討中？）。ID/クラスが被ってる場合に使えるか。
@-moz-document domain(twitter.com) {body { background: black !important; }}