Firefox 新規タブや読み込み中の背景色をまぶしくない色に変更

商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。
記事の執筆に AI な類は使用しておりません。

Firefox を使用していて
ページを読み込み中の背景が白くてまぶしい
またはタブを新規作成した画面が白くてまぶしいという場合があります。

そういう場合はプロファイルフォルダに Firefox Portable なら以下です。
\Firefox\Data\profile\chrome

userChrome.css を入れる事により
新規作成タブと読み込み中の背景色を変更可能。
userChrome.css の中身は以下。

/* 読み込み中の背景色変更 */
@-moz-document url(chrome://browser/content/browser.xul) {
notificationbox {
	background-color:#c0c0c0 !important;
}
}

/* URL入力バー 色変更 */
#urlbar {
	background-color:#c0c0c0 !important;
}

下のURL入力バー 色変更はおまけですので
不要なら消してください。

Firefox のバージョンによっては
URL 欄に以下をコピペし設定画面を出し
about:config

toolkit.legacyUserProfileCustomizations.stylesheets を検索。

値が存在していれば、 true に設定をする。
※なければ設定はしなくてよい
　念のため新規作成したいという場合は設定をしても特に害はないと思う。

ちなみにプロファイルフォルダにファイルを作成してから
Firefox を起動です、起動してから書き換えても色は変化しません。

何も変化がないよ、という場合は
オプション → 一般 → Firefoxを起動するとき → 空白ページ に。

URL入力バーの変更を含めた css を書き込んでも変化がない場合は
css をコピーする位置が違うか

またはファイル名が userChrome.css ではなく
userChrome.css.txt や userChrome.css.css となっていたり
結構な凡ミスだったりします。

拡張子を表示して確認するか
ファイラーなどを使用すれば拡張子も表示されますので
原因がわかりやすいです。

適応するとこの様になります。
画面は分かりやすいように青色にしております。
青色の部分がグレー ( 灰色 ) になります。



色は上の設定だと #c0c0c0 のグレーになっております。

Google で カラーピッカー と検索すると
色が取得可能です。

フリーソフトでも可能ですが、Google の方が
アプリを入れなくても色の取得が可能。

ちなみに Tor というブラウザでも
同様にプロファイルフォルダへコピーすれば
Tor Firefox でも同様に色が変更可能です。

それでは、まぶしい背景にバイバーイ。
以上。

おすすめリンク

・Amazon / 楽天市場 / Yahoo! でお買い物をする。

関連リンク

・【画面全体・ブラウザ・エクスプローラ】
　パソコン画面のまぶしさをなくそう
・【設定・使い方 f.lux】モニタの画面を暗くして
　目がチカチカ・まぶしい・頭痛を軽減
・Firefox stylish (Stylus) アドオンで
　まぶしい背景色を暗く(灰色)にするCSS
・Firefox stylish (Stylus) アドオンで
　まぶしい背景色を暗く(灰色)にするCSS その2
・Stylish (stylus) アドオン使用
　cssで検索した文字をハイライト Google Yahoo baidu
・パソコン画面がまぶしく感じるという人に
　オススメのモニタ、文字を書くのに最適。
・F.luxでまぶしい画面を暗くして快適に。
・Win10 URL入力欄の背景色がまぶしくないブラウザ
・Firefox v96.0.1 URLバー ( アドレスバー ) ／ 検索バー の
　横幅を変更する userChrome.css