Высота вкладок в Firefox

Прикопаю тут этот рецепт, потому что каждые несколько лет его вновь разыскиваю.

Опубликовано: 2024-03-07

Категория: OpenBSD

Теги: хауту firefox tabs

Каждые пару-тройку лет меня перестает устраивать внешний вид моего повседневного браузера (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.

Всё, теперь при запуске мы получим несколько менее монструозную высоту табов.