このような状態でもアクティブなタブは若干コントラストが変わって表示されるようになってはいますが、サイズがすべて同じなので現在位置をつかむのに時間がかかることがありますね。
こうしたことから、「TabMixPlus」などでアクティブタブの色やフォントなどを変更している方も多いと思いますが、それでもまだ判別しにくいという方も多いのではないでしょうか。
そんな風に感じた方は、Firefoxに以下のCSSを適用することで、アクティブタブのサイズを常に一定の大きさで表示させることができるようになります。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.tabbrowser-tab[selected]:not([pinned])[fadein] {
min-width: 200px !important;
}
.tabbrowser-tab[selected]:not([pinned])[fadein] {
min-width: 200px !important;
}
*コードはuserchrome.cssに記述しても、Stylishを使って適用してもかまいません。
上記コードを適用すると、多くのタブが小さなサイズで開かれていても、アクティブタブだけが200pxのサイズで表示されるようになります。
*コード中の[200px]部を任意のサイズに変更することもできます。
*タブのGlass化など、その他のスタイルを適用していても有効となります。
■適用前
■適用後
■どこに移動したかも一目でわかります。
これならどのタブがアクティブであるのかが一目で判別でき、サクサクとタブ間を移動することができますね。
現在のページがどのタブであるかを見失うことが多い方は、適用しておいてはいかがでしょうか。
＜関連記事＞
■Firefoxのタブを好みのスタイルにするためのabout:config設定。
■Firefoxで[タブのスクロール]を無効にする方法。
■アクティブでないタブのラベル隠してリサイズできるFirefoxアドオン「tab delabelifier」
■アクティブタブを高コントラストで描画するデフォルトテーマ「Firefox-Plus」
無効にする方法知りたいです