aoirint's note

メモ帳(古い記事はkanomiya blogから移行)

User Style Sheet(Firefox)


Firefox 69以降デフォルトで無効化されたらしいので、about:configからstylesheetsで検索、toolkit.legacyUserProfileCustomizations.stylesheetstrueにする。

ブラウザ右上の三本線メニューからHelp、Troubleshooting InformationのProfile Directoryという項目から現在のプロファイルのディレクトリがわかる。

PROFILE_DIR/chromeディレクトリを作成、PROFILE_DIR/chrome/userContent.cssファイルを作成。あとはこのCSSがすべてのWebサイトに適用されるのでCSSを書いていくだけ。Firefoxを再起動すると変更が適用される。

body { background: black !important; }

@-moz-documentで特定のドメインのWebサイトにだけスタイルを適用できる(@documentでは動かなかった)。ドキュメントは@documentのものを見ればいいのかな(Firefoxにしかこのクエリは実装されてないらしい、CSS 4で検討中?)。ID/クラスが被ってる場合に使えるか。

@-moz-document domain(twitter.com) {
  body { background: black !important; }
}