気ままの簡易レビュー

[ トップページへ ]



自分が実際触って判断した Win /アプリの設定、商品の簡易レビューがメイン。



0

FireFox v89.0/v91.0 にて変更されたデザイン/タブが丸くなるを元に戻す。

商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。


【 目次 】

はじめに

v89.0 を 設定 で行う場合 ( CSS を使いたくない、v91.0 以降は動きません )
昔のデザインに戻す設定
昔のデザインに戻した画像
スクロールバーが変わったを元に戻す

v91.0 以上は CSS で ( v89.0 でも動作します )
CSS を使用する下準備
CSS を用意する
CSS を指定場所にコピー

v91.0 以上は CSS で ( 最低限の CSS で昔のデザインに戻す )
CSS を用意する ( 最低限バージョン )

おまけ
URLバー、検索バーの背景色、文字色を変更
タブの背景色と文字色、ホバー時に色を変更
ブックマークの縦幅をコンパクトに変更
タブにマウスカーソルを移動させると表示されるツールチップを消す
タブの縦幅をコンパクトに
おすすめリンク/関連記事

はじめに

FireFox v89.0 にてデザイン ( 外見 ) が刷新され
タブの形 ( 丸み ) などが変更されたので
元に戻す方法をブログネタ。

しかし、何だ。
私は変更されたもの、元に戻す記事を書きすぎて吹く。
変化を望まない層ですかな。

【 目次へ戻る 】

昔のデザインに戻す設定

それでは FireFox v89.0 にて刷新・変更された
デザイン・タブなどを元に戻す方法。

URL欄に以下を打ち込んで Enter キー 。
about:config

以下が出るので、理解して 「 承知の上で利用する 」 をクリック。

-----

注意して進んでください!
高度な設定を変更すると、Firefox のセキュリティ
パフォーマンスに深刻な問題を引き起こす恐れがあります。
これらの設定にアクセスするときは、警告を表示する

-----

URL欄の下に、入力欄、虫眼鏡がある部分に
以下を入力するか

proton

以下を1行ずつ打ち込んで ture → false ( 無効 ) に設定。

browser.proton.contextmenus.enabled
browser.proton.doorhangers.enabled
browser.proton.enabled
browser.proton.modals.enabled

← → の様に重なっている場所をクリックで切り替え。

FireFox_proton_false_20210603_0002.jpg

保存ボタンなどの設定はなく切り替えた時点で有効です。

【 目次へ戻る 】

昔のデザインに戻した画像

FireFox v89.0 にて起動するとこの様になる。

この設定をする前

FireFox_proton_false_20210603_0001.jpg

設定後。

FireFox_proton_false_20210603_0003.jpg

【 目次へ戻る 】

スクロールバーが変わったを元に戻す

FireFox の表示部分の背景色の設定により
スクロールバーの色が変化してしまう場合があります。

今までは Win10 のテーマの色、
まぶしくない色だったのに白に戻るなど。
別記事にて書きましたので宜しければお飛びください。

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

【 目次へ戻る 】

CSS を使用する下準備

FireFox v91.0 からは上の方法では proton が無効に出来なく
CSS という設定ファイルを特定のフォルダへ置けば
今までのデザインに戻ります。

下準備。

上の 昔のデザインに戻す設定 にて
proton を false に設定した箇所を ture に戻してください。

これから適用する CSS が proton が有効になっている状態を
想定して作られているので無効 ( false ) だと動かない。

ソース元:
[PSA] Setting browser.proton.enabled to false in v91 will FORCE proton-style and disable customization : firefox

戻したら、CSS のスタイルを適用してね
という機能をONにします。

about:config より
toolkit.legacyUserProfileCustomizations.stylesheets

これを true に。

【 目次へ戻る 】

CSS を用意する

上の設定をしましたら使用する CSS をダウンロードします。

下のリンクのページで 右上の緑色 Code の部分をクリックして Download ZIP で
ファイルを落とします。

GitHub - black7375/Firefox-UI-Fix at photon-style

FireFox_v91_proton_20210812_0001.jpg

解凍して userChrome.css を取り出します。

chrome という名のフォルダを作り中に
userChrome.css を入れます。

chrome\userChrome.css
こうなります。

【 目次へ戻る 】

CSS を指定場所にコピー

最後、先ほど作りました以下を指定フォルダへコピーします。
chrome\userChrome.css

※既に userChrome.css が存在している、使用している場合は
 上書きすると消えてしまいますので注意。
 今までの 旧CSS をバックアップして必要なら 新CSS に内容を
 書き加えます、ただ内容が重複した場合どうなるかは不明です

FireFox を起動しまして以下を
アドレスバーにコピペして Enter キー 。

about:support

もしくは右上の 三 → ヘルプ → 他のトラブルシューティング情報

FireFox_v91_proton_20210812_0002.jpg

下にスクロールして プロファイルフォルダー を探して
右の フォルダーを開く をクリックするとフォルダが開くので
そこに chrome\userChrome.css としてコピーします。

上の画像の例ですと
~\Firefox\Data\profile\chrome\userChrome.css

コピーしましたら FireFox を全部閉じまして
起動すればこの様に。

v91.0 デフォルト

FireFox_v91_proton_20210812_0003.jpg

このページで紹介している CSS を入れた場合

FireFox_v91_proton_20210812_0004.jpg

FireFox Portable v91.0 にて確認。

【 目次へ戻る 】

CSS を用意する ( 最低限バージョン )

おまけとしまして、上で入手する CSS は長すぎる。
最低限でいいんだ、という方向け。

CSS を使用する下準備 を終了させてから
以下のファイルを指定箇所に放り込むだけ、同じ流れにて使用。

FireFox v91.0 変更されたスタイルを戻す最低限な userChrome.css ( 2021/08/13 )
MD5:E0FD40E35D7FFBFA4BAA9F01E31BD04D

適用前

FireFox_userChrome_simple_20210813_0002.jpg

適用後

FireFox_userChrome_simple_20210813_0001.jpg

【 目次へ戻る 】

URLバー、検索バーの背景色、文字色を変更

URLバー、検索バーの背景色、文字色を変更も可能で
少々いじったら両方できたのでメモしておきます。

CSS を使用する下準備 を終了させてから
以下のファイルを指定箇所に放り込むだけ、同じ流れにて使用。

FireFox URLバーと検索欄の文字色と背景色を任意の色に変更する
userChrome.css v1.01 ( 2021/08/13 )

MD5:14292FA0819C98AF6279057D37CE05BF

書き換え前

FireFox_search_urlbar_color_20210813_002.jpg

書き換え後

FireFox_search_urlbar_color_20210813_001.jpg

任意の色に書き換えは、メモ帳などで
userChrome.css を開き

background-color: #c0c0c0 !important;
color: #010000 !important;

#より後ろの6つの英数字が色指定です。
background-color が背景色、 color が文字色。

色の指定は Google でカラーピッカーと検索すれば
アプリを入れなくても色の取得が可能。
HEX という値です。

カラーピッカー [ Google 検索 ]

フリーソフトでも以下のようなものがあります。

おすすめのカラーピッカー [ k本的に無料ソフト・フリーソフト ]

【 目次へ戻る 】

タブの背景色と文字色、ホバー時に色を変更

タブの背景色、文字色 ( アクティブ/非アクティブ ) の変更と
非アクティブ時のタブの上にマウスカーソルを乗せると
任意の色のライン ( 横線 ) を表示するものを。

作ったら完成したのでこれも置いておきます。
一応興味があって作ったであり
バージョンが変わって動かないは諦めて下さい。
FireFox Portable v91.0 にて動作確認。

CSS を使用する下準備 を終了させてから
以下のファイルを指定箇所に放り込むだけ、同じ流れにて使用。

FireFox_v91_Tab_Color_line_CSS ( 2021/08/15 )
MD5:A041BB35DD2D2B35D7A72D8D3B65B52C

書き換え前

tab_color_20210815_0001.jpg

書き換え後

アクティブタブが濃いグレー
非アクティブタブが薄いグレー
マウスを非アクティブタブに持って行くと赤線を付加。

tab_color_20210815_0002.jpg

色は私がテスト時のそのまま適当なので (力尽きた
書き換えて下さい、色の取得方法はこの記事の以下にて。

URLバー、検索バーの背景色、文字色を変更

アクティブのタブの色が変化しないんだけれど?の場合は

FireFox を起動して 右上の 三 → その他のツール →
ツールバーをカスタマイズ

テーマ → システムのテーマ にして下さい。

tab_color_20210815_0003.jpg

【 目次へ戻る 】

ブックマークの縦幅をコンパクトに変更

ブックマーク ( Bookmarks ) の縦幅が増えたので元に戻したい場合は
以下のページを参考にしまして、最小限の必要な箇所のみ ( 縦幅だけ ) を変更。
FireFox Portable v91.0 にて動作確認。

Thanks!!
userChrome.css multirow bookmark toolbar not displaying all bookmarks

CSS を使用する下準備 を終了させてから
以下のファイルを指定箇所に放り込むだけ、同じ流れにて使用。

FireFox_v91_Bookmarks_CSS v1.00 ( 2021/09/11 )
MD5:15C83D41A3267ADE3C638710945E3C4A

書き換え前

FireFox_Bookmarks_css_20210911_0001.jpg

書き換え後

FireFox_Bookmarks_css_20210911_0002.jpg

1px が通常の ( 今までの ) サイズで数値を増やせば縦幅が増えます。

設定の部分が2箇所ありますが2つペアとして設定しないと
選択背景の影がズレるので2つ同じ数値にしてください。

【 目次へ戻る 】

タブにマウスカーソルを移動させると表示されるツールチップを消す

タブの下に表示されるツールチップも邪魔なら消せます。
下の画像でなら

FireFox_toolbar_tooltip_210912_003.jpg

1.何かのページを開いてからタブの上にマウスカーソルを移動する
2.ツールチップが表示される

消す方法は以下。

1.以下を URLバーにコピペして Enter キー
about:config

2.危険を承知の上で使用するを選択 ( 詳細設定を自己責任でするよの意味 )

FireFox_toolbar_tooltip_210912_001.jpg

1.ここに以下をコピペして貼り付け
browser.chrome.toolbar_tips

2.true となっていたら左ダブルクリックか右のアイコンをクリックし
  false に変更

FireFox_toolbar_tooltip_210912_002.jpg

設定は自動保存されるのでタブを閉じればOK。

【 目次へ戻る 】

タブの縦幅をコンパクトに

タブの縦幅といいますか上下に空きがあるので
気になる場合はコンパクトに出来ます。

設定方法。
全ての FireFox を閉じます。

CSS を指定場所にコピー にて
profile のフォルダを開き prefs.js をメモ帳などで開き
( 念のためバックアップはしてください )

この行の下に ( ~以降は長いので省略してあります )
user_pref("browser.uiCustomization.state", ~

これを追加して保存してください。
user_pref("browser.uidensity", 1);

FireFox を起動してタブが以下のように細くなっていれば成功。

適用前

FireFox_userChrome_simple_20210813_0001.jpg

適用後

FireFox_compact_20210813_0001.jpg

なっていない場合は

ブラウザ右上の 三 → その他のツール → ツールバーをカスタマイズ
UI密度 → コンパクト に設定。

戻したい場合は、下の 通常 などを選択する。

-----

とまあ、こんな感じで
FireFox v89.0 のデザイン、テーマ、スクロールバーが
変化した、おかしい、元に戻す方法でした。

タブなどは角張っていたり丸くなったりで
何気に気になる人がいるので
こういう開発者側で変更するは自由として
同じく元に戻せる設定があるのはいいですね。
選択の自由は素晴らしい。

それでは、皆様のブラウジングが快適になりますようにと
ブラウザの神様にお祈りしまして、これにて終了です。

以上。

おすすめリンク

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

関連リンク

FireFox v89.0 で変化したスクロールバーの色の変更方法 ( 背景色/バー自体 )
秀丸エディタでブログを書き FireFox で内容を確認するマクロと設定 ( 同じ位置に表示 )
FireFox Vivaldi Chrome 現在のウィンドウに保存したタブを復元
 日本語訳と使用方法

【2021年版】 同じバージョンの FireFox Portable を別名で起動する方法 v84.0.2~
FireFox Vivaldi Chrome ブックマークをHTMLで書き Dropbox / Googleドライブで共有
Win10 FireFoxでVPN接続時のみ速度が劇遅/通信が詰まる の解決方法
FireFox v83.0 アドレスバーが拡大したのを元に戻す
MouseGestureL.ahk Shift+ホイールでタブ自体を移動 FireFox Vivaldi
FireFox Chrome Vivaldi ファイル保存ダイアログの保存ボタンをホイール上下で押す
FireFox タブで開いた画像を簡単保存 日本語訳/使い方 tab image saver
FireFox v77.0.1 アドレスバーが拡大したのを元に戻す
FireFox v75.0 アドレスバーが拡大したのを元に戻す
【2021~2022年版】 FireFox と Waterfox に入れた便利なアドオン
FireFoxで新しいタブを任意のページで開く ( MouseGestureL.ahk 使用 )
FireFox 新規タブや読み込み中の背景色をまぶしくない色に変更
Vivaldi v3.3.2022.39 プライベートウィンドウのテーマを元に戻す ( 使っていたテーマに )
広告ブロック uBlock Origin で特定の部分/邪魔な表示を消す
 FireFox Chrome Vivaldi Edge

【設定】NordVPN Proxy SwitchyOmega
 アドオン使用で接続 FireFox Chrome Opera

FireFox 画像を表示しないアドオンでブラウジングすると
 文字のみに集中し思考力UP

FireFox で画像の表示をON/OFFできるBlock Image|Video
 ページの再読み込み不要

FireFox テーマ ( 外見 ) を変更するアドオン
 「 Firefox Color 」( URL・検索蘭の色も変更可 )

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

Stylish (stylus) アドオン使用
 cssで検索した文字をハイライト Google Yahoo baidu

【設定】NordVPN Chrome Opera Firefox を使用しプロキシ経由で接続。
FireFox Portable 動作軽快/日本語化/シークレット・キャッシュ設定など。
FireFox v92.0 FireFox Color アドオン環境でURLバー、検索バーの枠が表示されない
Google / Yahoo の検索結果に除外ワードを付加して素早く再検索 FireFox / Edge / Chrome / Vivaldi
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 ツイッターなどのページでスクロールが引っかかるを改善
関連記事

コメント

非公開コメント

検索フォーム

最新記事

FireFox v105 ツイッターなどのページでスクロールが引っかかるを改善 Sep 26, 2022
VeraCrypt 日本語化/使用方法/コンテナのマウント/アンマウントをバッチファイルで行う Sep 23, 2022
MouseGestureL.ahk で CTRL/Shift/ALT/Winキーが押されていれば待機/離されたら次の命令へ進む .ahk Sep 18, 2022
ファイルを選択しショートカットキーで日時を付加しコピー/リネーム/フルパス取得 Autoitスクリプト Sep 06, 2022
デスクトップでキー入力すると登録したアプリやフォルダを開く Autoit スクリプト Aug 30, 2022
ショートカットキーを押して文字反転/文字が選択されているテキストをファイルへ保存するスクリプト Aug 24, 2022

バナー1

月別アーカイブ スクロール

全ての記事を表示する

2022年09月 (4)

2022年08月 (5)

2022年07月 (2)

2022年06月 (8)

2022年05月 (5)

2022年04月 (8)

2022年03月 (6)

2022年02月 (2)

2022年01月 (6)

2021年12月 (2)

2021年11月 (7)

2021年10月 (5)

2021年09月 (4)

2021年08月 (3)

2021年07月 (9)

2021年06月 (6)

2021年05月 (10)

2021年04月 (7)

2021年03月 (10)

2021年02月 (6)

2021年01月 (6)

2020年12月 (5)

2020年11月 (7)

2020年10月 (7)

2020年09月 (6)

2020年08月 (10)

2020年07月 (9)

2020年06月 (7)

2020年05月 (8)

2020年04月 (4)

2020年03月 (5)

2020年02月 (7)

2020年01月 (5)

2019年08月 (4)

2019年07月 (14)

2019年06月 (14)

2019年05月 (17)

2019年04月 (14)

2019年03月 (5)

2018年02月 (1)

2017年08月 (1)

2017年06月 (1)

2017年05月 (1)

2017年03月 (4)

2017年01月 (2)

2016年12月 (4)

2016年11月 (2)

2016年10月 (2)

2016年09月 (2)

2016年08月 (2)

2016年07月 (3)

2016年06月 (3)

2016年05月 (2)

2016年04月 (5)

2016年03月 (9)

2016年02月 (6)

2016年01月 (5)

2015年12月 (8)

2015年11月 (4)

2015年10月 (11)

2015年09月 (6)

2014年03月 (18)

2014年02月 (28)

2014年01月 (31)

2013年12月 (31)

2013年11月 (19)

2013年10月 (17)

2013年09月 (9)

2013年08月 (10)

2013年07月 (12)

2013年06月 (10)

2013年05月 (22)

2013年04月 (3)

2011年03月 (1)

2011年02月 (2)

2010年11月 (1)

2010年09月 (1)

2010年08月 (1)

2010年07月 (9)

2010年06月 (6)

2010年05月 (19)

2010年04月 (23)

2010年03月 (28)

2010年02月 (23)

2010年01月 (17)

2009年12月 (19)

2009年11月 (25)

2009年10月 (28)

2009年09月 (28)

2009年08月 (20)

2009年07月 (19)

2009年06月 (20)

2009年05月 (16)

2009年04月 (18)

2009年03月 (15)

2009年02月 (14)

2009年01月 (7)

2008年12月 (3)

2008年11月 (5)

2008年10月 (4)

2008年09月 (4)

2008年08月 (3)

2008年07月 (3)

2008年06月 (4)

2008年05月 (2)

2008年04月 (1)

2008年01月 (1)

2007年12月 (1)

2007年11月 (3)

2007年09月 (2)

2007年07月 (1)

2007年02月 (1)

2006年11月 (1)

2006年09月 (1)

2006年08月 (1)

2006年07月 (5)

バナー2

バナー3




プライバシーポリシー

当サイトでは、第三者配信による広告サービスを利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 (氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、ここを参照するか ブラウザのCookie機能をオフにしてアクセスしてください。

気ままの簡易レビューは amazon.co.jp を宣伝しリンクすることによって サイトが紹介料を獲得できる手段を提供することを 目的に設定されたアフィリエイト宣伝プログラムである Amazonアソシエイト・プログラム の参加者です。

プロフィール

・このブログの管理者:気ままさん
・性別:男
・年齢:40代
・性格:プログラミング的思考
    スキゾイド傾向
    去る者は追わず、来る者は拒まず

・趣味:読書
    パソコンを快適にする設定を
    探しにWeb旅行
    得た知識でブログの執筆

・一言:
どうも、気ままさんと申します。
需要のあるなしは関係なく私が気に入った
役に立った事を書いており必要な方が
好きに観覧して頂ければ。
しがないブログではありますが
何かのお役に立てれば。