ブラウザ関連

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 使用 )
【2021~2022年版】 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

関連記事

コメント

コメントがありません。

トラックバック