Firefox v89.0 で変化したスクロールバーの色の変更方法 ( 背景色／バー自体 )

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

【 目次 】

はじめに
簡単 アドオンを入れて色の設定
Stylus アドオンを使う
スクロールバーの色が変化しない
おすすめリンク／関連記事

はじめに

Firefox v89.0 にてデザインが刷新されまして
使用しているテーマによりスクロールバー ( scrollbar ) の色が
白系になりまぶしい場合があるので変更方法を。

主にアドオンを使用しての変更になります。
ブログネタ。

【 目次へ戻る 】

簡単 アドオンを入れて色の設定

パソコンに詳しくない人向けに簡単な方法はこちらを。
アドオンを入れ色の設定をするだけ。

Custom Scrollbars

英語ではありますが、設定画面を開き

Use custom colors を YES を選択 ( これをしないと下の設定が出ない )

Scrollbar thumb color と ( バーの背景 #8c8c8cff ) すぐ下の
Scrollbar track color を ( バーの掴む部分 #aaaaaaff ) 変更。



括弧内の数値は、私が設定した灰色の数値です。
円の部分をクリックすると色が変化する。

他のカラーピッカーなど ( 色を取得するもの ) は
６桁なのに #8c8c8c 最後尾に ff が追加されて？の人が
いるかと思いますが特に気にしなくて大丈夫です。

最後に一番下の Save を押して設定終了。

アドオンの設定画面などは変化しないので
通常のホームページで確認をば。

【 目次へ戻る 】

Stylus アドオンを使う

方法はもう一つあり Stylus というアドオンを入れていれば
Scrollbar ( スクロールバー ) の部分の CSS を書き換えれば解決。

※注意としましては観覧サイト側のスクロールバーの色が
　変更できるようなサイトは色設定の指定箇所が変化するので
　個別に対応する文字を調べて追加しなくてはならない。
　Youtube の様にテーマがサイトで選べるような所は効かない。

　どうしてもという理由がなければ以下の方がオススメ。
　簡単 アドオンを入れて色の設定

Stylus

Stylus の設定にて 新スタイルを作成



名前を入れて ( 任意 )
右のコードに以下を入れる。

*{ scrollbar-color: #8C8C8C #AAAAAA;
}

色を #8C8C8C ( バーの背景色 ) 、
#AAAAAA; ( バーの掴む部分 ) に変更の設定です。

保存を押す。



Stylus の設定の有効無効で色が変更されます。
無効。



有効。




【 目次へ戻る 】

スクロールバーの色が変化しない

この設定を終えて、画像をキャプチャーするのに
v89.0 の 設定まっさらの Firefox を用意したら
上の事柄はできないようで。

どこかの設定が原因かなと調べたら
設定 → 一般 → 言語と外観 → 配色設定 の

ウェブページが指定した配色を選択した配色で上書きする
これが 上書きしない に設定していないと色が反映されない。

おすすめリンク

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

関連リンク

・Firefox 新規タブや読み込み中の背景色をまぶしくない色に変更
・Firefoxで新しいタブを任意のページで開く ( MouseGestureL.ahk 使用 )
・【2022～2023年版】 Firefox と Waterfox に入れた便利なアドオン
・MouseGestureL.ahk Shift＋ホイールでタブ自体を移動 Firefox Vivaldi
・Firefox v83.0 アドレスバーが拡大したのを元に戻す
・Win10 FirefoxでVPN接続時のみ速度が劇遅／通信が詰まる の解決方法
・Firefox Vivaldi Chrome ブックマークをHTMLで書き Dropbox / Googleドライブで共有
・【2021年版】 同じバージョンの Firefox Portable を別名で起動する方法 v84.0.2～
・秀丸エディタでブログを書き Firefox で内容を確認するマクロと設定 ( 同じ位置に表示 )
・Firefox v89.0／v91.0 にて変更されたデザイン／タブが丸くなるを元に戻す。
・Firefox v92.0 Firefox Color アドオン環境でURLバー、検索バーの枠が表示されない
・Google / Yahoo の検索結果に除外ワードを付加して素早く再検索 Firefox / Edge / Chrome / Vivaldi
・Firefox テーマ ( 外見 ) を変更するアドオン
　「 Firefox Color 」( URL・検索蘭の色も変更可 )
・Firefox stylish (Stylus) アドオンで
　まぶしい背景色を暗く(灰色)にするCSS その2
・Firefox Portable 動作軽快／日本語化／シークレット・キャッシュ設定など。
・Firefox ツールバーのアイコンから検索サイトを簡単に切り替えるアドオン Classical Search Bar
・Firefox v96.0.1 URLバー ( アドレスバー ) ／ 検索バー の
　横幅を変更する userChrome.css
・Firefox v91～ HTTPサイトでダウンロード元ファイルが読み取れないの改善
・Firefox / Edge / Chrome ブックマークから指定のアプリを開く ( URIスキーム機能 )
・Firefox v98.0 ファイルをダウンロードすると
　アイコンが展開するを止める ( ダウンロードパネル )
・Firefox v98.0 タブを切り替え／F5キーを押した直後に
　OS を巻き込んでフリーズの改善
・Clipboard History でブラウザの検索文字に素早く除外文字を挿入する
　Firefox Chrome Edge Vivaldi
・Firefox v105 ツイッターなどのページでスクロールが引っかかるを改善
・Win11 Firefox v108 ～ の縦スクロールバー ( 横も含む ) を元に戻す／太くする