Tilpass Firefox 57 med CSS

Custom CSS for Fx er en samling CSS-stiler for Firefox 57 og nyere av forfatteren av den populære Firefox add-on Classic Theme Restorer.

Firefox 57 støtter ikke Classic Theme Restorer eller andre grensesnitt som endrer utvidelser eller temaer lenger på grunn av overgangen til et eksklusivt system for WebExtensions. Det nye WebExtensions-systemet forhindrer endringer i nettleserens brukergrensesnitt ved ikke å gi APIer til utvidelser av utvidelser.

Det eneste alternativet som er igjen for Firefox-brukere å endre brukergrensesnittet, bortsett fra hva Mozilla gir naturlig i Firefox, er å bruke CSS.

Firefox-brukere som kjenner seg til rundt CSS, kan redigere CSS-filer manuelt for å endre versjonen av nettleseren. De fleste Firefox-brukere derimot, gjør det sannsynligvis ikke, og det er der Custom CSS for Fx kommer inn.

Tilpass Firefox 57 med CSS

Prosjektet arrangeres på GitHub, og det vedlikeholdes av Aris som er kjent for populære Firefox-tillegg som Classic Theme Restorer og NoiaButtons. Classic Theme Restorer ble opprettet som et svar på Australis-grensesnittet som Mozilla lanserte i Firefox 29. Utvidelsen vil ikke fungere i Firefox 57 eller nyere lenger fordi Mozilla la ned støtte for eldre tillegg i den Firefox-versjonen, og ikke introduserte muligheter for å endre brukergrensesnittet som WebExtensions API.

Startsiden av prosjektet gir informasjon om å finne profilmappen til Firefox nettleser, og bruke de angitte stilene for å endre Firefox.

Den enkleste måten å finne profilmappen er ved å laste om: støtte i nettleserens adressefelt, og klikke på "åpen mappe" -knappen under Grunnleggende om applikasjoner> Profilmappe.

Du må opprette en mappe som heter chrome hvis den ikke eksisterer i roten til profilkatalogen. Når du er ferdig, kopier du innholdet i arkivet til den mappen. Forsikre deg om at userChrome.css og userContent.css ligger i roten til krommappen.

Dette er alt som må gjøres for å legge disse tilpassede stilene til Firefox. Det er imidlertid et annet skritt du kanskje vil ta, og det er å tilpasse justeringene.

Standardinnstillingen for justeringer kan appellere til noen brukere, men CSS-filene har alternativer for å aktivere eller deaktivere forskjellige tweaks for å endre grensesnittet ytterligere.

Åpne filen userChrome.css i en ren tekstredigerer. Filen bruker @import-kommandoen for å importere de faktiske CSS-stilene fra CSS-filer. Dette gjøres for å holde hovedbrukerChrome.css ryddig og gjøre det lettere for brukere av Firefox å endre det.

Linjer som begynner med / * blir kommentert, og CSS-filene de lenker til importeres ikke på grunn av det.

Det du trenger å gjøre er å gå gjennom oppføringen en seksjon om gangen for å finne ut hvilke av de tilgjengelige justeringene du vil aktivere i Firefox.

Du losser tweaks ved å legge til / * foran linjen og * / på baksiden. På samme måte fjerner du / * foran og * / bak for å aktivere en finjustering.

Her er listen over justeringer som er tilgjengelig akkurat nå:

  • Endre navigasjonsverktøylinjeknapper.
  • Aktiver firkantede knapper
  • Endre ikonutseende
  • Endre popup-appen.
  • Endre bokmerke-menyen og popup-utseendet.
  • Gamle bokmerker verktøylinjens knapputseende
  • Andre knappinnstillinger (Videresend knapp skjul, bakover og fremover knapper skilte popup-popuper, zoomknapper skjuler tilbakestilling)
  • Tilpasset ut- og bakknappenes utseende
  • Søknad / hamburgerknapp på navigasjonsverktøylinjen
  • Program / hamburger-knapp i Firefox-tittellinjen (bare Windows)
  • Faner utseende (stil, verktøylinjeposisjon for eksempel under verktøylinjer (les: faner ikke på toppen), fanetitler, ikoner og mer.
  • Endre søkefelt, kontekstmenyer, ikoner og andre verktøylinjer.
  • Endre stilen på adresselinjen.

Noen av disse er selvforklarende. Andre er det ikke, men du har to alternativer når det gjelder disse. Enten aktivere dem og sjekk dem ut direkte, eller åpne CSS-filen som blir lastet for å finne ut hva de gjør. Det siste krever imidlertid litt kunnskap om CSS.

UserContent.css-filen bruker samme oppsett. Den importerer CSS-filer, og det er opp til deg å aktivere eller deaktivere disse.

En liste over foreslåtte justeringer av innfødte grensesnitt og om: config-justeringer er også gitt av prosjektet for å endre Firefox utseende ytterligere.

Lukkende ord

Custom CSS for Fx tilbyr mange grensesnittmodifikasjoner for Firefox 57s grensesnitt som ikke kan gjøres ved å bruke utvidelser eller bruke innebygde funksjoner. Eksisterende Firefox-brukere kan synes det er nyttig, spesielt hvis de har brukt Classic Theme Restorer eller et sammenlignbart tillegg til nå.

Oppdateringer blir gitt ut regelmessig av Aris; det er bra ikke bare for ny funksjonalitet som kan bli introdusert gjennom justeringer, men også for å holde stilene kompatible med nye Firefox-utgivelser.