web-dev-qa-db-ja.com

Firefox Quantumでタブの色を変更するにはどうすればよいですか？

1つまたは複数のタブ（必ずしも現在選択されているタブとは限りません）の色を変更しようとしています。少なくともタブのタイトルが表示されるビットである必要があります。それがどのように呼び出されるかはわかりません。

enter image description here

Pre-Quantum Firefoxアドオンが機能しなくなったのですが、他に方法はありますか？色はセッション間で持続する必要はありません。ちなみに、最終的な目標は、隣接するタブを視覚的にグループ化することです。タブグループを簡単に区別できるようにしたい（既にツリースタイルなどを使用しているが、タブバーでも区別したい）。

colorsbrowser-tabsfirefox-quantum
3
Albin

タブの外観を制御する最も簡単な方法は、 userChrome.css を使用することです。 How to Geekには簡単な説明があります チュートリアル 。以下のコードは、activeタブの色と、マウスがグラデーションに移動するタブの色を変更します。

_/* Tab: selected colors */_

#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: linear-gradient(to bottom,#88FF88,#FF88FF) !important; }

_/* Tab: hovered colors */_

#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { background: linear-gradient(to bottom,#FFFFFF,#888888) !important; }

Colorful Tabs 拡張機能もあります。

2
DrMoishe Pippik