Firefox/Waterfox 「設定画面」以外でできる設定

about:config

Firefox の設定エディター(Firefox ヘルプ)」参照。


user.js

「about:config」に反映される設定を記述するファイル。
何のための設定か、何をどう設定したか等のコメントを書くことができる。
「about:config」で直接設定するより、こちらで設定した方が管理がしやすい。
置く場所は、プロファイルフォルダーの直下。


userChrome.css

ブラウザそのものの外観に適用されるスタイルシートを記述するファイル。
タブをツールバーの下に表示したり、タブの形を四角にしたり、各種メニューやブックマークの行間を狭くしたりできる。
置く場所は、プロファイルフォルダー直下の「chrome」フォルダー。


userContent.css

ブラウザで見るコンテンツに適用されるスタイルシートを記述するファイル。
ドメイン別の設定もできる。
置く場所は、プロファイルフォルダー直下の「chrome」フォルダー。


※ファイルの文字コードは UTF-8N(UTF-8、BOMなし)にする
※Firefox は「userChrome.css/userContent.css」を有効にする設定を「user.js」で行う必要がある
※「chrome」フォルダーが存在しない場合は自分で作る
※「user.js」から設定項目を削除する時は「about:config」でも該当項目をリセットすること

Firefox 設定ファイル

◆user.js
◆userChrome.css
◆userContent.css

設定が反映された外観のスクリーンショットは以下の通り
・ツールバー周辺
・ページ内検索バー
・[アプリケーションメニュー]ボタンのドロップダウン
・[拡張機能]ボタンのドロップダウン
・[ブックマーク]ボタンのドロップダウン
・[履歴]ボタンのドロップダウン
・サイドバー
・コンテキストメニュー

※メニューバー/ブックマークツールバーは使っていないのでレイアウトは全く考慮していない
※アプリケーションメニューの「履歴」「ブックマーク」についても同様
※外部アプリ(本ページ一番下参照)による変更あり

Waterfox 設定ファイル

◆user.js
◆userChrome.css
◆userContent.css

設定が反映された外観は、以下を除き、上記「Firefox」とほぼ同じ
・ツールバー周辺
・[アプリケーションメニュー]ボタンのドロップダウン

※「Look & Feel」で「Disable Waterfox theme customisations」を指定した場合のカスタマイズ
※上記Firefox同様、不使用・非表示のバー/メニューのレイアウトは全く考慮していない
※外部アプリ(本ページ一番下参照)による変更あり

参考サイト

基本
●Firefox about:config設定の忘却録(バグ取りの日々)
●Firefox userChrome.cssのコードまとめ(バグ取りの日々)
●Browser Toolbox(Firefox Source Docs documentation)

資料
●Where can I find a complete list of all Firefox about:config preference settings?(Firefox サポートフォーラム)

userChrome.css 各種サンプル
●firefox-csshacks/chrome at master・MrOtherGuy(GitHub)

Firefox userChrome.css に関する非公式掲示板
●Firefox CSS(reddit)

Firefox と Mozilla に関する非公式掲示板
●Firefox(reddit)

Waterfox 公式掲示板
●Waterfox Community Support(reddit)

●ソフトウェア - 5ちゃんねる掲示板 の下記スレッド
 「userChrome.css・userContent.cssスレ」
 「Mozilla Firefox質問スレッド」
 「Mozilla Firefox Nightly」

他、メモ

●テーマアーティスト:Professor Khan(addons.mozilla.org)
●テーマアーティスト:butterflymecha(addons.mozilla.org)

使用テーマ配布元。


●Windowsカスタマイズシリーズ(Tatsu's life on the Web)

「Windows」をカスタマイズする目的で、
「Meiryo UIも大っきらい!!」と「Re-Metrics」を使用。外観にその反映あり。


●menupopup:not(.in-menulist)とする理由(ふらっと 気の向くままに)

「userChrome.css」の設定で、コンテンツに影響が出るものがある。


●アドレスバーからニコニコ動画や Wikipedia などのサイト内を検索するには(Firefox ヘルプ)
●設定情報のバックアップ(Firefox ヘルプ)
●プロファイル(Firefox ヘルプ)