[Tips] Få Colored tittellinja Tilbake i Mozilla Firefox i Windows 10

[Tips] Få Colored tittellinja Tilbake i Mozilla Firefox i Windows 10


Vi fortalte deg i går om utgivelsen av Mozilla Firefox 40,0 versjonen til Stable kanal:

Denne nye Firefox-versjonen kommer med mange forbedringer sammen med støtte for Microsofts nye operativsystem Windows 10. Mozilla har optimalisert Firefox brukergrensesnitt samt funksjonalitet for Windows 10 OS som vist i følgende skjermbilde:


Men det er en liten UI sak som kan irritere noen få brukere. Som vi vet Microsoft tvinger Hvite tittellinjer i Windows 10, og selskapet ikke gir noen direkte mulighet til å deaktivere Hvite tittellinjer i programvinduene. Det er derfor Mozilla har satt sine egne bilde ressurser i Firefox nettleser for å trekke tittellinja og bildetekst knapper, slik at leseren ser bra ut i Windows 10 og viser ikke stygg Hvit tittellinja farge.

Det er et klokt trekk fra Mozilla men problemet oppstår hvis du bruker triks for å bli kvitt Hvite tittellinjer i Windows 10:

Hvis du bruker den innebygde Aero Lite tema eller vår AskVG Colors tema eller noen annen tredje part tema å få fargede tittellinjer i Windows 10, ødelegger det Mozilla Firefox se ut som vist i følgende skjermbilde:


Som du ser Firefox ser ikke bra hvis vi bruker et annet tema i Windows 10 .

For å løse dette problemet, vi deler en svært enkel å bruke triks som vil bringe tilbake de fargede tittellinjer i Mozilla Firefox nettleser i Windows 10 operativsystem.

Vi vil bruke en enkel CSS triks for å gjøre tittellinja og knapper i Firefox gjennomsiktig som vil tvinge Firefox til å ikke bruke egne ressurser til å trekke tittellinja elementer og det vil begynne å bruke den aktuelle Windows-tema farge og ressurser.

Hvis du vil bruke trick, vil vi dra nytte av den innebygde userChrome.css fil som må lages i Firefox Profile mappen.

Hvis du også ønsker å nyte farget tittellinja i Firefox nettleser under Windows 10, sjekk ut følge enkle trinn:

1. Først av alt vil vi opprette userChrome.css fil i "krom" -mappen inne brukerprofilen din Firefox-mappen. Hvis du ikke er klar over denne filen og profilmappen, sjekk ut følgende artikkel:

Bare skriv about: støtte i Firefox addressbar og trykk Enter. Det vil åpne feilsøking side som nevnt her. Nå klikker du på "Vis mappe" -knappen gitt ved siden av "Profil Folder" label. Det vil åpne Firefox profilmappe direkte. Nå opprette en ny mappe Chrome inni den, og deretter opprette en ny fil userChrome.css inne Chrome mappe.

2. Når du oppretter userChrome.css filen, åpne den i Notepad.

3. Nå lim følgende kode i filen. Hvis filen allerede finnes, og inneholder litt tekst, lime inn koden på slutten av filen:

# hovedvinduet [windowtype = "navigator: browser"] {background-color: transparent viktig;!}. tittellinja-knappen {background-color: gjennomsiktig viktig, overgang: background-color 0.2s letthet;}. titlebar-knappen > .toolbarbutton-ikonet {list-style-image: none;}. titlebar-knapp: hover {background-color: RGBA (0, 0, 0, 0,15) viktig;!} # tittellinja på nært hold: hover {background-color: ! # E81123 viktig;} # tittellinja på nært hold: hover > .toolbarbutton-ikonet {list-style-image: url ("chrome: //browser/skin/caption-buttons.svg#close-white")! viktig;}

4. Når du har limt inn koden, lagre filen og åpne Mozilla Firefox. Nå vil du se den fargede tittellinja og transparente knapper i Firefox-vinduet.


Takk til vår leser "Alex" for å dele kode ...

PS: Hvis du ikke er kjent med å skape denne filen, vi deler et ferdig userChrome.css fil for enkelhets skyld. Last ned følgende ZIP-fil, trekke ut det og du vil få userChrome.css filen:

Nå kopierer CSS-filen til Chrome mappe stede inni Firefox profilmappen som nevnt i trinn 1 og starter Firefox web Nettleseren skal tre i kraft

. MERK: Hvis du føler at tittelknapper er litt mørk i Firefox, kan du aktivere tittellinja i Firefox ved hjelp av følgende tutorial:

Det fikser problemet og du får innfødte tittelknapper i Firefox som ligner på den aktuelle Windows-tema.