Dostosuj Firefoksa 57 za pomocą CSS

Custom CSS for Fx to kolekcja stylów CSS dla przeglądarki Firefox 57 i nowszych autorstwa autora popularnego dodatku Firefox Classic Classic Restorer.

Firefox 57 nie będzie już obsługiwał Classic Theme Restorer ani żadnych innych rozszerzeń lub motywów zmieniających interfejs z powodu przejścia na ekskluzywny system WebExtensions. Nowy system WebExtensions zapobiega zmianom interfejsu użytkownika przeglądarki, nie udostępniając interfejsów API twórcom rozszerzeń.

Jedyną opcją, którą użytkownicy Firefox mogą zmodyfikować w interfejsie użytkownika, oprócz tego, co Mozilla udostępnia natywnie w Firefoksie, jest użycie CSS.

Użytkownicy Firefoksa, którzy znają się na CSS, mogą ręcznie edytować pliki CSS, aby zmodyfikować swoją wersję przeglądarki internetowej. Z drugiej strony większość użytkowników Firefoksa prawdopodobnie tego nie robi i właśnie tutaj pojawia się Custom CSS for Fx.

Dostosuj Firefoksa 57 za pomocą CSS

Projekt jest hostowany na GitHubie i jest zarządzany przez Aris, który jest znany z popularnych dodatków do Firefoksa, takich jak Classic Theme Restorer i NoiaButtons. Classic Theme Restorer został stworzony w odpowiedzi na interfejs Australis, który Mozilla uruchomiła w Firefoksie 29. Rozszerzenie nie będzie już działać w Firefoksie 57 lub nowszym, ponieważ Mozilla zrezygnowała z obsługi starszych dodatków w tej wersji Firefoksa i nie wprowadziła możliwości zmodyfikować interfejs użytkownika jako interfejs API WebExtensions.

Strona startowa projektu zawiera informacje na temat lokalizacji folderu profilu przeglądarki internetowej Firefox i używania podanych stylów do modyfikacji Firefoksa.

Najłatwiejszym sposobem zlokalizowania folderu profilu jest załadowanie about: obsługa w pasku adresu przeglądarki i kliknięcie przycisku „otwórz folder” w obszarze Podstawy aplikacji> Folder profilu.

Musisz utworzyć folder o nazwie chrome, jeśli nie istnieje on w katalogu głównym katalogu profilu. Po zakończeniu skopiuj zawartość archiwum do tego folderu. Upewnij się, że userChrome.css i userContent.css znajdują się w katalogu głównym folderu chrome.

To wszystko, co trzeba zrobić, aby dodać te niestandardowe style do Firefoksa. Jest jednak kolejny krok, który możesz chcieć zrobić, a mianowicie dostosowanie drobnych poprawek.

Domyślny zestaw poprawek może spodobać się niektórym użytkownikom, ale pliki CSS zawierają opcje włączania lub wyłączania różnych poprawek w celu dalszej zmiany interfejsu.

Otwórz plik userChrome.css w zwykłym edytorze tekstu. Plik używa polecenia @import do importowania rzeczywistych stylów CSS z plików CSS. Ma to na celu utrzymanie porządku w głównym pliku userChrome.css i ułatwienie użytkownikom Firefoksa jego modyfikacji.

Linie zaczynające się od / * są komentowane, a pliki CSS, do których prowadzą łącza, nie są importowane z tego powodu.

To, co musisz zrobić, to przejrzeć jedną sekcję listy na raz, aby określić, które z dostępnych poprawek chcesz włączyć w Firefoksie.

Usuwasz poprawki, dodając / * przed linią i * / z tyłu. Podobnie usuwasz / * z przodu i * / z tyłu, aby włączyć ulepszenie.

Oto lista poprawek, które są teraz dostępne:

  • Zmodyfikuj przyciski paska nawigacji.
  • Włącz kwadratowe przyciski
  • Zmień wygląd ikony
  • Zmień wyskakujące okienko przycisku aplikacji.
  • Zmień menu zakładek i wyskakujące okienko.
  • Wygląd przycisku starych zakładek zakładek
  • Inne ustawienia przycisków (ukryj przyciski przewijania do przodu, przyciski wstecz i do przodu oddzielone wyskakujące okna historii, przyciski powiększania ukryj resetowanie).
  • Niestandardowy wygląd przycisków Wstecz i Dalej
  • Przycisk aplikacji / hamburgera na pasku narzędzi nawigacji
  • Przycisk aplikacji / hamburgera na pasku tytułowym przeglądarki Firefox (tylko system Windows)
  • Wygląd zakładek (styl, pozycja paska narzędzi, na przykład poniżej pasków narzędzi (czytaj: brak zakładek na górze), tytuły zakładek, ikony i wiele innych.
  • Zmodyfikuj pasek wyszukiwania, menu kontekstowe, ikony i inne paski narzędzi.
  • Zmień styl paska lokalizacji.

Niektóre z nich są oczywiste. Inne nie, ale masz dwie opcje, jeśli chodzi o te. Włącz je i sprawdź bezpośrednio lub otwórz załadowany plik CSS, aby dowiedzieć się, co robią. Ten ostatni wymaga jednak pewnej wiedzy na temat CSS.

Plik userContent.css używa tego samego układu. Importuje pliki CSS i do Ciebie należy ich włączenie lub wyłączenie.

Lista sugerowanych poprawek interfejsu natywnego i temat: poprawki konfiguracji są również dostarczane przez projekt w celu dalszej modyfikacji wyglądu Firefoksa.

Końcowe słowa

Custom CSS for Fx oferuje wiele modyfikacji interfejsu dla interfejsu Firefoksa 57, których nie można wykonać przy użyciu rozszerzeń lub wbudowanych funkcji. Obecni użytkownicy przeglądarki Firefox mogą uznać ją za przydatną, zwłaszcza jeśli do tej pory korzystali z Classic Theme Restorer lub porównywalnego dodatku.

Aktualizacje są regularnie wydawane przez Aris; jest to dobre nie tylko ze względu na nową funkcjonalność, która może zostać wprowadzona poprzez poprawki, ale także dla zachowania zgodności stylów z nowymi wersjami Firefoksa.