Изменить цвет панели Firefox с помощью userChrome.css

Question

Я использую два разных профиля Firefox, и мне нужно различать их. Я хотел бы изменить один из них, чтобы панель имела другой цвет. Я не хочу устанавливать какие-либо дополнительные дополнения или темы, я бы хотел добиться этого, используя только userChrome.css .

Я нашел этот сайт, где они описывают различные компоненты / элементы. Но я не могу найти тот, который меняет цвет всей верхней панели.

На данный момент у меня не установлено ни одной темы, и Firefox использует внешний вид "По умолчанию", который фактически принимает цвета из моей среды (Openbox).

Я попытался добавить следующее в userChrome.css , но это меняет только цвет меню:

menubar {
  background-color: red;
}

Как изменить цвет всей панели (меню + панель инструментов + ...)

ОБНОВИТЬ:

Следующий код, предложенный @Srinidhi, работает хорошо, но не окрашивает все окно:

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: rgb(102,66,60) !important;
}

Как я могу раскрасить все окно, включая фон меню или всплывающие окна, например, когда я нажимаю Edit -> Preferences ?

Answer 1

Вам нужно следующее:

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: red !important;
}

Протестировано это на Firefox 28. С этим изменением отдельные вкладки не будут окрашены в красный цвет. Если вы хотите даже те, что в красном, то добавьте это:

.tabbrowser-tabs * {
  background-image: none !important;
  background-color: red !important;
}

Если вы не используете background-image вы все равно увидите границы вкладки, которая на самом деле является изображением.

Answer 2

1. о: конфигурации

2. browser.uiCustomization.state

3. "DirtyAreaCache": [...]

4. barlabel {background: solid rgba(0, 0, 0, 0)!важный;}