Изменить стиль полосы прокрутки в Firefox

Коротко о сути

Mozilla Firefox не предлагает явных опций для изменения внешнего вида полосы прокрутки в стандартных настройках. Однако в меню Advanced Preferences (about:config) есть скрытый параметр, который управляет стилем полос прокрутки. Ниже — пошаговая инструкция, объяснения, варианты, откат и рекомендации по совместимости.

Зачем это нужно

Кастомизация полосы прокрутки полезна, если вы хотите:

сделать интерфейс более гармоничным с темой операционной системы;
получить более широкую или более минималистичную полосу прокрутки для удобства использования;
протестировать, как сайт выглядит с разными нативными стилями прокрутки.

Важно: это изменение влияет только на отображение интерфейсной полосы прокрутки в самом браузере, а не на стили элементов прокрутки внутри веб-страниц, если только веб-страница не перекрывает поведение стилями CSS.

Быстрая инструкция — шаг за шагом

Откройте Firefox.
В адресной строке введите about:config и нажмите Enter.
На предупреждении безопасности нажмите «Принять риск и продолжить».
В поле поиска введите widget.non-native-theme.scrollbar.style.
Нажмите Enter или Return, чтобы найти соответствующую настройку.
Справа нажмите кнопку редактирования (иконка «карандаш»).
Удалите текущее значение (обычно 0 — «по умолчанию»).
Введите одно из значений: 1 (Mac OS), 2 (GTX), 3 (Android), 4 (Windows 10), 5 (Windows 11).
Нажмите «Сохранить» или подтвердите изменение.
Обновите вкладку или откройте любую страницу и прокрутите её, чтобы увидеть новый стиль полосы прокрутки. Если вы ввели 1 — получите скруглённую, минималистичную полосу как на macOS.

Значения и соответствие платформам

Значение флага и что оно задаёт:

0 — по умолчанию, использовать стиль текущей ОС;
1 — стиль macOS (скруглённый, узкий, наложение);
2 — GTX (внутренний стиль, менее распространённый);
3 — Android (мобильный стиль);
4 — Windows 10 (широкая полоса с постоянно видимыми кнопками);
5 — Windows 11 (минималистичная наложенная полоса с кнопками при наведении).

Факт: начиная с Firefox 97 браузер включает набор из пяти альтернативных стилей прокрутки, чтобы подстраиваться под платформы.

Матрица совместимости

Платформа	Рекомендуемое значение	Примечание
macOS	1	Скруглённые ползунок и минималистичный вид
Windows 10	4	Широкая полоса с видимыми стрелками
Windows 11	5	Наложенная минималистичная полоса
Android	3	Мобильный стиль прокрутки
Другие / по умолчанию	0	Использовать стиль системы

Варианты и альтернативные подходы

Использовать расширение Custom Scrollbars (Firefox/Chrome) — если вам нужно изменить цвет, ширину и закруглённость визуально внутри веб-страниц. Ссылка для скачивания: Custom Scrollbars for Firefox (бесплатно).
Стили через userChrome.css — позволяет глубже изменить интерфейс браузера (нужно включить toolkit.legacyUserProfileCustomizations.stylesheets в about:config и поместить userChrome.css в профиль). Это подходит для продвинутых пользователей.
Использовать системные настройки ОС — в некоторых случаях изменение темы или настроек контрастности системы изменит поведение полос прокрутки в Firefox при значении 0.
Оставить как есть — если требуется совместимость и отсутствие потенциальных багов с четкостью рендеринга на отдельных веб-приложениях.

Совет: расширения меняют поведение внутри веб-страниц и могут конфликтовать с site-specific CSS; userChrome.css меняет интерфейс браузера, но требует перезапуска Firefox после изменений.

Мета-методология выбора стиля (mini-methodology)

Определите цель: эстетика, доступность или тестирование.
Выберите значение: 0 для совместимости, 4/5 для Windows-подобного поведения, 1 для macOS-подобного.
Примените изменение и прогоните быстрый чек-лист (см. ниже).
Если не подходит — откатите к 0 или примените другой вариант.

Чек-лист по ролям

Для обычного пользователя:
- Сделать резервную заметку о текущем значении (обычно 0).
- Применить значение и протестировать прокрутку на странице поиска и на сайте с динамическим контентом.
Для системного администратора:
- Документировать изменение для деплоя в среде (если планируете массовое применение).
- Проверить взаимодействие с политиками организации и политиками управления настройками браузера.
Для веб-разработчика:
- Тестировать сайты на наличие проблем с hit area (зона взаимодействия с элементами) при изменении ширины полосы прокрутки.

Откат и восстановление (инцидентный план)

Откройте about:config.
Найдите widget.non-native-theme.scrollbar.style.
Нажмите «Редактировать» и введите 0.
Сохраните и перезагрузите браузер (если поведение не изменилось, перезапустите Firefox полностью).

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

Примеры, когда это не сработает

Если веб-сайт принудительно стилизует скроллбар через собственные CSS-правила, глобальная настройка браузера может не влиять на элементы внутри страницы.
На старых версиях Firefox (ниже 97) набор доступных альтернатив и поведение может отличаться.

Критерии приёмки

После изменения значения значение реально применяется к интерфейсу браузера (полоса ведёт себя визуально иначе).
Полоса прокрутки рабочая: можно прокручивать страницы и пользоваться стрелками при необходимости.
Нет явных визуальных артефактов или критических проблем с доступностью.

Короткий глоссарий

about:config — интерфейс настроек Firefox для опытных пользователей.
widget.non-native-theme.scrollbar.style — скрытый флаг, управляющий стилем системной полосы прокрутки.
userChrome.css — пользовательская таблица стилей для интерфейса Firefox.

Советы по отладке и тестированию

Проверяйте изменение на нескольких страницах: статичная страница, динамическая страница (ленивая загрузка) и интерфейсы с собственной прокруткой (например, веб-приложения).
Если поведение отличается между профилями Firefox, попробуйте создать свежий профиль и применить настройку там, чтобы исключить влияние расширений и пользовательских стилей.

Заключение

Флаг widget.non-native-theme.scrollbar.style — простой способ выбрать между нативными стилями полос прокрутки различных платформ в Firefox. Для глубокой визуальной кастомизации лучше использовать дополнения или userChrome.css. Всегда сохраняйте исходное значение (0) и имейте план отката, особенно в корпоративной среде.

Важно: при наведении и проверке учтите различия между платформами: Windows 10 показывает более широкую полосу с видимыми элементами, а Windows 11 и macOS — более лаконичные наложенные полосы.

Скачать расширение для более глубокой кастомизации: Custom Scrollbars for Firefox (Free).