Настройте Firefox 57 с помощью CSS
- Категория: Fire Fox
Custom CSS for Fx - это набор стилей CSS для Firefox 57 и новее, созданный автором популярного дополнения для Firefox Classic Theme Restorer.
Firefox 57 больше не будет поддерживать Classic Theme Restorer или любые другие расширения или темы, изменяющие интерфейс, из-за перехода на эксклюзивную систему WebExtensions. Новая система WebExtensions предотвращает изменения пользовательского интерфейса браузера, не предоставляя API разработчикам расширений.
Единственный вариант, который остается у пользователей Firefox для изменения пользовательского интерфейса, помимо того, что Mozilla изначально предоставляет в Firefox, - это использовать CSS.
Пользователи Firefox, разбирающиеся в CSS, могут редактировать файлы CSS вручную, чтобы изменить свою версию веб-браузера. С другой стороны, большинство пользователей Firefox этого не делают, и здесь в игру вступает Custom CSS for Fx.
Настройте Firefox 57 с помощью CSS
Проект размещен на GitHub и поддерживается Арис, который известен своими популярными надстройками Firefox, такими как Classic Theme Restorer и NoiaButtons. Классический реставратор тем был создан как ответ на интерфейс Australis это Mozilla запустила в Firefox 29. Расширение больше не будет работать в Firefox 57 или новее, потому что Mozilla отказалась от поддержки устаревших надстроек в этой версии Firefox и не представила возможности для изменения пользовательского интерфейса как API WebExtensions.
На начальной странице проекта содержится информация о том, как найти папку профиля веб-браузера Firefox и использовать предоставленные стили для изменения Firefox.
Самый простой способ найти папку профиля - загрузить about: support в адресную строку браузера и нажать кнопку «Открыть папку» в разделе «Основные сведения о приложении»> «Папка профиля».
Вам необходимо создать папку с именем chrome, если она не существует в корне каталога профиля. После этого скопируйте содержимое архива в эту папку. Убедитесь, что userChrome.css и userContent.css находятся в корне папки chrome.
Это все, что нужно сделать, чтобы добавить эти пользовательские стили в Firefox. Однако есть еще один шаг, который вы можете предпринять, и это настройка настроек.
Набор настроек по умолчанию может понравиться некоторым пользователям, но файлы CSS содержат параметры, позволяющие включать или отключать различные настройки для дальнейшего изменения интерфейса.
Откройте файл userChrome.css в текстовом редакторе. Файл использует команду @import для импорта фактических стилей CSS из файлов CSS. Это сделано для того, чтобы поддерживать порядок в основном userChrome.css и облегчить пользователям Firefox его изменение.
Строки, начинающиеся с / *, закомментированы, и файлы CSS, на которые они ссылаются, не импортируются из-за этого.
Что вам нужно сделать, так это просмотреть список по одному разделу за раз, чтобы определить, какие из доступных настроек вы хотите включить в Firefox.
Вы выгружаете твики, добавляя / * перед строкой и * / сзади. Точно так же вы удаляете / * спереди и * / сзади, чтобы включить настройку.
Вот список настроек, доступных прямо сейчас:
- Измените кнопки панели инструментов навигации.
- Включить квадратные кнопки
- Изменить внешний вид значка
- Измените всплывающее окно кнопки приложения.
- Измените меню закладок и внешний вид всплывающего окна.
- Внешний вид кнопок панели инструментов старых закладок
- Другие настройки кнопок (кнопка «Вперед» скрывает, кнопки «Назад» и «Вперед» разделяют всплывающие окна истории, кнопки масштабирования скрывают сброс).
- Настраиваемый внешний вид кнопок назад и вперед
- Кнопка приложения / гамбургера на панели инструментов навигации
- Кнопка приложения / гамбургера в заголовке Firefox (только для Windows)
- Внешний вид вкладок (стиль, положение панели инструментов, например, под панелями инструментов (читай: вкладки не сверху), заголовки вкладок, значки и многое другое.
- Измените панель поиска, контекстные меню, значки и другие панели инструментов.
- Измените стиль адресной строки.
Некоторые из них говорят сами за себя. Других нет, но у вас есть два варианта, когда дело доходит до них. Либо включите их и проверьте их напрямую, либо откройте загружаемый файл CSS, чтобы узнать, что они делают. Однако последнее требует некоторых знаний CSS.
В файле userContent.css используется тот же макет. Он импортирует файлы CSS, и вы должны включать или отключать их.
Список предлагаемых настроек собственного интерфейса и настроек about: config также предоставляется проектом для дальнейшего изменения внешнего вида Firefox.
Заключительные слова
Пользовательский CSS для Fx предлагает множество модификаций интерфейса для интерфейса Firefox 57, которые нельзя сделать с помощью расширений или встроенных функций. Существующие пользователи Firefox могут счесть его полезным, особенно если они до сих пор использовали Classic Theme Restorer или аналогичное дополнение.
Обновления регулярно выпускаются Aris; это хорошо не только для новых функций, которые могут быть введены с помощью настроек, но и для сохранения совместимости стилей с новыми выпусками Firefox.