Персонализирайте Firefox 57 с CSS

Персонализираният CSS за Fx е колекция от CSS стилове за Firefox 57 и по-нови от автора на популярната добавка на Firefox Classic Theme Restore.

Firefox 57 вече няма да поддържа Classic Theme Restore или друг интерфейс, променящ разширения или теми, заради преминаването към изключителна система WebExtensions. Новата система WebExtensions предотвратява промените в потребителския интерфейс на браузъра, като не предоставя API за разработчици на разширения.

Единствената опция, която остава на потребителите на Firefox да променят потребителския интерфейс, освен това, което Mozilla предоставя първоначално в Firefox, е да използват CSS.

Потребителите на Firefox, които знаят пътя си около CSS, могат да редактират CSS файлове ръчно, за да променят своята версия на уеб браузъра. Повечето потребители на Firefox, от друга страна, вероятно не го правят и точно там влиза в игра персонализиран CSS за Fx.

Персонализирайте Firefox 57 с CSS

Проектът се хоства на GitHub и се поддържа от Aris, който е известен с популярните добавки на Firefox като Classic Theme Restorer и NoiaButtons. Класическият тематичен възстановител е създаден като отговор на интерфейса на Australis, който Mozilla стартира в Firefox 29. Разширението вече няма да работи във Firefox 57 или по-нова, тъй като Mozilla отказа поддръжка за наследени добавки в тази версия на Firefox и не въведе възможности за промяна на потребителския интерфейс като WebExtensions API.

Началната страница на проекта предлага информация за локализиране на профилната папка на уеб браузъра Firefox и използване на предоставените стилове за промяна на Firefox.

Най-лесният начин да намерите папката на профила е като заредите около: поддръжка в адресната лента на браузъра и кликнете върху бутона „отворете папката“ в „Основи на приложението“> „Папка на профила“.

Трябва да създадете папка, наречена chrome, ако тя не съществува в корена на директорията с профили. След като направите това, копирайте съдържанието на архива в тази папка. Уверете се, че userChrome.css и userContent.css са разположени в корена на хромираната папка.

Това е всичко, което трябва да се направи, за да се добавят тези персонализирани стилове към 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 Restorator или подобна добавка.

Актуализациите се издават редовно от Aris; това е добре не само за нова функционалност, която може да бъде въведена чрез ощипване, но и за поддържане на стиловете, съвместими с новите версии на Firefox.