Как вернуть старый интерфейс firefox html
Перейти к содержимому

Как вернуть старый интерфейс firefox html

  • автор:

Как вернуть старый интерфейс в браузере Mozilla Firefox

Как вернуть старый интерфейс в браузере Mozilla Firefox

В новой версии браузера Mozilla Firefox за номером 89 разработчики решили полностью переработать интерфейс своего браузера. Части пользователям эти изменения понравились, а другой — конечно же нет.

Если всё-таки решили вернуть старый добрый интерфейс браузера, то есть такая возможность.

Первое, что сильно заметно в новом браузере на базе Proton, это новая адресная строка и панель вкладок. Интерфейс дизайна Proton визуально стал каким-то ярким и воздушным, а границы неактивных вкладок, адресной и поисковой строки стали выглядеть тёмными. Получается такое себе решение, после которого яркость элементов браузера увеличилась, что в свою очередь увеличивает нагрузку на ваши глаза. И кроме того, в новом интерфейсе придётся потратить дополнительное время на поиск необходимых элементов и настроек браузера.

пример нового интерфейса в браузере mozilla firefox

1. Установка темы для браузера

1. Зайдите в браузер Открыть меню приложения > Дополнения и темы.

установка темы для браузера mozilla firefox

Далее выбрать необходимую тему и нажать кнопку Включить или Установить тему.

установка темы для браузера mozilla firefox

2. Возвращение старого интерфейса оформления для браузера

1. Зайдите в браузере в Адресную строку и введите строку about:config. Браузер будет предупреждать «Продолжайте с осторожностью. Изменение расширенных настроек может затронуть производительность или безопасность Firefox».

возвращение старого интерфейса оформления для браузера

Игнорируем и нажимаем на кнопку Принять риск и продолжить.

возвращение старого интерфейса оформления для браузера

2. Для возвращения старого интерфейса вкладок и адресной строки браузера, введите в строке поиска параметров строку «browser.proton.enabled» и поменяйте на значение false.

возвращение старой темы оформления для браузера mozilla firefox

3. А для возврата превью топа сайтов, введите в строке поиска параметров строку «browser.newtabpage.activity-stream.newNewtabExperience.enabled» и поменяйте на значение false.

возвращение старого интерфейса оформления для браузера

Если снова захочется вернуть воздушный новый интерфейс Firefox, то просто верните значение предыдущих параметров обратно на true.

Поэтому остаётся либо подобрать оптимальную тему для браузера Mozilla Firefox, либо изменить параметры оформления браузера, чтобы сделать его более похожим на старую версию. Или же привыкнуть к новой версии браузера на дизайне Proton.

Как вернуть старые 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;
>

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

Другие записи из этой рубрики:

  • Всех с новым, 2021, годом!
  • Как сортировать Youtube playlists по просмотрам или оценкам?
  • Всех с новым, 2020, годом!
  • Лучшие полноразмерные беспроводные наушники в 2019 году
  • 1 доллар за удар молотком, 99 долларов за знание того, куда и как ударить
Обо мне

Всем привет! Меня зовут Денис. Я увлекаюсь веб-разработкой, а также пытаюсь стать профессионалом в стеке технологий Linux, Apache, MySQL, PHP.

twitter icon

@Hixon101

Прямой эфир
  • Используем telegram как второй фактор аутентификации
  • Мои любимые VIM жесты движений (motions)
  • Как улучшить своё Динамическое программирование?
  • Как тренироваться в Rust программирование?
  • Rust in Action — Рецензия

© 2012 — 2023 hixon.ru — Копирование материалов сайта запрещено.

Как вернуть старый интерфейс браузера в Mozilla Firefox 89

В Mozilla Firefox 89 разработчики кардинально изменили интерфейс браузера. Многим эти изменения пришлись не по вкусу. Если хочется вернуть старый интерфейс — возможность есть.

В Firefox 91 разработчики убрали возможность отключения интерфейса Proton, описанный в этой статье. В Firefox 89 и 90 указанный способ работает. Превью топ сайтов можно вернуть до сих пор.

Первое, что бросается в глаза, это переделанные адресная строка и панель вкладок. Интерфейс стал более «воздушным», границы неактивных элементов (вкладок, адресной и поисковой строк) стали бледными, а где-то и совсем исчезли. Достаточно спорное решение. Кто-то найдёт нужный элемент без труда и в новом интерфейсе, а кому-то придётся вглядываться в его элементы, чтобы не промахнуться.

Другой спорный момент — заменить превью часто используемых страниц на весьма мелкие иконки.

Как вернуть старый интерфейс браузера в Mozilla Firefox 89

Хотите вернуть как было? Тогда вбейте в адресной строке about:config. Браузер предупредит, что с настройками на данной странице лучше лишний раз не играться, но позволит продолжить. Кстати, если часто собираетесь менять настройки в about:config, то это предупреждение можно отключить.

Для того, чтобы вернуть привычный интерфейс вкладок и адресной строки, найдите параметр browser.proton.enabled и придайте ему значение false.

Как вернуть старый интерфейс браузера в Mozilla Firefox 89

А для возвращения превью топ сайтов, найдите параметр browser.newtabpage.activity-stream.newNewtabExperience.enabled и придайте ему значение false.

Как вернуть старый интерфейс браузера в Mozilla Firefox 89

Если захотите вернуть новый интерфейс Firefox, верните этим параметрам значение true.

Firefox вернуть дизайн и отключить UI Proton

После очередного обновления Firefox приходится снова матерится. Интерфейс Proton. Абсолютно идиотский дизайн вкладок. Гигантские размеры, убрали разделитель между неактивными вкладками и куча других подарков.

Если в первый раз все можно было вернуть «взад» через about:config опцией browser.proton.enabled и другими опциями browser.proton…. выставив false , то в этот раз уже никак.

Погуглив нашел сразу сборник с инструкциями и готовыми стилями под старый дизайн с исправлением вкладок и меню. Я поставил этот пак, а потом уже подправил под себя.

Как изменить высоту вкладок?

Высота вкладок для меня все равно велика. Поэтому лезем и ищем файл userChrome.css . Он находится в профиле Firefox в папке chrome.

Пробовал разную высоту, но для меня оптимально где то 28px. Опция —tab-min-height. Добавляем.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *