Высота вкладок в Firefox
Опубликовано 07.03.2024 в OpenBSD
Каждые пару-тройку лет меня перестает устраивать внешний вид моего повседневного браузера (Firefox) и хочется что-то в нем изменить. Обычно не слишком радикально, минорщина всякая. И регулярно мне не нравится, как выглядят вкладки (табы) в Firefox - они по умолчанию какие-то слишком уж уродливо огромные.
Почему-то в Firefox нет штатной опции где-нибудь в about:config для настройки такого тривиального параметра, как высота вкладок - для этого приходится использовать пользовательский файл стилей. Прикапываю рецепт:
Прежде всего, определим, где хранится наш профиль Firefox, для этого можно прямо в браузере открыть about:support
и смотрим там строчку Profile Folder
- она и будет содержать искомое.
Далее по вышеупомянутому пути нужно создать папку chrome
и в оной папке завести файлик userChrome.css
с таким, например, содержанием:
:root {
--tab-max-height: 42px !important;
--tab-min-height: 0 !important;
--urlbar-toolbar-height: var(--tab-max-height) !important;
}
/* Bar resizing */
#nav-bar,
.toolbar-items,
.titlebar-buttonbox-container,
.tab-content,
.tab-background,
.tab-label-container {
height: var(--tab-max-height);
}
.tab-background {
margin: 0 !important;
}
.tab-secondary-label {
font-size: .5em !important;
margin: -.6em 0 .5em !important;
}
/* Selection highlight */
#nav-bar toolbaritem,
#nav-bar toolbarbutton {
--focus-outline: none;
--slimbar-highlight-color: color-mix(in srgb, var(--lwt-toolbar-field-highlight) 40%, var(--toolbar-bgcolor));
/* --toolbar-field-focus-background-color: var(--slimbar-highlight-color); */
}
#nav-bar toolbaritem:focus-visible,
#nav-bar toolbarbutton:focus-visible,
#nav-bar toolbaritem #identity-icon-box:focus-visible,
#nav-bar toolbaritem #star-button-box:focus-visible,
#nav-bar toolbaritem .unified-extensions-item-action-button:focus-visible {
background-color: var(--slimbar-highlight-color) !important;
}
Высота, как несложно догадаться, настраивается в пикселях в самом-самом начале (в моем случае 42).
Ну и осталось научить Firefox применять пользовательские стили при запуске. Для этого в about:config
находим параметр toolkit.legacyUserProfileCustomizations.stylesheets
и устанавливаем его в true
.
Всё, теперь при запуске мы получим несколько менее монструозную высоту табов.