ウェブサイトに合わせてFirefoxのタブバーの色を変える拡張機能「Adaptive Tab Bar Colour」

Firefox向け拡張機能の「Adaptive Tab Bar Colour」を使えば、開いているウェブサイトのテーマカラーに合わせてタブバーの色を変化させられます。面白そうなので使ってみました。

Adaptive Tab Bar Colour – 🦊 Firefox (ja) 向け拡張機能を入手
https://addons.mozilla.org/ja/firefox/addon/adaptive-tab-bar-colour/

Adaptive Tab Bar Colourを使うには、Firefoxで上記のリンク先にアクセスして「Firefoxへ追加」をクリック。

以下のポップアップが表示されたら「追加」をクリック。

Adaptive Tab Bar Colourの設定画面が表示されたらインストール完了です。

初期状態だと「基本のテーマカラーが明るいときは『テーマカラーの暗いウェブサイト』を開いてもタブバーの色を変更しない」という設定になっているので、どんな条件でもタブバーの色を変更できるように「Allow dark tab bar」にチェックを入れておきます。

この状態でニュースサイト「The Guardian」にアクセスすると、The Guardianのテーマカラーに合わせてタブバーが紺色になりました。

しかし、GIGAZINEだとタブバーが白色のままでした。

GIGAZINEでも色が変化するように設定してみます。まず、Adaptive Tab Bar Colourの設定画面で「Advanced」をクリックして「Enable rules for specific domains」にチェックを入れてから「＋」をクリック。

ドメイン入力欄に「gigazine.net」と入力して「specify a color」をクリックし、右隣の色指定ボタンをクリックします。

好みの色を選択して「OK」をクリック。

以下のように設定できたらOK。

GIGAZINEにアクセスするとタブバーが指定した色に変化しました。

なお、Adaptive Tab Bar Colourではサイドバーの色も変更できます。