Anpassa Firefox 57 med CSS

Custom CSS for Fx är en samling CSS-stilar för Firefox 57 och nyare av författaren till det populära Firefox-tillägget Classic Theme Restorer.

Firefox 57 stöder inte Classic Theme Restorer eller något annat gränssnitt som ändrar tillägg eller teman längre på grund av övergången till ett exklusivt system för WebExtensions. Det nya WebExtensions-systemet förhindrar ändringar i webbläsarens användargränssnitt genom att inte tillhandahålla API: er till tilläggsutvecklare.

Det enda alternativet som finns kvar för Firefox-användare att ändra användargränssnittet, förutom vad Mozilla tillhandahåller i Firefox, är att använda CSS.

Firefox-användare som vet hur de går runt CSS kan redigera CSS-filer manuellt för att ändra sin version av webbläsaren. De flesta Firefox-användare å andra sidan förmodligen inte, och det är där Custom CSS för Fx kommer in.

Anpassa Firefox 57 med CSS

Projektet är värd på GitHub och det underhålls av Aris som är känd för populära Firefox-tillägg som Classic Theme Restorer och NoiaButtons. Classic Theme Restorer skapades som ett svar på Australis-gränssnittet som Mozilla lanserade i Firefox 29. Tillägget fungerar inte i Firefox 57 eller nyare längre eftersom Mozilla tappade stöd för äldre tillägg i den Firefox-versionen och inte introducerade funktioner för att ändra användargränssnittet som WebExtensions API.

Startsidan för projektet innehåller information om lokalisering av profilmappen i Firefox webbläsare och användning av de medföljande stilarna för att modifiera Firefox.

Det enklaste sättet att hitta profilmappen är genom att ladda om: support i webbläsarens adressfält och klicka på knappen "öppen mapp" under Application Basics> Profil Folder.

Du måste skapa en mapp som heter krom om den inte finns i roten till profilkatalogen. När du är klar kopierar du innehållet i arkivet till den mappen. Se till att userChrome.css och userContent.css finns i roten till krommappen.

Detta är allt som behöver göras för att lägga till dessa anpassade stilar till Firefox. Det finns dock ytterligare ett steg som du kanske vill ta, och det är att anpassa tweaks.

Standarduppsättningen av tweaks kan tilltala vissa användare, men CSS-filerna har alternativ för att aktivera eller inaktivera olika tweaks för att ändra gränssnittet ytterligare.

Öppna filen userChrome.css i en vanlig textredigerare. Filen använder kommandot @import för att importera de verkliga CSS-stilarna från CSS-filer. Detta görs för att hålla den huvudsakliga userChrome.css snygg och för att göra det lättare för användare av Firefox att ändra det.

Linjer som börjar med / * kommenteras och CSS-filerna de länkar till importeras inte på grund av det.

Vad du behöver göra är att gå igenom listan ett avsnitt åt gången för att avgöra vilka tillgängliga tweaks du vill ha aktiverat i Firefox.

Du lossar tweaks genom att lägga till / * framför linjen och * / på baksidan. På samma sätt tar du bort / * framför och * / på baksidan för att aktivera en tweak.

Här är listan över tweaks som är tillgänglig just nu:

  • Ändra knapparna för navigeringsverktygsfältet.
  • Aktivera kvadratknappar
  • Ändra ikonets utseende
  • Ändra popup-popup-appen.
  • Ändra bokmärkesmeny och popup-utseende.
  • Gamla bokmärke verktygsfältets knapputseende
  • Andra knappinställningar (framåtknappar dölja, bakåt och framåtknappar separerade historik-popups, zoomknappar dölja återställning).
  • Anpassat bakåt och framåt knappar utseende
  • Applikation / hamburgarknapp på navigationsverktygsfältet
  • Applikation / hamburgarknapp i Firefox-titelraden (endast Windows)
  • Flikar utseende (stil, verktygsfältets placering, till exempel under verktygsfält (läs: flikar inte på toppen), flik titlar, ikoner och mer.
  • Ändra sökfältet, kontextmenyer, ikoner och andra verktygsfält.
  • Ändra stilen på platsraden.

Några av dessa är självförklarande. Andra är det inte, men du har två alternativ när det gäller dessa. Antingen aktivera dem och kolla in dem direkt, eller öppna CSS-filen som laddas för att ta reda på vad de gör. Det senare kräver viss kunskap om CSS.

Filen userContent.css använder samma layout. Det importerar CSS-filer, och det är upp till dig att aktivera eller inaktivera dessa.

En lista med föreslagna inbyggda gränssnittjusteringar och om: config-tweaks tillhandahålls också av projektet för att ändra Firefox utseende ytterligare.

Stängande ord

Custom CSS for Fx erbjuder många gränssnittsändringar för Firefox 57: s gränssnitt som inte kan göras med tillägg eller med inbyggda funktioner. Befintliga Firefox-användare kan tycka att det är användbart, särskilt om de hittills har använt Classic Theme Restorer eller ett jämförbart tillägg.

Uppdateringar släpps regelbundet av Aris; det är bra inte bara för ny funktionalitet som kan introduceras via tweaks, utan också för att hålla stilarna kompatibla med nya Firefox-versioner.