Kuinka saada Google Chromen materiaalisuunnittelun teema Firefoxista

Jos et pidä Firefoxin välilehtien neliömäisten kulmien ulkonäöstä, voit antaa heille Chromen Material Design UI -sovelluksen pyöristetyn ulkoasun.

Jos et pidä neliön ulkoasustaFirefoxin välilehtien kulmat, voit antaa heille Chromen Material Design UI -sovelluksen pyöristetyn ulkonäön. Voit myös laittaa pyöristetyt päät osoitepalkkiin ja muuntaa Firefox-työkalurivikuvakkeet Materiaalisuunnittelu-kuvakkeiksi. Tänään osoitamme sinulle, kuinka voit hankkia Chromen materiaalisuunnittelun käyttöliittymän Firefoxissa.

Ennen kuin siirryt materiaalisuunnittelu-käyttöliittymään

Tässä on miten Firefox-välilehdet ja kuvakkeet näyttävät ennen Material Design UI: n asettamista Firefoxiin:

Suorat välilehdet Firefoxissa ennen Material Design UI: n asettamista

Nyt käytämme Material Design -käyttöliittymää Firefoxiin ja saamme pyöristetyt kulmat ja materiaalisuunnittelukuvakkeet.

Lataa ja purkaa tarvittavat tiedostot

Lataa MaterialFox-zip-tiedosto saadaksesi tarvittavat tiedostot.

Napsauta Kloonaa tai lataa verkkosivulta ja napsauta sitten Lataa ZIP. Tallenna tiedosto kiintolevyn kansioon.

Lataa MaterialFox-zip-tiedosto

Pura tiedostot Windowsin sisäänrakennetulla poistotyökalulla tai muun valmistajan työkalulla, kuten 7-Zip tai WinZip.

Pura MaterialFox-zip-tiedosto

Napsauta Jos käytät Windowsin sisäänrakennettua poistotyökalua Selaa valitaksesi latauspaikan.

Tarkista Näytä puretut tiedostot, kun se on valmis -ruutu avata File Manager -ikkunan suoraan ladattuun kansioon, kun purku on valmis. Klikkaus Ottaa talteen.

Windows 10 -poimintaikkuna

Avaa Firefox-profiilikansio

Aiomme kopioida kromi -kansio MaterialFox-master lataamme kansio. kromi kansio sisältää userChrome.css tiedosto, jota käytetään Material Design UI: n soveltamiseen Firefoxiin. Mutta ensin tarkistetaan, onko sinulla jo kromi kansio ja omat mukautuksesi userChrome.css tiedosto Firefox-profiilikansioon.

Avaa profiilikansio kirjoittamalla (tai kopioimalla ja liittämällä) seuraava polku tiedoston Resurssien osoiteriville ja painamalla Enter.

% Appdata% MozillaFirefoxProfiles

Liitä profiilin polku File Exploreriin

Voit käyttää profiilikansioasi myös Firefoxista.

Tyyppi: Tietoja: tuki osoiteriville ja paina Tulla sisään.

Tai voit mennä Firefox-valikko> Ohjeet> Vianmääritystiedot ja sitten alla Sovelluksen perusteet, klikkaus Avaa kansio vieressä Profiilikansio.

Avaa profiilikansio Firefoxissa

Chrome-profiili avautuu uudessa File Explorer -ikkunassa. Jätä tämä ikkuna auki.

Muokkaa olemassa olevaa userChrome.css-tiedostoa

Jos sinulla ei vielä ole kromi-kansiota profiilikansiossasi, siirry seuraavaan kohtaan.

Jos sinulla on kromi -kansio profiilikansiossasi ja a userChrome.css tiedosto kromi-kansioon, muokkaamme olemassa olevaa userChrome.css tiedosto. Tällä tavoin et menetä jo tehtyjä mukautuksia.

Ja MaterialFox-master lataamasi kansio sisältää a kromi kansio, jossa on userChrome.css arkistoida siihen. Avaa se userChrome.css tiedosto tekstieditorissa, kuten Muistiossa, kopioi kaikki siinä olevat ja sulje tiedosto.

Avaa sitten oma userChrome.css tiedosto ( kromi -kansio profiilikansioosi) tekstieditorissa. Liitä kopioitu teksti kopion loppuun userChrome.css tiedosto ja tallenna ja sulje tiedosto.

Kopioi MaterialFox userChrome.css-tiedoston sisältö

Kopioi ja liitä ladattu kromi-kansio

Jos sinulla ei vielä ole kromi avaa uusi File Explorer -ikkuna ja avaa sitten MaterialFox-master hakemasi kansio.

Kopioi kromi -kansio MaterialFox-master kansio.

Kopioi kromi-kansio MaterialFox-kansioon

Palaa File Explorer -ikkunaan profiilikansio auki.

Liitä kromi kansiosta, jonka kopioit MaterialFox-master -kansio profiilikansioosi.

Liitä kromi-kansio Firefox-profiiliisi

Korjaa mustat välilehdet ja omituisen näköiset kuvakkeet

Avaa Firefox nähdäksesi tulokset uusista Material Design UI -asetuksista.

Huomaat, että välilehdet ovat mustia ja kuvakkeet näyttävät oudolta.

Musta materiaalisuunnittelu -välilehdet Firefoxissa

Korjaamme tämän ongelman Firefox-määritysasetuksella.

Tyyppi: about: config Firefox-osoitepalkissa ja paina Tulla sisään. Näet varoitusviestin.

Klikkaus Hyväksyn riskin! jatkaa.

Siirry kohtaan: config Firefoxissa

Tyyppi: svg.context että Etsi laatikko. Seuraava asetus näkyy:

svg.context-properties.content.enabled

Tämä asetus on asetettu väärä oletuksena, mikä tarkoittaa, että se on poistettu käytöstä.

Ota ominaisuus käyttöön kaksoisnapsauttamalla sitä muuttaaksesi sen arvoksi totta. Voit myös napsauttaa haluamaasi painiketta hiiren kakkospainikkeella ja valita Indonesialainen.

Kaksoisnapsauta svg.context -asetusta

Vaihda nyt mihin tahansa muihin välilehtiin tai käynnistä Firefox uudelleen. Mustat välilehdet ja omituisen näköiset kuvakkeet ovat kiinteitä.

Firefoxin mustat välilehdet on korjattu

Näytä Windows 10 -tarkennusväri Firefox-otsikkopalkissa

Windows 10: ssä on vielä yksi muutettavissa oleva asia, jos haluat, että otsikkopalkki ja Firefoxin passiiviset välilehdet eivät ole mustia.

Klikkaus Asetukset Käynnistä-valikossa ja siirry kohtaan Mukauttaminen> Värit.

Tarkista Otsikkorivit ja ikkunoiden reunat ruutu alla Näytä korostusväri seuraavilla pinnoilla.

Näytä korostusvärivaihtoehdot Windows 10: ssä

Nauti Firefoxin Material Design UI -sovelluksesta

Nyt välilehdillä on kauniit pyöristetyt kulmat ja kuvakkeilla on materiaalisuunnittelu. Ja otsikkorivillä ja passiivisilla välilehdillä on korostusväri, jonka valitsit Windows 10 -asetuksissa.

Aksenttiväri Firefox-otsikkopalkissa

Poista Material Design UI Firefoxista

Jos päätät palata takaisin välilehtien teräviin kulmiin ja Firefoxin alkuperäisiin kuvakkeisiin, se on helppoa. Tee yksi seuraavista:

  • Jos kopioit kromi -kansio MaterialFox-master Poista kansio profiilikansioosi, poista kromi-kansio.
  • Jos kopioit tekstiä userChrome.css tiedosto MaterialFox-master -kansio ja liitä se omaan userChrome.css tiedosto, avaa userChrome.css tiedosto ja poista siihen liittämäsi teksti.
0

Samankaltaisia ​​artikkeleita

Jätä kommentti