Custom CSS voor Fx is een verzameling CSS-stijlen voor Firefox 57 en nieuwer door de auteur van de populaire Firefox add-on Classic Theme Restorer.
Firefox 57 ondersteunt geen Classic Theme Restorer of andere interface-veranderende extensies of thema's meer vanwege de overschakeling naar een exclusief systeem van WebExtensions. Het nieuwe WebExtensions-systeem voorkomt wijzigingen in de gebruikersinterface van de browser door geen API's te verstrekken aan ontwikkelaars van extensies.
De enige optie die Firefox-gebruikers overlaten om de gebruikersinterface te wijzigen, afgezien van wat Mozilla standaard in Firefox biedt, is het gebruik van CSS.
Firefox-gebruikers die de weg weten in CSS, kunnen CSS-bestanden handmatig bewerken om hun versie van de webbrowser te wijzigen. De meeste Firefox-gebruikers daarentegen waarschijnlijk niet, en dat is waar Custom CSS voor Fx in het spel komt.
Pas Firefox 57 aan met CSS
Het project wordt gehost op GitHub en wordt onderhouden door Aris, die bekend staat om populaire Firefox-add-ons zoals Classic Theme Restorer en NoiaButtons. Classic Theme Restorer is gemaakt als reactie op de Australis-interface die Mozilla in Firefox 29 heeft gelanceerd. De extensie werkt niet meer in Firefox 57 of nieuwer omdat Mozilla ondersteuning voor verouderde add-ons in die Firefox-versie liet vallen en geen mogelijkheden introduceerde om de gebruikersinterface te wijzigen als WebExtensions API.
De startpagina van het project biedt informatie over het vinden van de profielmap van de Firefox-webbrowser en het gebruik van de aangeboden stijlen om Firefox te wijzigen.
De eenvoudigste manier om de profielmap te vinden is door over: support in de adresbalk van de browser te laden en te klikken op de knop "map openen" onder Basisprincipes van toepassing> Profielmap.
U moet een map met de naam chrome maken als deze niet bestaat in de hoofdmap van de profieldirectory. Als u klaar bent, kopieert u de inhoud van het archief naar die map. Zorg ervoor dat userChrome.css en userContent.css zich in de hoofdmap van de map Chrome bevinden.
Dit is alles dat moet worden gedaan om deze aangepaste stijlen aan Firefox toe te voegen. Er is echter nog een stap die u misschien wilt zetten, en dat is het aanpassen van de aanpassingen.
De standaardset tweaks kan sommige gebruikers aanspreken, maar de CSS-bestanden hebben opties om verschillende tweaks in of uit te schakelen om de interface verder te wijzigen.
Open het bestand userChrome.css in een teksteditor. Het bestand gebruikt de opdracht @import om de werkelijke CSS-stijlen uit CSS-bestanden te importeren. Dit wordt gedaan om de belangrijkste userChrome.css netjes te houden en het voor gebruikers van Firefox gemakkelijker te maken deze te wijzigen.
Regels die beginnen met / * worden uitgeschakeld en de CSS-bestanden waaraan ze zijn gekoppeld, worden daarom niet geïmporteerd.
Wat u moet doen, is de sectie één voor één doornemen om te bepalen welke van de beschikbare tweaks u wilt inschakelen in Firefox.
Je lost tweaks uit door / * voor de regel en * / achter toe te voegen. Op dezelfde manier verwijdert u / * vooraan en * / achteraan om een tweak in te schakelen.
Hier is de lijst met tweaks die nu beschikbaar is:
- Pas de navigatieknoppen op de werkbalk aan.
- Squared-knoppen inschakelen
- Wijzig het uiterlijk van het pictogram
- Wijzig de pop-up van de app-knop.
- Wijzig het bladwijzermenu en de pop-upweergave.
- Het uiterlijk van de oude bladwijzerwerkbalkknop
- Andere knopinstellingen (knop Vooruit verbergen, terug en vooruit knoppen gescheiden geschiedenis pop-ups, zoomknoppen verbergen reset).
- Aangepast uiterlijk van vooruit en achteruit knoppen
- Toepassing / hamburgerknop op navigatiewerkbalk
- Knop Toepassing / hamburger in de titelbalk van Firefox (alleen Windows)
- Uiterlijk van tabbladen (stijl, werkbalkpositie bijvoorbeeld onder werkbalken (lees: tabbladen niet bovenaan), tabtitels, pictogrammen en meer.
- Wijzig de zoekbalk, contextmenu's, pictogrammen en andere werkbalken.
- Wijzig de stijl van de locatiebalk.
Sommige hiervan spreken voor zichzelf. Anderen niet, maar je hebt twee opties als het gaat om deze. Schakel ze in en bekijk ze direct, of open het CSS-bestand dat wordt geladen om erachter te komen wat ze doen. Dit laatste vereist echter enige kennis van CSS.
Het bestand userContent.css gebruikt dezelfde lay-out. Het importeert CSS-bestanden en het is aan u om deze in of uit te schakelen.
Een lijst met voorgestelde native interface-aanpassingen en over: configuratie-aanpassingen worden ook verstrekt door het project om het uiterlijk van Firefox verder te wijzigen.
Slotwoorden
Aangepaste CSS voor Fx biedt tal van interfacemodificaties voor de interface van Firefox 57 die niet kunnen worden gedaan met behulp van extensies of ingebouwde functies. Bestaande Firefox-gebruikers kunnen het nuttig vinden, vooral als ze tot nu toe Classic Theme Restorer of een vergelijkbare add-on hebben gebruikt.
Updates worden regelmatig uitgegeven door Aris; dat is niet alleen goed voor nieuwe functionaliteit die mogelijk via tweaks wordt geïntroduceerd, maar ook om de stijlen compatibel te houden met nieuwe Firefox-releases.
