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

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

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

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

menubar {
  background-color: red;
}

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

обновление:

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

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

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