Как вернуть старые tabs в Firefox 89?

Всем привет! Ух, давно я не писал в блог. Чтож, видимо, сложно одновременно вести еженедельный подкаст, и ещё находить материалы для блог постов 🙂

Сегодня я обновился до Firefox 89, обнаружил проблему с табами, нашёл её решение, которым, собственно, и решил поделиться в этой записи.

В Firefox 89 случился огромный редизайн. Такие изменения в дизийне бывают у Лисы, наверное, раз в 3-4 года (на моей памяти их было 3 или 4 за всё время жизни браузера). Новый дизайн завётся Proton UI. По классике, на реддите появился топик, по которому становится понятно, что полно людей, кому не зашёл новый вид любимого браузера — https://www.reddit.com/r/firefox/comments/npdb3p/firefox_890_release_proton_ui_lets_help_each/.

Лично мне, в целом, новый дизайн firefox тоже не понравился. Причины две:

  1. Ужасная дефолтная светлая тема. Возможно, у меня проблемы с мониторами ноутбуков (один на Windows, другой — на MacOs), но все светло-серые цвета, которыми оформлены элементы управления, сливаются в единую серую линию. Ничего не разобрать. Нашел спасения для себя в недефолтной теме (ни разу в жизни не ставил темы для браузера, а тут пришлось) — https://addons.mozilla.org/en-US/firefox/addon/google-chrome-light/
  2. Tabs (табы). Не знаю зачем, но разработчики убрали границы табов, и теперь это просто спшлоая полоса из названий сайтов. Выглядит крайне паршиво.

Как восстановить старые tabs в Firefox

Решение я нашел на хабре и на реддите. Первое решение — выключить Протон дизайн. Это делается через about:configbrowser.proton.enabled = false

Второе решение связано с добавлением CSS кода в ваш userChrome.css файл.

  1. Открываем папку с вашим firefox профилем
  2. Создаем там папку chrome, если её ещё нет.
  3. Создаем там файл userChrome.css, если его ещё нет.
  4. Пишем какой-нибудь CSS код (мой ниже покажу)
  5. Включаем использование кастомных стилей для firefox. Для этого идём в about:config и меняем значение у toolkit.legacyUserProfileCustomizations.stylesheets

Мой CSS довольно прост (почти полностью скопирован с реддита):
.tabbrowser-tab {
border-right: 1px solid black !important;
padding-inline: 1px !important;
min-height: 25px;
}

Надеюсь, теперь и вы будете счастливы с новой версией нашей любимой лисы. Если эти советы перестанут работать, попытаюсь обновить пост актуальными.

Категории: О жизни