Hvordan lage ditt eget Google Chrome-tema

Har du noen gang ønsket å tilpasse utseendet til nettleseren din? Temaer for Google Chrome kan brukes til å gjøre akkurat det. Chrome Theme Store kan ha et stort utvalg alternativer, fra romtemaer til biler og vakre landskap, men hva om ingen av disse alternativene er helt hva du vil, eller hvis du vil tilpasse Chrome til å ha et av dine egne bilder som bakgrunn i stedet? Vel, heldigvis kan du gjøre akkurat det.

Det er to metoder for å lage ditt eget tema. Chrome har en enkel innebygd funksjon som lar deg importere et bakgrunnsbilde for den nye fanesiden og tilpasse fargeskjemaet til brukergrensesnittet fra en rekke forhåndsinnstillinger. Hvis den innebygde Chrome-funksjonen ikke har det antallet tilpasningsalternativer du ønsker, kalles et nettsted ThemeBeta har du dekket, med en funksjonsrik, men likevel brukervennlig Chrome-temaskaper, (selv om installasjonsprosessen er litt mer kompleks). I denne artikkelen vil vi lede deg gjennom prosessen med å lage ditt eget Chrome-tema med begge verktøyene.

Det enkle innebygde Chrome-verktøyet

For å bruke det innebygde temaredigeringsprogrammet for Chrome, åpne en ny fane. Nederst til høyre på den nye fanesiden er et blyantikon, klikk på dette for å tilpasse utseendet til Chrome.

Klikk på blyantikonet for å åpne temaredigering.

I popup-vinduet som vises når du har klikket på blyantikonet, er ditt første alternativ å konfigurere bakgrunnsbildet. Her kan du velge mellom et svært begrenset antall forhåndsinnstilte alternativer, eller du kan laste opp ditt eget bilde. Dette bakgrunnsbildet vil bare gjelde for den nye fanesiden, det vil ikke bli en bakgrunn på noen faktiske nettsteder.

Velg et bakgrunnsbilde for den nye fanesiden.

Når du har valgt et bakgrunnsbilde, går du til fanen "Farge og tema". Her kan du velge mellom et utvalg fargekombinasjoner. Disse fargealternativene påvirker fargene på fanen og søke- og bokmerkelinjene som utgjør Chrome-brukergrensesnittet. Med andre ord, på de fleste nettsteder du besøker, vil disse fargene være mer merkbare enn bakgrunnsbildet ditt bare fordi den øverste linjen i nettleseren alltid vil være denne fargen!

Velg et forhåndsinnstilt fargeskjema.

Hvis ingen av de forhåndsinnstilte fargevalgene er helt som du ønsker, lar fargealternativet øverst til venstre deg velge ditt eget fargevalg, med et fullt spekter av fargealternativer å velge mellom. For å velge en farge, klikk først på symbolet øverst til venstre, og bruk deretter popup-vinduet som vises for å velge fargen din. Juster trådkorset i fargespekteret for å få din nyanse og den svarte pilen til høyre i vinduet for å velge lysstyrken på tonen. Hvis du ikke er sikker på hvordan dette fungerer – jo lenger opp eller ned du flytter den svarte pilen, jo lysere eller mørkere blir fargen din. For mer intense nyanser, sett trådkorset nær toppen og pilen i midten. For blekere farger flytter du trådkorset litt lavere og pilen opp.

Når du har valgt fargen du ønsker, klikker du på "Legg til i egendefinerte farger" nederst til høyre. Velg deretter din egendefinerte farge fra "Egendefinerte farger"-listen nederst til venstre, og klikk deretter "OK" for å bruke. Hvis du velger et tilpasset fargeskjema, kan du bare velge én farge, Chrome vil velge en annen lignende farge for å fullføre temaet med det den mener passer best.

Tips: Chrome antar nesten alltid at fargen du velger er den mørkeste av de to temafargene, og velger en lysere andre nyanse. Velg deretter!

Velg et tilpasset fargeskjema.

Når du er fornøyd med bakgrunnsbildet og fargesettet ditt, klikker du på "Ferdig" for å lagre det tilpassede temaet ditt, og du er klar til å gå!

Tredjepartstemaer gjort enkelt

Hvis du vil ha et enkelt tema, bør det innebygde Chrome-verktøyet være tilstrekkelig, men hvis du vil ha mer individualitet, ThemeBeta gir mer kontroll. Nettstedet lar deg manuelt endre fargene for forgrunns- og bakgrunnsfaner, teksten i fanelinjene og mer.

Først av alt, må du bla til ThemeBetas nettsted. Du kan bla gjennom brukerinnsendte temaer på deres hjemmeside, eller du kan gå rett til deres side for temaskaper å komme i gang med din egen. Det første trinnet når du er i temaskaperen er å velge et bakgrunnsbilde. Klikk "1. Last opp et bilde" og last deretter opp et bilde fra harddisken din. Dette bildet vil være grunnlaget for temaet ditt og vil være bakgrunnsbildet på den nye fanesiden.

Tips: Ethvert bilde du laster opp må være i enten PNG- eller JPG-filformat, da dette er de eneste formatene som støttes. Bruk en online omformer hvis bildet ditt er noe annet.

Hvis bildet du har lastet opp ikke ser helt riktig ut, kan det være for zoomet inn eller ha stolper på sidene eller toppen - så bør du prøve å endre "Bakgrunnsbilde"-alternativene. Henholdsvis konfigurerer de horisontal justering, vertikal justering, hvis bildet gjentas hvis det er det for liten for skjermen, hvordan bildet skaleres for å passe til skjermen, og en manuell skaleringsjustering. Test alternativene til du finner noe du er fornøyd med!

Konfigurer plasseringen av bakgrunnsbildet ditt.

Når bildet er lastet opp, vil forhåndsvisningen på høyre side av siden oppdateres for å representere hvordan temaet ditt vil se ut. Det andre trinnet er å klikke "2. Generer farger", vil denne knappen bruke fargene i bildet du lastet opp, for å lage en smak av lignende farger som kan brukes på resten av brukergrensesnittet.

Hvis det automatisk genererte fargeskjemaet passer til utseendet du ønsker, kan du hoppe videre her til installasjonsinstruksjoner. Men hvis du vil manuelt konfigurere fargene på ting som forgrunnsfaner, bakgrunnsfaner og verktøylinjen, er detaljene dekket i avsnittet for avansert konfigurasjon nedenfor.

Avansert konfigurasjon

Det er to faner med avanserte konfigurasjonsalternativer tilgjengelig øverst til venstre, den første er "Bilder". Her kan du konfigurere et bakgrunnsbilde for enkelte elementer. Når du beveger musepekeren over hvert av alternativene, vil det fremheve elementet som den innstillingen vil endre i forhåndsvisningen i rødt.

Hold musen over alternativene for å se hvilken del av brukergrensesnittet de endrer.

Tips: NTP står for "New Tab Page", alternativer som starter med dette akronymet er bare til stede på den nye fanesiden, andre er synlige på andre sider.

  • "NTP Bakgrunn" konfigurerer hovedbakgrunnen, hvis du importerte et bilde tidligere vil dette allerede være "Lastet".
  • "Frame" konfigurerer brukergrensesnittet unntatt fanelisten, søkefeltet og bokmerkefeltet.
  • "Verktøylinje" konfigurerer den aktive fanen, bokmerkelinjen og området rundt søkefeltet.
  • "Fanebakgrunn" konfigurerer bakgrunnsfargen for ikke-aktive faner.
  • "Rammeoverlegg" lar deg konfigurere et andre bilde som overlegger bildet i "Ramme".
  • "NTP Attribution" legger til et bilde nederst til venstre på den nye fanesiden, vanligvis for vannmerkeformål.

Tips: Hvis du har lastet opp et bilde og ikke liker hvordan det ser ut, kan du fjerne det ved å klikke på "X"-knappen ved siden av den relevante "Lastet"-markøren. Hvis opplasting av et bilde endret bakgrunnsfargen for det elementet, kan du enten sette det tilbake manuelt eller klikke på "Generer farger" i fanen "Grunnleggende" igjen for å tilbakestille fargeskjemaet.

Den andre avanserte fanen har tittelen "Farger". Her – som med alternativene på forrige side som hadde en boks ved siden av – kan du bruke boksen til å åpne en fargevelger og velge en solid farge for de respektive elementene. Nok en gang, hvis du holder musepekeren over konfigurasjonsalternativet, vil det fremheve det berørte elementet i forhåndsvisningen i rødt.

Klikk på boksen for å åpne fargevelgeren for de respektive elementene.
  • "Verktøylinje" konfigurerer bakgrunnsfargen til ThemeBeta-attribusjonsetiketten nederst til venstre på den nye fanesiden.
  • "Tab Tekst" konfigurerer fargen på teksten i den aktive fanen i fanelisten. Den setter også fargen på ThemeBeta-attribusjonsteksten nederst til venstre på den nye fanesiden.
  • "Bakgrunnsfanetekst" konfigurerer fargen på teksten i de inaktive fanene i fanelisten.
  • "Bokmerketekst" konfigurerer fargen på teksten til elementer i bokmerkelinjen.
  • "NTP-tekst" konfigurerer fargen på teksten eller de anbefalte/vanlige sidelenkene i midten av siden.
  • "NTP Link" har ingen effekt.
  • "Kontrollknapper" konfigurerer fargen på minimer-, maksimerings- og lukk-knappene øverst i høyre hjørne.
  • "Knapper" konfigurerer fargen på forover-, bakover-, reload- og hjem-knappene.

Når du har konfigurert alle de avanserte alternativene slik du vil ha dem, er du klar til å fortsette til installasjonsprosessen.

Installasjon av et tredjepartstema

Av sikkerhetsgrunner tillater Google nå bare at utvidelser og temaer installeres via Chrome Nettmarked. For å installere det tilpassede temaet ditt, må du aktivere en utviklerfunksjon. Dessverre betyr denne endringen at den enkle "Pack og installer"-knappen på både "Basic"-fanen og "Pack"-fanen ikke lenger fungerer. Hvis du prøver "Pack and Install"-metoden, får du en feilmelding.

Tredjeparts CRX-filer kan ikke installeres i Chrome.

For å komme rundt dette, gå til "Pack"-fanen og klikk "Pack og last ned zip-fil"

Klikk på "Pack og last ned zip-fil"-knappen i "Pack"-fanen.

Når zip-filen er lastet ned, pakk ut filene og lagre dem på harddisken. Dobbeltklikk på filen du har lastet ned og velg Pakk ut øverst i filvisningen. Du må velge hvor du vil pakke ut filene dine. Husk hvor du lagrer dem, slik at du lettere kan laste dem opp igjen.

Tips: Hvis du gir mappen nytt navn for å indikere hva temaet er, kan det være lettere å finne den igjen i fremtiden, hvis du noen gang vil bruke den på nytt.

Pakk ut filene fra ZIP-filen og lagre dem på harddisken.

Det neste trinnet er Chrome-utvidelsessiden. Du får tilgang til den ved å klikke på de tre prikkene øverst til høyre, under "Flere verktøy", deretter "Utvidelser", eller du kan klikke her.

Klikk på de tre prikkene og deretter Flere verktøy > Utvidelser.

Når du er i utvidelsesmenyen, øverst til høyre på siden, er det en glidebryter merket "Utviklermodus". Aktiver den. Når utviklermodusen er aktivert, skal tre knapper vises i øverste venstre hjørne. Den du trenger er "Last ut pakket". Klikk "Load unpacked" og importer mappen du pakket ut fra zip-filen tidligere.

Aktiver utviklermodus og klikk deretter "Last ut pakket".

Tips: Du vil importere den overordnede mappen, ikke "bilder"-mappen den inneholder. Hvis du ikke endret navn på den tidligere, vil den få navnet noe sånt som "theme1234567890"

Når temaet er importert, vil et varsel vises i gjeldende fane, som bekrefter at temaet ble installert og tilbyr en angre-knapp. Før du lukker dette varselet, åpne en ny fane og sørg for at alt ser ut som du ville ha det.

Ikke skjul bekreftelsesvarslet før du er sikker på at du er fornøyd med resultatet!

Hvis temaet ditt ikke ble helt som du hadde håpet, klikker du på "Angre" og prøver å endre malen igjen. Når du er fornøyd med resultatene, kan du gjerne lukke «Utvidelser»-siden og fortsette å surfe med ditt skinnende nye tilpassede Chrome-tema.