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


1

Я использую два разных профиля 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?


1
Открой chrome://browser/skin/browser.css, возможно, это даст подсказку ...
января

Ответы:


3

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

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

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

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

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


1
это прекрасно работает, спасибо. Единственная проблема заключается в том, что красный цвет не отображается во всей строке меню. Я имею в виду бар на самом верху. Красный цвет заканчивается там, где заканчивается текст меню. Т.е. только левая половина полосы красная. Правая сторона по-прежнему является цветом по умолчанию.
Мартин Вегтер

Я пытался выяснить, как оформить тему правой части меню. Из того, что я вижу, после менубара нет «элемента». Но я не эксперт по XUL.
Сринидхи,

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

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

  2. browser.uiCustomization.state

  3. "DirtyAreaCache": [...]

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


нет ни одного пункта browser.uiCustomization.stateпо моему about:config.
Мартин Вегтер

1
Виноват. Я забыл о новом австралийском интерфейсе, который я полностью презираю. Я установил Classic Theme Restorer, который возвращает мне элементы пользовательского интерфейса по их старым именам тегов. Вы можете посмотреть на Австралию.
дальше
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.