記事一覧

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


はじめに

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

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

【 目次へ戻る 】

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

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

Custom Scrollbars

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

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

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

Custom_Scrollbars_20210603_0001.jpg

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

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

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

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

【 目次へ戻る 】

Stylus アドオンを使う

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

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

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

Stylus

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

Stylus_20210603_0001.jpg

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

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

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

保存を押す。

Stylus_20210603_0002.jpg

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

Stylus_20210603_0003.jpg

有効。

Stylus_20210603_0004.jpg


【 目次へ戻る 】

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

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

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

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

Custom_Scrollbars_20210603_0002.jpg

おすすめリンク

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

関連リンク

FireFox 新規タブや読み込み中の背景色をまぶしくない色に変更
FireFoxで新しいタブを任意のページで開く ( MouseGestureL.ahk 使用 )
【2020~2021年版】 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 にて変更されたデザイン/タブが丸くなるを元に戻す。
FireFox テーマ ( 外見 ) を変更するアドオン
 「 Firefox Color 」( URL・検索蘭の色も変更可 )

Firefox stylish (Stylus) アドオンで
 まぶしい背景色を暗く(灰色)にするCSS その2

FireFox Portable 動作軽快/日本語化/シークレット・キャッシュ設定など。
関連記事

コメント

検索フォーム

最新記事

クリップボードの名前が一致したファイルを格納フォルダ位置に関係なく開く ( Autoit3 ) Jul 23, 2021
Google パソコン版ドライブ ( Drive for Desktop ) で HDD内のデータを同期する Jul 21, 2021
指定のキーを押す回数によりIMEの入力状態を英字/ひらがなモードに切り替えるスクリプト ( Autoit3 ) Jul 15, 2021
バッチファイルなどで ALT+F4キー を送信し指定ウィンドウを閉じるスクリプト Autoit3 Jul 10, 2021
2021年7月 Windowsで使用できる便利なアプリ 初心者~中級者 Jul 07, 2021
ATOK付属のイミクルを任意のキーで呼び出すスクリプト ( Autoit3 ) Jul 05, 2021
海外製アプリで言語ファイルが用意されている場合、日本語化翻訳の効率化 Jun 28, 2021
Win10 バッチファイルやショートカットでキー操作や文字を送信する Autoit3 スクリプト Jun 21, 2021
スニペットツール Beeftext/AutoText/FastKeys でランダムフリーズが発生の改善 Jun 17, 2021
Vivaldi v4.0 へ移行したらテーマが変わった 使用していたテーマに戻す Jun 12, 2021

バナー1

月別アーカイブ

07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  08  07  06  05  04  03  02  08  06  05  03  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  03  02  01  12  11  10  09  08  07  06  05  04  03  02  11  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  01  12  11  09  07  02  11  09  08  07 
 

全ての記事を表示する

バナー2