Tilpas Firefox 57 med CSS

Custom CSS for Fx er en samling af CSS-stilarter til Firefox 57 og nyere af forfatteren af ​​den populære Firefox add-on Classic Theme Restorer.

Firefox 57 understøtter ikke Classic Theme Restorer eller andre grænseflader, der skifter udvidelser eller temaer længere på grund af overgangen til et eksklusivt system til WebExtensions. Det nye WebExtensions-system forhindrer ændringer i browserens brugerflade ved ikke at give API'er til udvidelsesudviklere.

Den eneste mulighed, der er tilbage for Firefox-brugere til at ændre brugergrænsefladen, bortset fra hvad Mozilla leverer naturligt i Firefox, er at bruge CSS.

Firefox-brugere, der kender deres vej omkring CSS, kan redigere CSS-filer manuelt for at ændre deres version af webbrowseren. De fleste Firefox-brugere på den anden side gør det nok ikke, og det er her Custom CSS til Fx kommer i spil.

Tilpas Firefox 57 med CSS

Projektet er vært på GitHub, og det vedligeholdes af Aris, der er kendt for populære Firefox-tilføjelser som Classic Theme Restorer og NoiaButtons. Classic Theme Restorer blev oprettet som et svar på Australis-grænsefladen, som Mozilla lancerede i Firefox 29. Udvidelsen fungerer ikke længere i Firefox 57 eller nyere, fordi Mozilla droppede støtte til ældre tilføjelser i den Firefox-version og ikke introducerede muligheder til at ændre brugergrænsefladen som WebExtensions API.

Startens side af projektet indeholder information om placering af profilmappen i Firefox webbrowser og brug af de medfølgende stilarter til at ændre Firefox.

Den nemmeste måde at lokalisere profilmappen er ved at indlæse ca.: support i browserens adresselinje og klikke på knappen "åben mappe" under Grundlæggende om applikationer> Profilmappe.

Du skal oprette en mappe kaldet krom, hvis den ikke findes i roden af ​​profilbiblioteket. Når det er gjort, skal du kopiere arkivet ind i den mappe. Sørg for, at userChrome.css og userContent.css er placeret i roden af ​​chrome-mappen.

Dette er alt hvad der skal gøres for at føje disse brugerdefinerede stilarter til Firefox. Der er dog et andet skridt, som du måske ønsker at tage, og det er at tilpasse justeringerne.

Standardindstillingen af ​​tweaks kan appellere til nogle brugere, men CSS-filerne har muligheder for at aktivere eller deaktivere forskellige tweaks for at ændre grænsefladen yderligere.

Åbn filen userChrome.css i en almindelig teksteditor. Filen bruger kommandoen @import til at importere de faktiske CSS-stilarter fra CSS-filer. Dette gøres for at holde den vigtigste userChrome.css ryddig og gøre det lettere for brugere af Firefox at ændre det.

Linjer, der begynder med / * kommenteres, og de CSS-filer, de linker til, importeres ikke på grund af dette.

Hvad du skal gøre er at gennemgå listen en sektion ad gangen for at bestemme, hvilke af de tilgængelige tweaks, du gerne vil have aktiveret i Firefox.

Du aflæser justeringer ved at tilføje / * foran linjen og * / bagpå. På samme måde fjerner du / * foran og * / bagpå for at aktivere en finjustering.

Her er listen over justeringer, der er tilgængelig lige nu:

  • Rediger knapperne til navigationsværktøjslinjen.
  • Aktivér firkantede knapper
  • Skift ikonets udseende
  • Skift pop-up til appknap.
  • Skift bogmærke-menu og popup-udseende.
  • Gamle bogmærker på værktøjslinjeknappen
  • Andre knapindstillinger (Fremad knap skjule, tilbage og fremad knapper adskilt popup-popups, zoomknapper skjul nulstilling).
  • Brugerdefineret bagud og fremad knapper
  • Applikation / hamburger-knap på navigationsværktøjslinjen
  • Applikation / hamburger-knap i Firefox-titellinjen (kun Windows)
  • Fanebladets udseende (stil, værktøjslinjeposition for eksempel under værktøjslinjer (læs: faner ikke øverst), fanetitler, ikoner med mere.
  • Rediger søgefeltet, kontekstmenuer, ikoner og andre værktøjslinjer.
  • Skift stil på lokalitetslinjen.

Nogle af disse er selvforklarende. Andre er det ikke, men du har to muligheder, når det kommer til disse. Aktivér dem enten og tjek dem direkte, eller åbn den CSS-fil, der bliver indlæst for at finde ud af, hvad de gør. Sidstnævnte kræver dog noget kendskab til CSS.

UserContent.css-filen bruger det samme layout. Det importerer CSS-filer, og det er op til dig at aktivere eller deaktivere dem.

En liste over foreslåede native interface-justeringer og omkring: config-justeringer leveres også af projektet for at ændre Firefox's udseende yderligere.

Lukende ord

Custom CSS for Fx tilbyder masser af interface-ændringer til Firefox 57's interface, der ikke kan udføres ved hjælp af udvidelser eller ved hjælp af indbyggede funktioner. Eksisterende Firefox-brugere kan synes det er nyttigt, især hvis de indtil nu har brugt Classic Theme Restorer eller en sammenlignelig tilføjelse.

Opdateringer frigives regelmæssigt af Aris; det er godt ikke kun til ny funktionalitet, der muligvis introduceres via tweaks, men også for at holde stilarterne kompatible med nye Firefox-udgivelser.