Hvordan få Google Chrome Material Design Theme i Firefox

Hvis du ikke liker utseendet til de kvadrerte hjørnene på fanene i Firefox, kan du gi dem det avrundede utseendet til Chromes Material Design UI.

Hvis du ikke liker utseendet til kvadratethjørner på fanene i Firefox, kan du gi dem det avrundede utseendet til Chromes Material Design UI. Du kan også sette avrundede ender på adressefeltet og konvertere Firefox-verktøylinjeikonene til Material Design-ikoner. I dag viser vi deg hvordan du kan få Chrome's Material Design UI i Firefox.

Før du bytter til Material Design UI

Slik ser Firefox-fanene og ikonene ut før du bruker Material Design UI på Firefox:

Firkantede faner i Firefox før du bruker Material Design UI

Nå bruker vi Material Design UI på Firefox og får avrundede hjørner og materialdesignikonene.

Last ned og pakk ut de nødvendige filene

Last ned zip-filen for MaterialFox for å få de nødvendige filene.

Klikk på Clone eller last ned på websiden, og klikk deretter på Last ned ZIP. Lagre filen i en mappe på harddisken.

Last ned MaterialFox zip-fil

Pakk ut filene ved hjelp av det innebygde ekstraksjonsverktøyet i Windows eller et tredjepartsverktøy som 7-Zip eller WinZip.

Pakk ut MaterialFox zip-fil

Hvis du bruker Windows ’innebygde ekstraksjonsverktøy, klikker du på Bla for å velge et nedlastingssted.

Undersøk Vis utpakkede filer når du er fullført for å åpne et Filbehandling-vindu direkte til den nedlastede mappen når ekstraksjonen er fullført. Klikk Ekstrakt.

Windows 10 utdrag dialog

Åpne Firefox-profilmappen

Vi skal kopiere krom mappen fra MaterialFox-master mappen vi lastet ned. De krom mappen inneholder userChrome.css fil som brukes til å bruke Material Design UI på Firefox. Men først, la oss sjekke om du allerede har en krom mappen og din egen skikk userChrome.css filen i Firefox-profilmappen din.

For å åpne profilmappen din, skriv (eller kopier og lim inn) følgende bane i adressefeltet i File Explorer og trykk Enter.

% appdata% MozillaFirefoxProfiles

Lim inn profilbanen i File Explorer

Du kan også få tilgang til profilmappen din fra Firefox.

Type: om: support i adressefeltet og trykk Tast inn.

Eller du kan gå til Firefox-meny> Hjelp> Feilsøkingsinformasjon og deretter under Søknadsgrunnleggende, klikk Åpne mappe ved siden av Profilmappe.

Åpne profilmappen i Firefox

Chrome-profilen din åpnes i et nytt File Explorer-vindu. La dette vinduet være åpent.

Rediger en eksisterende userChrome.css-fil

Hvis du ikke allerede har en krommappe i profilmappen din, kan du hoppe til neste seksjon.

Hvis du har en krom mappen i profilmappen din og en userChrome.css filen i krommappen, så redigerer vi den eksisterende userChrome.css fil. På den måten mister du ikke tilpasningene du allerede har brukt.

De MaterialFox-master mappen du lastet ned inneholder en krom mappe med en userChrome.css fil i den. Åpne det userChrome.css filen i en tekstredigerer som Notisblokk, kopier alt i den, og lukk filen.

Åpne din egen userChrome.css fil (i krom mappen inne i profilmappen din) i et tekstredigeringsprogram. Lim inn teksten du kopierte på slutten av userChrome.css filen og lagre og lukk filen.

Kopier innholdet i MaterialFox userChrome.css-filen

Kopier og lim inn den nedlastede krommappen

Hvis du ikke allerede har en krom mappen i profilmappen din, åpner du et nytt File Explorer-vindu og åpner deretter MaterialFox-master mappen du hentet ut.

Kopier krom mappen i MaterialFox-master mappe.

Kopier krommappe i MaterialFox-mappen

Gå tilbake til File Explorer-vinduet med profilmappen din åpen.

Lim inn krom mappen du kopierte fra MaterialFox-master mappen inn i profilmappen din.

Lim inn krommappen i Firefox-profilen din

Fest de svarte fanene og merkelige ikonene

Åpne Firefox for å se resultatet av de nye innstillingene for Material Design UI.

Du vil merke at fanene er svarte, og ikonene ser rare ut.

Black Material Design-faner i Firefox

Vi løser dette problemet ved hjelp av en Firefox-konfigurasjonsinnstilling.

Type: about: config i adressefeltet i Firefox og trykk Tast inn. Du får se en advarsel.

Klikk Jeg aksepterer risikoen! å fortsette.

Gå til about: config i Firefox

Type: svg.context i Søk eske. Følgende innstillinger vises:

svg.context-properties.content.enabled

Denne innstillingen er satt til falsk som standard, noe som betyr at den er deaktivert.

For å aktivere funksjonen, dobbeltklikk den for å endre verdien til ekte. Du kan også høyreklikke på innstillingen og velge Veksle.

Dobbeltklikk på innstillingen svg.context

Bytt nå til en hvilken som helst annen fane, eller start Firefox på nytt. De svarte fanene og merkelige ikonene er løst.

Svarte faner i Firefox løst

Vis Windows 10 aksentfarge på Firefox tittellinje

I Windows 10 er det en ting til å endre, hvis du vil at tittellinjen og inaktive faner i Firefox ikke skal være svarte.

Klikk innstillinger på Start-menyen og gå til Personalisering> Farger.

Undersøk Tittellinjer og vinduskanter boks under Vis aksentfarge på følgende overflater.

Vis aksentfargealternativer i Windows 10

Nyt Material Design UI i Firefox

Nå har fanene fine avrundede hjørner, og ikonene har Material Design-utseendet. Og tittellinjen og inaktive faner har aksentfargen du valgte i Windows 10-innstillingene.

Aksentfarge på tittellinjen i Firefox

Avinstaller Material Design UI fra Firefox

Hvis du bestemmer deg for at du vil gå tilbake til de skarpe hjørnene på fanene og de originale ikonene i Firefox, er det enkelt. Gjør ett av følgende:

  • Hvis du kopierte krom mappen fra MaterialFox-master mappen til profilmappen din, slett den krommappen.
  • Hvis du kopierte teksten fra userChrome.css filen i MaterialFox-master mappen og limte den inn i din egen userChrome.css fil, åpne din userChrome.css fil og slett teksten du limte inn i den.
0

Lignende artikler

Legg igjen en kommentar