Настройте Firefox 57 с помощью CSS

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

классический firefox 57

Проэкт размещен на 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 стили Firefox

Откройте файл 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.