Egendefinert CSS for Fx er en samling av CSS-stiler for Firefox 57 og nyere av forfatteren av den populære Firefox add-on Klassisk Tema Restauratøren.
Firefox 57 ikke vil støtte Klassisk Tema Konservator eller noe annet grensesnitt endre utvidelser eller temaer lenger på grunn av overgangen til en WebExtensions eksklusive system. Den nye WebExtensions system som forhindrer endringer til nettleseren brukergrensesnitt ved ikke å gi Api-er til utvidelser utviklere.
Det eneste alternativet som er til venstre for Firefox-brukere å endre UI, bortsett fra hva Mozilla gir direkte i Firefox, er å bruke CSS.
Firefox-brukere som kjenner sin vei rundt CSS kan redigere CSS-filene manuelt for å endre deres versjon av nettleseren. De fleste brukere av Firefox på den annen side sannsynligvis ikke, og det er der Egendefinert CSS for Fx kommer inn i bildet.
Tilpasse Firefox 57 med CSS
Prosjektet ligger på GitHub, og det er vedlikeholdt av Aris som er kjent for populære Firefox add-ons for eksempel Klassisk Tema Konservator og NoiaButtons. Klassisk Tema Konservator ble opprettet som en respons til Australis grensesnitt som Mozilla lanserte i Firefox 29. Utvidelsen vil ikke fungere i Firefox 57 eller nyere lenger fordi Mozilla droppet støtte for eldre add-ons i at Firefox-versjon, og ikke innføre evner å endre brukergrensesnittet som WebExtensions API.
Startpage av prosjektet gir informasjon om hvordan du kan finne profilen mappen av Firefox nettleser, og ved hjelp av den medfølgende stiler til å endre Firefox.
Den enkleste måten å finne profilen mappen ved å legge om: – støtte i nettleserens adressefelt, og klikke på “åpne mappe” – knappen under Programmet Grunnleggende > Profil-Mappen.
Du trenger for å opprette en mappe kalt chrome hvis det ikke finnes i roten av profil katalogen. Når dette er gjort, kan du kopiere innholdet i arkivet i denne mappen. Kontroller at userChrome.css og userContent.css er plassert i rotkatalogen på chrome-mappen.
Dette er alt som må gjøres for å legge til disse egendefinerte stiler til Firefox. Det er imidlertid enda et skritt som du kanskje ønsker å ta, og det er å tilpasse tweaks.
Standard sett av tweaks som kan appellere til noen brukere, men CSS-filer kommer med alternativer for å aktivere eller deaktivere forskjellige tilpasninger for å endre grensesnittet videre.
Åpne userChrome.css-filen i en vanlig tekst-editor. Filen bruker @importer for å importere selve CSS-stiler fra CSS-filer. Dette er gjort for å holde de viktigste userChrome.css ryddig og gjøre det enklere for brukere av Firefox til å endre det.
Les også: YouTube er forbedret Uskarphet Ansikter verktøyet lanserer
Linjer som begynner med /* er kommentert ut og CSS-filer som de linker til er ikke importert grunn av at.
Hva du trenger å gjøre er å gå gjennom listen en seksjon av gangen for å finne ut hvilken av de tilgjengelige tweaks du ønsker aktivert i Firefox.
Du losse tilpasninger ved å legge til /* i fronten av linjen og */ på baksiden. På samme måte, kan du fjerne /* i front og */ på baksiden for å aktivere en tweak.
Her er listen over forandringer som er tilgjengelig akkurat nå:
- Endre navigation knappene på verktøylinjen.
- Aktiver Squared knappene
- Endre ikonet utseende
- Endre app-knappen popup.
- Endre bokmerker-menyen og popup utseende.
- Gamle bokmerker på verktøylinjen utseende
- Andre knappen settings (innstillinger) (Fremover-knappen skjul, tilbake og frem-knappene atskilt historie popups, zoom-knappene skjule reset).
- Egendefinerte knappene tilbake og frem utseende
- Søknad/hamburger-knappen på verktøylinjen navigasjon
- Søknad/hamburger-knappen i Firefox titlebar (kun Windows)
- Faner utseende (stil, verktøylinjen posisjon for eksempel under verktøylinjer (les: tabs ikke på topp), tab titler, ikoner og mer.
- Endre searchbar, kontekst menyer, ikoner og andre verktøylinjer.
- Endre stilen på adresselinjen.
Noen av disse er selvforklarende. Andre er ikke, men du har to alternativer når det kommer til disse. Enten aktivere dem og sjekke dem ut direkte, eller åpne CSS-filen som blir lagt i å finne ut hva de gjør. Sistnevnte krever en viss kjennskap til CSS, men.
Den userContent.css-filen bruker samme oppsett. Det importerer CSS-filer, og det er opp til deg aktivere eller deaktivere dem.
En liste over foreslåtte native-grensesnitt tweaks og ” about:config tilpasninger er gitt av prosjektet for å endre Firefox utseende lenger.
Avsluttende Ord
Egendefinert CSS for Fx tilbyr massevis av grensesnitt endringer for Firefox 57 grensesnitt som ikke kan gjøres ved hjelp av utvidelser eller ved hjelp av innebygde funksjoner. Eksisterende brukere av Firefox, kan du finne det nyttig, spesielt hvis de har brukt Klassisk Tema Konservator eller en tilsvarende add-on til nå.
Oppdateringene er utgitt regelmessig av Aris; det er bra ikke bare for ny funksjonalitet som kan bli introdusert gjennom tilpasninger, men også for å holde stiler kompatibel med nye Firefox-versjoner.