Firefox: меняем цвет вкладок через userChrome.css

userChrome.css расположен в подкаталоге chrome вашего профиля. userChrome.css предназначен для стилей настройки внешнего вида Mozilla/Mozilla Firefox. В нём вы можете редактировать отображение основных элементов браузера, стили, создать свой собственный стиль Mozill’ы.
Обратите внимание: userChrome.css не существует по умолчанию.

Как изменить цвета вкладок:

Добавляем в userChrome.css следующее содержимое:

/* --- 2.0 Tabs rules modified for 3.0 --- */

/* Active tab – good */
.tabbrowser-tab[selected=”true”]
.tabs-bottom,
[class=”close-button tabs-closebutton”] {
font-weight: bold !important;
background-color: rgb(220,220,220) !important;
padding-left: 2% !important;
padding-right: 2% !important;}

/* Inactive Tab – good */
.tabbrowser-tab:not([selected=”true”]) {
-moz-appearance: none !important;
background-color: rgb(170,170,170) !important;
padding-left: 2% !important;
padding-right: 2% !important;
-moz-opacity: 0.8 !important;}

/* Change tab hover colors -good! */
.tabbrowser-tab[selected=”true”]:hover {
background-color: rgb(250,250,250) !important;
}
.tabbrowser-tab:not([selected=”true”]):hover {
background-color: rgb(200,200,200) !important;
}

/* Tab while loading – good */
.tabbrowser-tab[busy] {
color: red !important;}

/* Italicize the title of unread tabs */
#content tab:not([selected]) {
font-style: italic !important;
}

/* — end of Tabs mods — */

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to top