Налаштуйте Firefox 57 за допомогою CSS

Спробуйте Наш Інструмент Для Усунення Проблем

Спеціальні CSS для Fx - це колекція стилів CSS для Firefox 57 і новіших за автором популярної надбудови Firefox Classic Theme Restore.

Firefox 57 більше не підтримує відновлення класичної теми або будь-який інший інтерфейс, що змінює розширення або теми через переключення на ексклюзивну систему WebExtensions. Нова система WebExtensions запобігає змінам у користувальницькому інтерфейсі браузера, не надаючи API розробникам розширень.

Єдиний варіант, який залишається для користувачів Firefox для зміни інтерфейсу користувача, окрім того, що Mozilla надає у Firefox, - це використовувати CSS.

Користувачі Firefox, які знають шлях до CSS, можуть редагувати файли CSS вручну, щоб змінити версію веб-браузера. Більшість користувачів Firefox, з іншого боку, напевно, це не так, і саме тут починає грати користувацький CSS для Fx.

Налаштуйте Firefox 57 за допомогою CSS

classic firefox 57

Проект розміщується на GitHub, і його підтримує Aris, який відомий популярними додатками Firefox, такими як Classic Theme Restorator та NoiaButtons. Класичний реставратор теми було створено як відповідь на інтерфейс Australis що Mozilla запустили в Firefox 29. Розширення більше не працюватиме у Firefox 57 чи новіших версіях, оскільки Mozilla відмовилася від підтримки застарілих додатків у цій версії Firefox і не ввіла можливості змінити інтерфейс користувача як API WebExtensions.

На початковій сторінці проекту пропонується інформація про розміщення папки профілів веб-браузера Firefox та використання наданих стилів для зміни Firefox.

Найпростіший спосіб знайти папку профілю - це завантаживши about: підтримку в адресному рядку браузера та натиснувши кнопку 'відкрити папку' в розділі Основи програми> Папка профілю.

Вам потрібно створити папку під назвою chrome, якщо вона не існує в корені каталогу профілю. Після цього скопіюйте вміст архіву в цю папку. Переконайтеся, що userChrome.css і userContent.css розташовані у корені хроматичної папки.

Це все, що потрібно зробити, щоб додати ці власні стилі до Firefox. Однак ви можете скористатися ще одним кроком, який налаштовує налаштування.

Набір налаштувань за замовчуванням може сподобатися деяким користувачам, але файли CSS оснащені опціями, щоб увімкнути або вимкнути різні налаштування для подальшої зміни інтерфейсу.

userchrome css firefox styles

Відкрийте файл userChrome.css у текстовому редакторі. У файлі використовується команда @import для імпорту фактичних стилів CSS з файлів CSS. Це робиться для того, щоб основний userChrome.css був акуратним і полегшив користувачам Firefox змінювати його.

Рядки, які починаються з / *, коментуються, а файли CSS, на які вони посилаються, не імпортуються через це.

Що вам потрібно зробити, - це переглядати перелік одного розділу за раз, щоб визначити, який із доступних налаштувань ви хотіли б увімкнути у Firefox.

Ви вивантажуєте налаштування, додаючи / * перед рядком та * / ззаду. Аналогічно ви виймаєте / * спереду та * / ззаду, щоб увімкнути налаштування.

Ось список налаштувань, який доступний зараз:

  • Змінення кнопок панелі навігації.
  • Увімкнути кнопки у квадраті
  • Змініть зовнішній вигляд піктограми
  • Змінення спливаючого вікна кнопки програми.
  • Змінення меню закладок та спливаючого вигляду.
  • Зовнішній вигляд кнопки на панелі інструментів старих закладок
  • Інші налаштування кнопок (кнопка 'Вперед' приховати, кнопки 'назад' та 'Вперед' відокремити спливаючі вікна історії, кнопки збільшення - приховати скидання).
  • Спеціальний зовнішній вигляд кнопок назад і вперед
  • Кнопка програми / гамбургера на панелі інструментів навігації
  • Кнопка програми / гамбургера на заголовку Firefox (лише для Windows)
  • Зовнішній вигляд вкладок (стиль, положення панелі інструментів, наприклад, під панелями інструментів (читати: вкладки не вгорі), назви вкладок, піктограми тощо.
  • Змінення панелі пошуку, контекстних меню, піктограм та інших панелей інструментів.
  • Змініть стиль панелі розташування.

Деякі з них є роз'яснювальними. Інших немає, але у вас є два варіанти, коли мова йде про ці. Або увімкніть їх і перевірте їх безпосередньо, або відкрийте завантажений файл CSS, щоб дізнатися, що вони роблять. Останнє, однак, вимагає певних знань CSS.

У файлі userContent.css використовується однаковий макет. Він імпортує файли CSS, і ви можете їх увімкнути або вимкнути.

Список запропонованих налаштувань власного інтерфейсу та налаштування про: config налаштування надаються також проектом для подальшого зміни зовнішнього вигляду Firefox.

Заключні слова

Спеціальний CSS для Fx пропонує безліч модифікацій інтерфейсу для інтерфейсу Firefox 57, які неможливо виконати за допомогою розширень або використання вбудованих функцій. Існуючі користувачі Firefox можуть вважати його корисним, особливо якщо вони досі використовували Classic Theme Restorator або подібний додаток.

Aris регулярно випускає оновлення; це добре не тільки для нових функціональних можливостей, які можуть впроваджуватися за допомогою налаштувань, але й для збереження стилів, сумісних з новими випусками Firefox.