Aangepaste CSS voor de Fx is een verzameling van CSS-stijlen om Firefox 57 en later door de auteur van de populaire Firefox-add-on Klassieke Thema Restaurateur.
Firefox 57 niet ondersteunen Klassieke Thema Restaurator of een andere interface wijzigen van extensies of thema ‘ s meer vanwege de overstap naar een WebExtensions exclusieve systeem. De nieuwe WebExtensions systeem voorkomt dat wijzigingen aan de browser user interface door het niet verstrekken van Api ‘ s om extensies ontwikkelaars.
De enige optie die overblijft voor Firefox gebruikers wijzigen van de UI, afgezien van wat Mozilla biedt native in Firefox, is om CSS te gebruiken.
Firefox-gebruikers die hun weg weten in CSS kan bewerken CSS-bestanden handmatig te wijzigen, hun versie van de webbrowser. De meeste Firefox gebruikers aan de andere kant waarschijnlijk niet, en dat is waar de Aangepaste CSS voor de Fx in het spel komt.
Het aanpassen van Firefox 57 met CSS
Het project wordt gehost op GitHub, en het wordt onderhouden door Aris van wie bekend is dat voor de populaire Firefox-add-ons, zoals de Klassieke Thema Restaurateur en NoiaButtons. Klassieke Thema Restaurateur werd opgericht als een reactie op de Australis interface die Mozilla lanceerde in Firefox 29. De extensie werkt niet in Firefox 57 of nieuwer meer omdat Mozilla liet ondersteuning voor legacy add-ons in Firefox versie, en de introductie van de mogelijkheden voor het wijzigen van de user interface zoals WebExtensions API.
De startpagina van het project biedt informatie over het vinden van de profiel-map van de Firefox webbrowser, en met behulp van de bijgeleverde stijlen te wijzigen Firefox.
De makkelijkste manier om te zoeken in de profiel-map is door het laden van about:support in de adresbalk van de browser en klik op de “map openen” knop onder de Toepassing Basics > Profiel-Map.
Moet u een map met de naam chrome als het niet bestaat in de hoofdmap van de map met het profiel. Eenmaal gedaan, kopieer de inhoud van het archief in de map. Zorg ervoor dat userChrome.css en userContent.css bevinden zich in de hoofdmap van de map chrome.
Dit is alles wat gedaan moet worden met het toevoegen van deze aangepaste stijlen om Firefox. Er is echter een andere stap die je wilt nemen, en dat is het aanpassen van de tweaks.
De standaard set van tweaks kan beroep doen op een aantal gebruikers, maar de CSS-bestanden komen met opties voor het inschakelen of uitschakelen van verschillende tweaks voor het wijzigen van de interface verder.
Open de userChrome.css-bestand in een tekst-editor. Het bestand maakt gebruik van de @import commando om het te importeren in de werkelijke CSS-stijlen van CSS-bestanden. Dit is gedaan om te houden van de belangrijkste userChrome.css netjes en maken het makkelijker voor gebruikers van Firefox te wijzigen.
Lees ook: NoScript 5.0 add-on voor Firefox uitgebracht
Regels die beginnen met ‘ / * zijn toegelicht, en de CSS-bestanden ze een koppeling worden niet geïmporteerd.
Wat u moet doen is gaan door de notering een sectie op een tijd om te bepalen welke van de beschikbare tweaks die u wilt ingeschakeld in Firefox.
U lossen tweaks door het toevoegen van /* in de voorkant van de lijn en */ op de rug. Ook kunt u verwijderen /* in voor-en */ op de rug om een tweak.
Hier is de lijst van de tweaks die is nu verkrijgbaar:
- Wijzigen navigatie knoppen op de werkbalk.
- Schakel in het Kwadraat toetsen
- Pictogram wijzigen uiterlijk
- Wijzig de knop app pop.
- Wijzigen bladwijzers op menu en pop-up uitstraling.
- Oude bookmarks toolbar knop uiterlijk
- Andere instellingen van de button (knop verbergen, knoppen vooruit en terug gescheiden geschiedenis popups, zoom knoppen verbergen reset).
- Aangepaste knoppen vooruit en terug verschijning
- Toepassing/hamburger-knop op de werkbalk navigatie
- Toepassing/hamburger-knop in Firefox titelbalk (alleen Windows)
- Tabbladen weergave (stijl, de positie van de werkbalk bijvoorbeeld onder werkbalken (lees: tabs niet op de top), tabblad titels, symbolen en meer.
- Wijzigen zoekbalk, context menu ‘ s, pictogrammen en andere werkbalken.
- Verander de stijl van de locatiebalk.
Sommige van deze zijn vanzelfsprekend. Anderen zijn het niet, maar u hebt twee opties als het gaat om deze. Inschakelen ze en bekijk ze direct, of open het CSS-bestand dat wordt geladen om uit te vinden wat ze doen. Het laatste vereist enige kennis van CSS is echter.
De userContent.css-bestand maakt gebruik van dezelfde lay-out. Het importeert CSS-bestanden, en het is aan u om te activeren of deactiveren.
Een lijst van voorgestelde native interface tweaks en about:config tweaks zijn verstrekt en door het project te wijzigen Firefox uiterlijk verder.
Slotwoord
Aangepaste CSS voor Fx biedt tal van interface aanpassingen voor Firefox 57-interface die kan worden gedaan met behulp van extensies of met behulp van de ingebouwde functies. Bestaande Firefox-gebruikers kan het handig zijn, vooral als ze gebruik hebben gemaakt van Klassieke Thema Restaurator of een vergelijkbare add-on tot nu toe.
Updates worden regelmatig uitgebracht door Aris; dat is niet alleen goed voor nieuwe functionaliteit die kunnen voorgesteld worden door middel van aanpassingen, maar ook om de stijlen compatibel is met de nieuwe Firefox-versies.