【Firefox】 ツールバーの「拡張機能」に付く通知の青い丸を消す

こんにちは、さち です。

最近、Firefox を使っているとツールバーの「拡張機能」アイコンに「通知」の青い丸がずっと表示されています。

クリックしても消えてくれません。地味にウザいです。

解決方法を探してみます。

一生消えない拡張機能の「通知」

1. ツールバーにある「拡張機能」アイコンに「通知」の青い丸が表示されています。これがずっと消えないんです。
   
2. 「Speed Dial 2」に「権限が必要」と表示されていますね。
   
3. 原因は「追加機能の任意の権限」を許可していないこと。一部 Pro 版でしか使えない機能なので、不必要な権限は許可をしたくないんですよね。
   

ということで、別の方法で解決してみます。

userChrome.css で解決する

userChrome.css を使うことで解決します。

前準備

Firefox で「userChrome.css」で使うには、事前の準備が必要です。準備の方法は下記リンク先の記事で紹介しています。

Firefox： UIデザイン を変える「userChrome.css」の使い方

at.sachi-web.com

2021.06.18

記述方法

1. userChrome.css に次のように記述して、Firefox を再起動します。

   #unified-extensions-button[attention] > .toolbarbutton-icon {
     background-size: 0 0 !important;
   }
   
   #unified-extensions-button[attention]:hover > .toolbarbutton-icon,
   #unified-extensions-button[attention][open="true"] > .toolbarbutton-icon
   {
     background-size: var(--uei-attention-dot-size) var(--uei-attention-dot-size) !important;
   }

2. これで、ツールバーの「拡張機能」アイコンに「通知」の青い丸が表示されなくなりました。
   
3. ただ、一切表示されないのは問題がありそうなので、カーソルを重ねると表示されるようになっています。
   
4. 「拡張機能」アイコンをクリックして開いた状態のときも表示されます。
   

どういう挙動にしようかあれこれ試したのですが、最終的に思い通りにできたと思います。