大した話じゃないです。FirefoxでTree Style Tabを使うってときに、アドオンのタブ一覧と、デフォルトのタブ一覧が両方表示されてしんどいのでそれをどうにかするっていうのの、自分用メモ。
毎回調べるのめんどいので…

プロファイルを開く

userChrome.cssを使いたいので、プロファイルフォルダーを探す。
右上ハンバーガー→ヘルプ→他のトラブルシューティング情報→プロファイルフォルダー
を見れば、その環境のプロファイルがどこにあるのかわかる。

userChrome.cssの作成

使っているプロファイルの中にchromeフォルダを作成する（既にあればそれを使えば良い）
ほんでその中にuserChrome.cssを作成する。内容は以下の感じ。

1
2
3
4
5
6
7
8
9
10
11
12
13

#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
  opacity: 0;
  pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}


/* サイドバーのヘッダーを消す */
#sidebar-header {
    display: none;
}

Firefoxの設定確認

userChrome.cssを使わない設定になっていると、どれだけ素晴らしいuserChrome.cssを用意しても意味が無い。
Firefoxでabout:configを開いて、toolkit.legacyUserProfileCustomizations.stylesheetsをtrueにしておく。

おわり

以上でFirefoxを再起動すればそれで良い感じになる。完全に自分用メモでした。おしまい。