Ablaze Support Logo

Floorpのデザインをカスタマイズしましょう!

最終更新日: 2022-10-12

Floorpのデザイン設定

Floorpが誇る機能の一つである、「Floorp のデザイン設定」では、

  • Firefox Proton UI(現在のFirefox)
  • Firefox Proton UI Fix(現在のFirefoxのタブを小さくした版)
  • Firefox レガシー Photon UI(現在のひとつ前のFirefox)
  • Firefox Lepton UI(Firefox v88より前のデザイン)
  • material UI(Google Chromeのようなデザイン・サポート対象外)
  • Fluent UI(Microsoft Edgeのようなデザイン・Windows、macOS版のみ)
  • Gnome UI(Gnomeに合わせたデザイン・Linux版のみ)

合計7つからデザインの設定を変更することができます。

about:preferences#general を開き、下にスクロールすると「Floorpのデザイン設定」という項目があるので、お好きなテーマに変更してみてください!

テーマの変更

全てのブラウザに必ず搭載されていると言っても過言ではない、「テーマ」もあります!

設定画面を開き、左下に表示されている拡張機能とテーマをクリックすると、テーマの画面が表示されます。

ホワイト・ダークの定番テーマから、Firefox Photon Theme・マテリアルテーマ・Floorp Alpenglow等の知っている人が多いテーマ、
さらに赤・黄色・緑・青などの複数のカラフルなテーマ(期間限定・終了日未定)まで、あなたのお好きにどうぞ!

ただ、これはデフォルトのテーマです…もっとテーマを選びたい場合は、サードパーティ製にはなりますが、Firefox Addonsからテーマをインストールできます!

CSSの編集(サポート対象外)

この方法はサポート対象外です。自己責任で行ってください。

メニューバーを開き、CSS メニューを選択します。

「ブラウザー CSS ファイル」を作成をクリックし、ファイルを生成します。(これには、about:config 環境変数の「view_source.editor.path」にエディタのパスを設定する必要があります。)

生成したファイルに CSS を記述したら、Floorp を再起動して CSS を適用します。

サポートが必要ですか?