Kuinka tehdä oma Google Chrome -teema

Oletko koskaan halunnut muokata verkkoselaimesi ulkoasua? Google Chromen teemoja voidaan käyttää juuri tähän. Chrome-teemakaupassa voi olla valtava valikoima vaihtoehtoja avaruusteemoista autoihin ja kauniisiin maisemiin, mutta entä jos mikään ei ovatko nämä vaihtoehdot aivan mitä haluat, vai haluatko muokata Chromea niin, että sen sijaan yksi omista kuvistasi on taustalla? No, onneksi voit tehdä juuri niin.

On kaksi tapaa luoda oma teema. Chromessa on yksinkertainen sisäänrakennettu toiminto, jonka avulla voit tuoda taustakuvan uudelle välilehdelle ja muokata käyttöliittymän värimaailmaa useista esiasetuksista. Jos Chromen sisäänrakennetussa ominaisuudessa ei ole haluamaasi määrää mukautusvaihtoehtoja, verkkosivusto nimeltään TeemaBeta onko sinulla kattava, mutta silti helppokäyttöinen Chrome-teeman luoja (vaikka asennusprosessi onkin hieman monimutkaisempi). Tässä artikkelissa opastamme sinut oman Chrome-teeman luomiseen molemmilla työkaluilla.

Yksinkertainen sisäänrakennettu Chrome-työkalu

Jos haluat käyttää sisäänrakennettua Chrome-teemaeditoria, avaa uusi välilehti. Uusi välilehti -sivun oikeassa alakulmassa on kynäkuvake. Napsauta tätä muokataksesi Chromen ulkoasua.

Avaa teemaeditori napsauttamalla kynäkuvaketta.

Ponnahdusikkunassa, joka tulee näkyviin, kun olet napsauttanut kynäkuvaketta, ensimmäinen vaihtoehto on määrittää taustakuva. Täällä voit valita hyvin rajoitetun määrän esiasetettuja vaihtoehtoja tai voit ladata oman kuvan. Tämä taustakuva koskee vain uutta välilehteä, siitä ei tule taustaa millään todellisella verkkosivustolla.

Valitse uuden välilehden sivun taustakuva.

Kun olet valinnut taustakuvan, siirry "Väri ja teema" -välilehteen. Täällä voit valita väriyhdistelmien valikoimasta. Nämä värivaihtoehdot vaikuttavat välilehden ja Chrome-käyttöliittymän muodostavien haku- ja kirjanmerkkipalkkien väreihin. Toisin sanoen useimmilla vierailemillasi sivustoilla nämä värit näkyvät paremmin kuin taustakuvasi vain siksi, että selaimen yläpalkki on aina tämän värinen!

Valitse esiasetettu väriteema.

Jos mikään esiasetetuista väriteemista ei ole aivan sitä, mitä haluat, vasemman yläkulman värivaihtoehdon avulla voit valita oman väriteeman, josta voit valita täyden valikoiman värivaihtoehtoja. Valitse väri napsauttamalla ensin vasemmassa yläkulmassa olevaa symbolia ja valitse sitten haluamasi väri näkyviin tulevasta ponnahdusikkunasta. Säädä värispektrin hiusristikkoa saadaksesi sävyn ja ikkunan oikealla puolella olevaa mustaa nuolta sävyn kirkkauden valitsemiseksi. Jos et ole varma, miten tämä toimii – mitä pidemmälle siirrät mustaa nuolta ylös tai alas, sitä vaaleammaksi tai tummemmaksi värisi tulee. Voimakkaampia sävyjä varten aseta hiusristikko lähelle yläosaa ja nuoli keskelle. Vaaleampia värejä varten siirrä hiusristikkoa hieman alemmas ja nuolta ylös.

Kun olet valinnut haluamasi värin, napsauta oikeasta alakulmasta "Lisää mukautettuihin väreihin". Valitse seuraavaksi mukautettu väri "Muokatut värit" -luettelosta vasemmassa alakulmassa ja napsauta sitten "OK" ottaaksesi sen käyttöön. Jos valitset mukautetun väriteeman, voit valita vain yhden värin. Chrome valitsee toisen samanlaisen värin täydentääkseen teemaa sen mielestä parhaiten sopivalla värillä.

Vinkki: Chrome olettaa melkein aina, että valitsemasi väri on tummempi kahdesta teemaväristä, ja valitsee vaaleamman toisen sävyn. Valitse sen mukaan!

Valitse mukautettu väriteema.

Kun olet tyytyväinen taustakuvaasi ja värivalikoimaasi, napsauta "Valmis" tallentaaksesi mukautetun teemasi, ja olet valmis!

Kolmannen osapuolen teemat on tehty yksinkertaisiksi

Jos haluat yksinkertaisen teeman, Chromen sisäänrakennetun työkalun pitäisi riittää, mutta jos haluat enemmän yksilöllisyyttä, TeemaBeta tarjoaa enemmän hallintaa. Sivustolla voit muokata manuaalisesti etualan ja taustan välilehtien värejä, välilehtipalkkien tekstiä ja paljon muuta.

Ensinnäkin sinun täytyy selata ThemeBetan verkkosivustoa. Voit selata heidän lähettämiä teemoja kotisivulletai voit mennä suoraan heidän luokseen teeman luojasivu aloittaaksesi omasi. Ensimmäinen askel, kun olet teeman luojassa, on valita taustakuva. Napsauta "1. Lataa kuva” ja lataa sitten kuva kiintolevyltäsi. Tämä kuva on teemasi perusta ja taustakuva uuden välilehden sivulla.

Vinkki: Kaikkien lataamiesi kuvien on oltava joko PNG- tai JPG-tiedostomuodossa, koska nämä ovat ainoat tuetut tiedostomuodot. Käytä online-muunninta, jos kuvasi on jotain muuta.

Jos lataamasi kuva ei näytä aivan oikealta, se saattaa olla liian zoomattu tai siinä voi olla palkkeja sivuilla tai yläosassa – sinun kannattaa yrittää muuttaa "Taustakuva"-asetuksia. Vastaavasti ne määrittävät vaakasuuntauksen, pystysuuntauksen, jos kuva toistuu, jos se on liian pieni näytölle, kuinka kuva skaalataan näytölle sopivaksi ja manuaalinen skaalaussäätö. Testaa vaihtoehtoja, kunnes löydät jotain, johon olet tyytyväinen!

Määritä taustakuvasi sijainti.

Kun kuvasi on ladattu, sivun oikealla puolella oleva esikatselu päivittyy kuvaamaan, miltä teemasi näyttää. Toinen vaihe on napsauttaa "2. Luo värejä”, tämä painike käyttää lataamassasi kuvassa olevia värejä luodakseen samanlaisia ​​värejä käytettäväksi muussa käyttöliittymässä.

Jos automaattisesti luotu värimaailma sopii haluamaasi ilmeeseen, voit siirtyä tästä eteenpäin asennusohjeet. Mutta jos haluat määrittää manuaalisesti esimerkiksi etualalla olevien välilehtien, taustavälilehtien ja työkalupalkin värit, yksityiskohdat käsitellään alla olevassa lisäasetukset-osiossa.

Lisäasetukset

Vasemmassa yläkulmassa on kaksi lisäasetusvaihtoehtojen välilehteä, joista ensimmäinen on "Kuvat". Täällä voit määrittää taustakuvan tietyille elementeille. Kun siirrät hiiren kunkin vaihtoehdon päälle, se korostaa punaisella elementin, jota kyseinen asetus muuttaisi esikatselussa.

Vie hiiri vaihtoehtojen päälle nähdäksesi, mitä käyttöliittymän osaa ne muuttavat.

Vinkki: NTP tarkoittaa "New Tab Page", tällä lyhenteellä alkavat vaihtoehdot ovat vain uuden välilehden sivulla, muut näkyvät muilla sivuilla.

  • "NTP-tausta" määrittää päätaustan, jos tuot kuvan aiemmin, se on jo "Ladattu".
  • "Frame" määrittää käyttöliittymän pois lukien välilehtiluettelo, hakupalkki ja kirjanmerkkipalkki.
  • "Työkalupalkki" määrittää aktiivisen välilehden, kirjanmerkkipalkin ja hakupalkkia ympäröivän alueen.
  • "Välilehden tausta" määrittää ei-aktiivisten välilehtien taustavärin.
  • "Frame overlay" -asetuksella voit määrittää toisen kuvan, joka peittää kuvan "Frame"-alueella.
  • "NTP Attribution" lisää kuvan uuden välilehden sivun vasempaan alakulmaan, yleensä vesileimatarkoituksiin.

Vinkki: Jos olet ladannut kuvan etkä pidä sen ulkonäöstä, voit poistaa sen napsauttamalla Ladattu-merkin vieressä olevaa X-painiketta. Jos kuvan lataaminen muutti kyseisen elementin taustaväriä, voit joko palauttaa sen manuaalisesti tai nollata väriteeman napsauttamalla "Luo värit" uudelleen "Perus"-välilehdellä.

Toinen lisävälilehti on nimeltään "Värit". Täällä – kuten edellisen sivun vaihtoehdoissa, joiden vieressä oli laatikko – voit käyttää ruutua avataksesi värivalitsimen ja valitaksesi tasavärin vastaaville elementeille. Jälleen kerran, jos siirrät hiiren määritysvaihtoehdon päälle, se korostaa asianomaisen elementin esikatselussa punaisella.

Napsauta ruutua avataksesi vastaavien elementtien värivalitsin.
  • "Työkalupalkki" määrittää ThemeBeta-attribuutiotunnisteen taustavärin uuden välilehden sivun vasemmassa alakulmassa.
  • "Tab Text" määrittää välilehtiluettelon aktiivisen välilehden tekstin värin. Se määrittää myös ThemeBeta-attribuutiotekstin värin uuden välilehden sivun vasemmassa alakulmassa.
  • "Taustavälilehden teksti" määrittää välilehtiluettelon ei-aktiivisten välilehtien tekstin värin.
  • "Kirjanmerkkiteksti" määrittää kirjanmerkkipalkin kohteiden tekstin värin.
  • "NTP-teksti" määrittää tekstin värin tai suositellut/säännölliset sivulinkit sivun keskellä.
  • "NTP-linkillä" ei ole vaikutusta.
  • "Ohjauspainikkeet" määrittää oikeassa yläkulmassa olevien pienennys-, suurennus- ja sulkemispainikkeiden värin.
  • "Buttons" määrittää eteenpäin-, taaksepäin-, uudelleenlataus- ja kotipainikkeiden värit.

Kun olet määrittänyt kaikki lisäasetukset haluamallasi tavalla, olet valmis jatkamaan asennusprosessia.

Kolmannen osapuolen teeman asennus

Turvallisuussyistä Google sallii nyt vain laajennuksien ja teemojen asentamisen Chrome Webstoren kautta. Mukautetun teeman asentamiseksi sinun on otettava käyttöön kehittäjäominaisuus. Valitettavasti tämä muutos tarkoittaa, että yksinkertainen "Pakkaa ja asenna" -painike sekä "Perus"- että "Pack"-välilehdellä ei enää toimi. Jos yrität "Pakkaa ja asenna" -menetelmää, saat virheilmoituksen.

Kolmannen osapuolen CRX-tiedostoja ei voi asentaa Chromeen.

Voit kiertää tämän siirtymällä "Pack"-välilehdelle ja napsauttamalla "Pakkaa ja lataa Zip-tiedosto".

Napsauta "Pakkaa ja lataa zip-tiedosto" -painiketta "Pack"-välilehdellä.

Kun zip-tiedosto on ladattu, pura tiedostot ja tallenna ne kiintolevyllesi. Kaksoisnapsauta lataamaasi tiedostoa ja valitse tiedostojen katseluohjelman yläreunasta Pura. Sinun on valittava, mihin tiedostot puretaan. Muista, mihin tallennat ne, jotta voit ladata ne uudelleen helpommin.

Vihje: Jos nimeät kansion uudelleen osoittamaan, mikä teema on, sen löytäminen voi olla helpompaa tulevaisuudessa, jos haluat käyttää sitä uudelleen.

Pura tiedostot ZIP-tiedostosta ja tallenna ne kiintolevyllesi.

Seuraava vaihe on Chromen laajennussivu. Pääset siihen napsauttamalla kolmea pistettä oikeassa yläkulmassa, kohdassa "Lisää työkaluja" ja sitten "Laajennukset" tai napsauttamalla tässä.

Napsauta kolmea pistettä ja sitten Lisää työkaluja > Laajennukset.

Kun olet laajennusvalikossa, sivun oikeassa yläkulmassa on liukusäädin, jossa on merkintä "Kehittäjätila". Ota se käyttöön. Kun kehittäjätila on käytössä, vasemmassa yläkulmassa pitäisi näkyä kolme painiketta. Tarvitset "Lataa pakattuna". Napsauta "Lataa pakkaamaton" ja tuo kansio, jonka purit aiemmin zip-tiedostosta.

Ota kehittäjätila käyttöön ja napsauta sitten "Lataa pakattu".

Vihje: Haluat tuoda yläkansion, et sen sisältämää "images"-kansiota. Jos et nimennyt sitä uudelleen aiemmin, sen nimeksi tulee esimerkiksi "teema1234567890".

Kun teema on tuotu, nykyiselle välilehdelle tulee hälytys, joka vahvistaa, että teema on asennettu, ja tarjoaa kumoa-painikkeen. Ennen kuin suljet tämän hälytyksen, avaa uusi välilehti ja varmista, että kaikki näyttää siltä kuin halusit.

Älä piilota vahvistushälytystä ennen kuin olet varma, että olet tyytyväinen tulokseen!

Jos teemasi ei onnistunut aivan toivotulla tavalla, napsauta "Kumoa" ja yritä muokata mallia uudelleen. Kun olet tyytyväinen tuloksiin, sulje Laajennukset-sivu ja jatka selaamista kiiltävän uuden mukautetun Chrome-teeman kanssa.