Jak zmienić wygląd pomarańczowego paska w Firefoksie

Uwielbiam sposób, w jaki Firefox można dostosować. Mam na myśli, że w przeglądarce nie ma nic, czego nie można zmienić ani zmodyfikować zgodnie z wymaganiami i komfortem użytkownika. Podczas gdy na końcu funkcjonalnym preferencje about: config można modyfikować, aby uzyskać prawie wszystko, na estetycznym froncie mamy komponenty CSS, które można zdefiniować w celu modyfikacji wyglądu interfejsu.

Rozważymy pomarańczowy przycisk Firefoksa umieszczony w lewym górnym rogu przeglądarki i zobaczymy, jak można zmienić jego wygląd i działanie. Na przykład sprawdź obraz (poniżej) i zwróć uwagę, jak zmieniłem kolor z pomarańczowego na czerwony, tekst z białego na czarny oraz z Firefoksa na. Interesujące, prawda?

Oto jak możesz dokonać podobnych zmian.

Kroki dostosowywania wyglądu przycisku Firefox

Z każdym profilem utworzonym w Firefoksie jest powiązany plik CSS. Służy on do wprowadzania danych przez użytkownika w celu zmiany wyglądu przeglądarki. W trakcie tego procesu powiemy Ci również, jak znaleźć ten plik lub utworzyć go, jeśli nie istnieje.

Krok 1: Otwórz Firefoksa i przejdź do Firefoksa (pomarańczowy przycisk) -> Pomoc -> Informacje dotyczące rozwiązywania problemów.

Krok 2: Zostanie uruchomiona nowa karta. Poszukaj sekcji z podstawami aplikacji. Aby przejść do folderu profilu, kliknij przycisk Pokaż folder. Sugerowane jest otwarcie folderu profilu stąd, ponieważ jeśli istnieje wiele profili, możesz nie wiedzieć, który z nich jest używany.

Krok 3: W swoim katalogu profilu znajdziesz folder o nazwie chrome. Jeśli nie możesz tego znaleźć, możesz go utworzyć.

Krok 4: W tym folderze powinien znajdować się plik o nazwie userChrome.css. Nazwa powinna być dokładnie taka, jak tutaj.

Ponownie, jeśli nie możesz go znaleźć, możesz go utworzyć. Jeśli tak, przejdź do kroku 7. W przeciwnym razie przejdź do kroku 5.

Krok 5: Kliknij prawym przyciskiem myszy i opróżnij miejsce i utwórz Nowy -> Dokument tekstowy. Po zakończeniu otwórz plik za pomocą Notatnika.

Krok 6: Teraz przejdź do Plik i Zapisz jako dokument jako userChrome.css. Upewnij się, że zmienisz typ Zapisz jako na Wszystkie pliki w dolnej części okna dialogowego Zapisz. Kliknij Zapisz i zamknij dokument.

Krok 7: Otwórz plik userChrome.css w Notatniku. Po prostu kliknij plik prawym przyciskiem myszy i wybierz polecenie Otwórz za pomocą -> Notatnik.

Krok 8: Skopiuj poniższy fragment kodu (taki, jaki jest) i dołącz go do pliku. Zapisz zmiany.

@namespace url („http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);

# przycisk menu {

tło: # pomarańczowy ! ważne;

}

# dropmarker przycisku aplikacji: przed {

treść: „ Firefox ”! ważne;

kolor: # FFFFFF ! ważne;

}

# przycisk-menu. przycisk-tekst {

display: brak! ważne;

}

Zwróć uwagę na pogrubione fragmenty. Reprezentują odpowiednio kolor przycisku, tekst i kolor tekstu. Aby zmienić wygląd przycisku, możesz zmodyfikować te wartości. Oto kod odpowiadający obrazowi, który widziałeś na początku.

Jeśli nie masz wiedzy na temat kodów szesnastkowych, możesz skorzystać z tego linku. Lub możesz to sprawdzić.

Wniosek

Ta zmiana jest tylko niewielka. Jeśli potrafisz opanować kody, będziesz mógł zmienić prawie wszystko w Firefoksie. Jeśli masz niektóre z tych, z których korzystałeś przez te wszystkie lata, podziel się z naszymi czytelnikami i pomóż przynieść uśmiechy początkującym użytkownikom Firefoksa.