CustomCSSforFxとは
Firefoxブラウザの外観・ユーザーインターフェースをカスタマイズするコード群。
自分はFirefoxをメインのブラウザとして使っている。以前は、Firefoxの「Classic Theme Restorer」というアドオンを用い、タブバーが一番下（メニューバー、ツールバー、ブックマークバーの下）に表示されるように設定していた。
しかし数年前、FirefoxがVersion 57(Quantum)になると、他のアドオンとともにこのアドオンも動作しなくなった。
以前のようにするためCustomCSSforFxを使っている。
インストールの方法
2024-07-14にupdateを行った際の記録。OSはWindows10 pro。Firefoxのバージョンは127.0.2 (64 ビット)。Custom CSS tweaks for Firefox v4.5.4 をインストール。
CustomCSSforFxダウンロードする
公式サイト https://github.com/Aris-t2/CustomCSSforFx の
「Downloads for Firefox」の項目の「CustomCSSforFx – current release & changelog 」のリンクから飛び
Custom CSS tweaks for Firefox v4.5.4のページへ。「custom_css_for_fx_v4.5.4.zip」をダウンロードした。
ZIPファイルを展開し、Firefoxのプロファイルフォルダーにコピーする
ダウンロードしたZIPファイルを展開し、Firefoxのプロファイルフォルダーにコピーする必要がある。（後述するように、このフォルダの下のchromeフォルダに）
プロファイルフォルダーの開き方は、FirefoxのURLバーにabout:supportと入力すると、「アプリケーション基本情報」ページが開く。プロファイルフォルダーの行にある「フォルダを開く」ボタンで開く。
この中に「chrome」という名前のフォルダがなければ作成する（自分は以前につくってあった）。chrome内に、zipファイルの中身を全部コピーする。
カスタムCSSファイルを有効にする
FirefoxのURL欄に、「about:config」 と入力する。Firefoxのabout:configでは通常の設定画面で変えられない様々な設定ができるが、今回は設定名「toolkit.legacyUserProfileCustomizations.stylesheets」を検索し、その値が、trueでなければ、trueにする（falseとトグルになっている）。これでCustomCSSforFxが使えるようになった。
Firefox外観の変更
自分が行ってる外観の変更は次の2カ所。
chromeの中にあるuserChrome.cssをエディタで編集する。
573行目の @import “./css/tabs/tabs_below_navigation_toolbar.css”;
の行の冒頭の「/* 」を削除した。この項目が有効になる。これは下の画像のようにタブバーを最下段にする設定である。
さらに842行目の @import “./css/generalui/findbar_on_top.css”; /*/
の行の冒頭の「/* 」を削除した。この項目が有効になる。これは下の画像のようにページ内検索のバーがメイン画面の最上段に表示する設定である。
Firefoxを再起動すると設定が有効になる。
コメント