Firefoxの閉じるボタンを左上に表示する

はじめに

Firefoxの閉じるボタンや最小化ボタン、最大化ボタンをmacOSのように左上に表示するように変更したので、その実現方法を記録する。

FirefoxはuserChrome.cssを編集することで、ブラウザの見た目を変えることができる。
これを利用して、閉じるボタンなどを左上に表示させる。

↑ブラウザの右上にあるー ▢ ✕を左上に移動させたい。

動作環境

Firefox 141.0.2で確認済み。

手順

1. Firefoxのアドレスバーに、about:configを入力し、コンフィグを表示する
2. toolkit.legacyUserProfileCustomizations.stylesheetsを検索し、値をtrueに変更してuserChrome.cssを有効にする
3. Firefoxのアドレスバーにabout:profilesを入力し、プロファイルを表示する
4. 現在使用中のプロファイルのルートディレクトリーのフォルダを開く
5. 開いたフォルダの中にある、chromeフォルダ内のuserChrome.cssを開く。フォルダやファイルが存在しない場合は、作成する
6. userChrome.cssに以下を追記して保存し、Firefoxを再起動する

/* ウィンドウコントロールを左に配置する */
.titlebar-buttonbox-container {
  order: -1 !important;
}

.titlebar-close {
  order: 0; /* 閉じるボタンは一番左に */
}

.titlebar-min {
  order: 1;
}

.titlebar-max {
  order: 2;
}

おわりに

↑完成図。本記事ではMacOSのように✕ ー ▢の順番となったが、好きな順番に変えることも可能。