Custom CSS för Fx är en samling av CSS-formatmallar för Firefox 57 och nyare av författaren till den populära Firefox add-on Klassiskt Tema Konservator.
Firefox 57 vann inte stöd för Classic Tema Konservator eller något annat gränssnitt ändra tillägg eller teman längre på grund av övergången till en WebExtensions exklusiva system. Den nya WebExtensions system förhindrar ändringar i webbläsarens användargränssnitt genom att inte erbjuda Api: er för att tillägg för utvecklare.
Det enda alternativet som återstår för Firefox-användare att ändra gränssnittet, bortsett från vad Mozilla erbjuder direkt i Firefox, är att använda CSS.
Firefox-användare som vet deras sätt runt om CSS kan redigera CSS-filer manuellt ändra sin version av webbläsare. De flesta Firefox-användare på andra sidan förmodligen inte, och det är där Egna CSS för Fx kommer in i bilden.
Anpassa Firefox 57 med CSS
Projektet finns på GitHub, och det upprätthålls av Aris, som är känd för populära Firefox add-ons som Klassiska Tema Konservator och NoiaButtons. Classic Tema Konservator skapades som ett svar på den Australis gränssnitt som Mozilla lanserade i Firefox 29. Förlängningen kommer inte att fungera i Firefox 57 eller nyare längre eftersom Mozilla tappade stöd för äldre tillägg i Firefox version, och inte införa funktioner för att ändra användargränssnitt som WebExtensions API.
Den startsida av projektet har information om hur du hittar profilen mappen Firefox-webbläsare, och med hjälp av den medföljande stilar för att ändra Firefox.
Det enklaste sättet att hitta en profil mapp genom att läsa in about:support i webbläsarens adressfält och klicka på “öppna mapp” – knappen under Ansökan Grunderna > Profil-Mappen.
Du behöver för att skapa en mapp som heter chrome om det inte finns i roten av profil-katalog. När detta är gjort, kopiera innehållet i arkivet i den mappen. Se till att userChrome.css och userContent.css finns i roten av chrome mappen.
Detta är allt som behöver göras för att lägga till dessa anpassade stilar till Firefox. Det finns dock ett annat steg som du kanske vill ta, och det är att anpassa tweaks.
Standard uppsättning av tweaks kan överklaga till vissa användare, men CSS-filer kommer med alternativ för att aktivera eller inaktivera olika tweaks för att ändra gränssnittet ytterligare.
Öppna userChrome.css-fil i en vanlig text-editor. Filen använder @import kommando för att importera själva CSS-stilar från CSS-filer. Detta görs för att hålla den viktigaste userChrome.css städa och göra det enklare för användare av Firefox för att ändra det.
Läs också: WebExtension Vimium-FF ger Vim-som kontrollerar att Firefox
Rader som börjar med /* är bortkommenterad och CSS-filer som de länkar till är inte importeras på grund av det.
Vad du behöver göra är att gå igenom noteringen till ett avsnitt i taget för att avgöra vilken av de tillgängliga tweaks du vill aktiverat i Firefox.
Du lasta tweaks genom att lägga till /* framför linjen och */. På samma sätt som du tar bort /* på framsidan och */ på baksidan för att aktivera en tweak.
Här är listan över tweaks som finns just nu:
- Ändra navigation knapparna i verktygsfältet.
- Aktivera Fyrkantiga knappar
- Ändrar ikonen utseende
- Ändra app-knappen popup.
- Ändra bokmärken och popup utseende.
- Gamla bokmärken knapp i verktygsfältet utseende
- Andra knappen inställningar (Framåt-knappen dölja, framåt och bakåt-knapparna för separerade historia popups, zoom knapparna dölja reset).
- Anpassade fram och tillbaka knappar utseende
- Ansökan/hamburger-knappen på verktygsfältet navigering
- Ansökan/hamburger-knappen i Firefox namnlist (endast Windows)
- Flikar utseende (stil, verktygsfältet position för exempel nedan verktygsfält (läs: flikar inte på topp), fliken titlar, ikoner och mycket mer.
- Ändra sökraden, sammanhangsberoende menyer, ikoner och andra verktygsfält.
- Ändra stil på platsen bar.
Några av dessa är självförklarande. Andra inte, men du har två alternativ när det kommer till dessa. Antingen aktivera dem och kolla in dem direkt, eller öppna den CSS-fil som får lastas för att ta reda på vad de gör. Detta kräver vissa kunskaper i CSS men.
Den userContent.css-filen använder samma layout. Det import CSS-filer, och det är upp till dig att aktivera eller inaktivera dem.
En lista med förslag native interface tweaks och about:config tweaks finns också projekt för att ändra utseendet på Firefox ytterligare.
Avslutande Ord
Custom CSS för Fx erbjuder massor av gränssnitt ändringar för Firefox 57 gränssnitt som inte kan göras med hjälp av tillägg eller med hjälp av inbyggda funktioner. Befintliga Firefox-användare kan finna det lämpligt, särskilt om de har använt Klassiska Tema Konservator eller en jämförbar add-on tills nu.
Uppdateringar släpps regelbundet av Aris, det är bra inte bara för nya funktioner som kan komma att införas genom tweaks, men också för att hålla de format som är kompatibla med nya Firefox versioner.