Firefox 143:アドレスバーの色を変更する簡単な手順

Firefox 143 でアドレスバーの色を変更する方法

Updated:September 29, 2025

Mozilla は Firefox が更新されるたびに、大なり小なり外観上の変更をいくつか導入します。過去 10 年、あるいはそれ以上にわたって、これらの変化のほとんどは反人間工学的なものでした。これは、いわゆる「モダン」インターフェイスを備えたすべてのブラウザに当てはまりますが、私は主に Firefox を使用しているため、これが私の焦点です。実際、私はすでに、デスクトップに場所を持たない、単調で平坦で魂のない疑似ミニマリズムのインターフェースが存在するこの現代において、コントラストと使いやすさを最適化するために UI レイアウトを微調整する方法を何度も示してきました。

Firefox 143 では、アドレスバーの調整が機能しなくなります。つまり、意味のない灰色の背景を白に変更したので、URL テキストとそれが書かれているキャンバスとのコントラストがよりはっきりしました。 The whole gray on gray nonsense is exactly that.しかし、悲しいことに、Mozilla は私の生活をさらに困難にすることを決定しました。私の受信箱のメールによると、あなたの生活も困難になります。 Well, we shall rectify this.アドレスバーの背景色を好みに調整するために CSS に導入する必要があるコードを紹介します。私の後です。

From identifier to class

上記のチュートリアルで説明したように、以前は、背景色を変更する userChrome.css ファイル内の宣言は次のとおりでした。

#urlbar-background {
background-color:white !important;
ボーダー:1px ソリッド rgba(10, 132, 255, 0.3) !重要;
}

背景の色の特定の選択、境界線の色と太さは完全に私が選択したものであることに注意してください。 You may choose any other settings you like.このガイドでは、例を示します。

そうですね、Firefox でデバッグを有効にし、ブラウザーのツールボックスを起動して、さまざまな要素を調べて何が変更されたかを確認する必要がありました。結局のところ、変化は小さいですが重要です。 Mozilla は、urlbar 宣言をクラスに変換しました。 Thus, all you need to do is:

.urlbar-background {
background:white !important;
ボーダー:1px ソリッド rgba(130, 130, 130, 0.5) !重要;
}

Essentially, replace # with .この宣言や、CSS ファイル内にある他の URLbar 関連の宣言についても同様です。ブラウザを再起動すると、必要な調整が有効になります。愚かな灰色の背景を取り除くにはこれだけです。

Look at the example before and now. Compare the text to background contrast.うん。 And that gray text is also stupid.そして、灰色の背景に淡い灰色のテキストがある場合、人間工学においては重大な犯罪です。確かに。

結論

かつて、Mozilla は URL をその一部に見せるために最善を尽くしました。そして、Google を真似て、有益な情報を削除し始めました。プロトコルのプレフィックス、証明書の南京錠の色、テキストの色、そして背景も追加されました。一般的な類人猿はインターネットを理解できないため、このアドレス フィールドを一般的な類人猿から「隠す」という考えがあります。これは大衆を教育したり助けたりするものではなく、科学的に確立されたユーザビリティの基礎を台無しにすることに全力を尽くしています。

ブラウザーをモノクロのシックなモードで使用することに興味がない場合は、色で味を加えてエクスペリエンスを向上させることができます。コントラストが向上し、目の疲れが軽減され、細部へのこだわりが増し、それはどうあるべきか。幸いなことに、Firefox では実際にこれを行うことができます。 UIを編集できます。これが、このまったくのナンセンスにも関わらず、さらに UBlock Origin (UBO) のような素晴らしい Manifest V2 拡張機能を使用できるという事実にも関わらず、可能であれば Firefox を主要なブラウザ、そしておそらく唯一のブラウザにするべき理由です。多くの欠点があるにもかかわらず、これは依然として本当に問題のないブラウザの 1 つです。 So there, you've been warned.アドレスバーの色を修正する方法もわかりました。 Mission accomplished.

乾杯。