Stylish

表示スタイルをCSSで変更できます。同様のことはuserContent.cssやuserChrome.cssを修正することでも行えますが、Stylishでは修正を即時に反映できます。

導入

スタイルの編集ウィンドウは、既定ではタブで表示されます。しかしabout:configで[extensions.stylish.editorWindowMode]を1とすれば、独立したウィンドウでも表示できます。Using Stylish for Firefox - userstyles.org

Stylish用に用意されたスタイルがuserstyles.orgにあり、CSSを記述しなくてもスタイルを設定できます。

検索バーのスタイルであるFindbar on Top Rightは、特定の日に突然スタイルが変更されます。それはハロウィンやエープリルフールの日ですが、これはスタイルを修正することで無効化できます。

@-moz-documentの記述を修正することで、スタイルの適用範囲を柔軟に指定できます。

適用範囲	@-moz-documentの表記
特定のドメイン	domain("www.example.com")
特定のURL	url("http://example.com/sample/")
特定の値から始まるURL	url-prefix("http://example.com/sample/")
正規表現に一致するURL	regexp("https:.*")

保存されているスタイルは、アドオンマネージャ (about:addons) の[ユーザースタイル]で確認できます。無効化しているスタイルはその対象サイトを閲覧しても判然としませんが、このページならば明白です。

Stylishのデータは、既定ではプロファイルフォルダにstylish.sqliteのファイル名で保存されます。しかし必要ならば、この保存先はabout:configの[extensions.stylish.dbFile]で変更できます。Using Stylish for Firefox - userstyles.org

データ形式はSQLite3ですので、それに対応したツールならば直接編集できます。またこのファイルをコピーすれば、それがバックアップとなります。

新しい環境へデータをコピーするとき、何もスタイルが定義されていないところへコピーしても、それが反映されないことがあります。その場合には適当なスタイルを1つ定義し、それで作成されたファイルでstylish.sqliteファイルを上書きします。

複数の技術系サイトから、まとめて検索