【2022年】Firefoxでブックマークバーにあるフォルダの色を黄色に変更する方法！

2022.11.13

こんにちは！悠です！

Firefoxのブックマークバー上にフォルダを作成すると、下記の画像のように灰色のフォルダになってしまって見づらいと思ったことはありませんか？

どうやら数年前まではChromeと同じく黄色のフォルダアイコンだったんですが、Firefoxのバージョン57以降灰色のアイコンに統一されてしまったようです。

すごい違和感ですよね！

そこで今回は、Firefoxのブックマーク上のフォルダアイコンの色を黄色に変更する方法をまとめていきます。

なお、このやり方をまとめている別記事を参考文献として紹介させていただきます。

Firefoxでブックマークのフォルダの色を変更する方法！ | Aprico

ブラウザ・Mozilla Firefoxで、ブックマークの色が灰色なことに違和感を感じて元の色（黄色）に戻したいというユーザーの方もいらっしゃるかと思います。この記事では、Firefoxでブックマークのフォルダの色を変更する方法をご紹介しています。

【Mozilla】Firefoxのブックマークフォルダを黄色に戻す方法　※2018/07/03追記 : 社内SEという仕事と俺

こんばんはヽ（´ー｀）ノ皆大好きFirefoxについてメモしておこうかと思います。 ※2018/07/03追記 FireFox 61.0より、@-moz-document が制限されてしまったため、ここで紹介した方法では実現できなくなってしまいました！ @-moz-document 対応が空の url-prefix...

私も上の2記事の方法を試させていただいたんですが、どうしてもフォルダアイコンの色を変更できなかったんですよね。

ですので、私が変更できたやり方を本記事では紹介していきます。

目次

ブックマークフォルダを黄色にする方法
まとめ

ブックマークフォルダを黄色にする方法

Firefoxでブックマークフォルダを黄色にする方法

Step1
about:configのチェック
Firefoxで新たなタブを開き、検索欄に「about:config」と入力し、「危険性を承知の上で使用する」をクリックします。

表示される検索欄に
```
toolkit.legacyUserProfileCustomizations.stylesheets
```
と打ち込み、trueになっていることを確認します。

falseの場合はダブルクリックでtrueに変更できます。
Step2
chromeフォルダの作成
Firefoxブラウザの右上にある「設定」→「ヘルプ」→「他のトラブルシューティング情報」をクリックします。

プロファイルフォルダーの中にある「フォルダを開く」をクリックします。

エクスプローラーが開くので、chromeという名前の新規フォルダを作成してください
Step3
userChrome.cssのダウンロード
What is userChrome.css? What can it do?
www.userchrome.org

上記リンク先に移動し、SVG Fillの中にある「download SVG fill」をクリックしてcssファイルをダウンロード後、Step2で作成したchromeのフォルダの中に配置してください。

配置したcssファイルの名前を「userChrome.css」に変更してください。

Firefoxを再起動すると、ブックマークバーにあるフォルダのアイコンが黄色に変更されています。

まとめ

以上が、Firefoxのブックマークバーにあるフォルダのアイコンを黄色に変更する方法でした。

どう考えても灰色のアイコンは見づらいと思うんですよね。

いつもChrome等で見慣れている黄色フォルダに変更するだけで、ブックマークバーの使い勝手が上がること間違いなしです！

では、ここまで読んでいただきありがとうございました。

コメント