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 для Fx.
Настройте Firefox 57 с помощью CSS
Проект размещен на GitHub и поддерживается Арисом, который известен популярными надстройками Firefox, такими как Classic Theme Restorer и NoiaButtons. Classic Theme Restorer был создан в ответ на интерфейс 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.
