Hoe u uw eigen Google Chrome-thema kunt maken

Heb je ooit het uiterlijk van je webbrowser willen aanpassen? Thema's voor Google Chrome kunnen precies daarvoor worden gebruikt. De Chrome Theme Store heeft misschien een enorm scala aan opties, van ruimtethema's tot auto's en prachtige landschappen, maar wat als geen van die opties zijn helemaal wat je wilt, of als je Chrome wilt aanpassen om in plaats daarvan een van je eigen foto's als achtergrond te hebben? Nou, gelukkig kun je dat gewoon doen.

Er zijn twee methoden om uw eigen thema te maken. Chrome heeft een eenvoudige ingebouwde functie waarmee u een achtergrondafbeelding voor de nieuwe tabbladpagina kunt importeren en het kleurenschema van de gebruikersinterface kunt aanpassen aan de hand van een aantal voorinstellingen. Als de ingebouwde Chrome-functie niet de hoeveelheid aanpassingsopties heeft die u wilt, een website genaamd ThemaBèta heeft u gedekt, met een functierijke, maar gebruiksvriendelijke Chrome-themamaker (hoewel het installatieproces een beetje ingewikkelder is). In dit artikel leiden we u door het proces van het maken van uw eigen Chrome-thema met beide tools.

De eenvoudige ingebouwde Chrome-tool

Open een nieuw tabblad om de ingebouwde Chrome-thema-editor te gebruiken. In de rechterbenedenhoek van de nieuwe tabbladpagina staat een potloodpictogram, klik hierop om het uiterlijk van uw Chrome aan te passen.

Klik op het potloodpictogram om de thema-editor te openen.

In het pop-upvenster dat verschijnt nadat u op het potloodpictogram hebt geklikt, is uw eerste optie om de achtergrondafbeelding te configureren. Hier kun je kiezen tussen een zeer beperkt aantal vooraf ingestelde opties, of je kunt je eigen afbeelding uploaden. Deze achtergrondafbeelding is alleen van toepassing op de nieuwe tabbladpagina en wordt geen achtergrond op echte websites.

Selecteer een achtergrondafbeelding voor de nieuwe tabbladpagina.

Nadat u een achtergrondafbeelding hebt geselecteerd, gaat u naar het tabblad "Kleur en thema". Hier kunt u kiezen uit een selectie van kleurencombinaties. Deze kleuropties zijn van invloed op de kleuren van het tabblad en de zoek- en bladwijzerbalken die de Chrome-gebruikersinterface vormen. Met andere woorden, op de meeste sites die u bezoekt, zullen deze kleuren meer opvallen dan uw achtergrondafbeelding, alleen omdat de bovenste balk van de browser altijd deze kleur zal hebben!

Selecteer een vooraf ingesteld kleurenschema.

Als geen van de vooraf ingestelde kleurenschema's helemaal is wat je wilt, kun je met de kleuroptie linksboven je eigen kleurenschema kiezen, met een volledig spectrum aan kleuropties om uit te kiezen. Om een ​​kleur te selecteren, klikt u eerst op het symbool linksboven en gebruikt u vervolgens de pop-up die verschijnt om uw kleur te kiezen. Pas het dradenkruis in het kleurenspectrum aan om uw schaduw te krijgen en de zwarte pijl aan de rechterkant van het venster om de helderheid van de toon te kiezen. Als je niet zeker weet hoe dit werkt, hoe verder je de zwarte pijl omhoog of omlaag beweegt, hoe lichter of donkerder je kleur wordt. Voor intensere tinten zet u het dradenkruis bovenaan en de pijl in het midden. Verplaats voor lichtere kleuren het dradenkruis iets lager en de pijl omhoog.

Nadat u de gewenste kleur heeft geselecteerd, klikt u rechtsonder op "Toevoegen aan aangepaste kleuren". Selecteer vervolgens uw aangepaste kleur in de lijst "Aangepaste kleuren" linksonder en klik vervolgens op "OK" om toe te passen. Als u een aangepast kleurenschema kiest, kunt u slechts één kleur kiezen. Chrome kiest een tweede vergelijkbare kleur om het thema af te ronden met wat het denkt dat het beste bij u past.

Tip: Chrome gaat er bijna altijd van uit dat de kleur die je kiest de donkerste van de twee themakleuren is, en zal een lichtere tweede tint kiezen. Kies dienovereenkomstig!

Selecteer een aangepast kleurenschema.

Als je eenmaal tevreden bent met je achtergrondafbeelding en kleurenset, klik je op "Gereed" om je aangepaste thema op te slaan, en je bent klaar om te gaan!

Thema's van derden eenvoudig gemaakt

Als je een eenvoudig thema wilt, dan zou de ingebouwde tool van Chrome moeten volstaan, maar als je meer individualiteit wilt, ThemaBèta biedt meer controle. Op de website kunt u handmatig de kleuren wijzigen voor voor- en achtergrondtabbladen, de tekst in de tabbladbalken en meer.

Allereerst moet u naar de website van ThemeBeta bladeren. U kunt bladeren door door gebruikers ingediende thema's op hun Startpagina, of je kunt direct naar hun. gaan pagina voor het maken van thema's om zelf aan de slag te gaan. De eerste stap als je eenmaal in de themamaker bent, is het kiezen van een achtergrondafbeelding. Klik op "1. Upload een afbeelding” en upload vervolgens een afbeelding vanaf uw harde schijf. Deze afbeelding vormt de basis van uw thema en wordt de achtergrondafbeelding op de nieuwe tabbladpagina.

Tip: elke afbeelding die u uploadt, moet een PNG- of JPG-bestandsindeling hebben, aangezien dit de enige ondersteunde indelingen zijn. Gebruik een online converter als uw afbeelding iets anders is.

Als de afbeelding die je hebt geüpload er niet helemaal goed uitziet, is er mogelijk te veel ingezoomd of zijn er balken aan de zijkanten of bovenkant - probeer dan de opties voor "Achtergrondafbeelding" te wijzigen. Respectievelijk configureren ze horizontale uitlijning, verticale uitlijning, als het beeld wordt herhaald als dat zo is te klein voor het scherm, hoe het beeld wordt geschaald om op het scherm te passen en een handmatige schaalaanpassing. Test de opties totdat je iets vindt waar je blij mee bent!

Configureer de positionering van uw achtergrondafbeelding.

Zodra uw afbeelding is geüpload, wordt het voorbeeld aan de rechterkant van de pagina bijgewerkt om weer te geven hoe uw thema eruit zal zien. De tweede stap is om op "2. Genereer kleuren", zal deze knop de kleuren gebruiken die aanwezig zijn in de afbeelding die u heeft geüpload, om een ​​smaakpalet van vergelijkbare kleuren te creëren voor gebruik in de rest van de gebruikersinterface.

Als het automatisch gegenereerde kleurenschema past bij de look die u wilt, kunt u hier doorgaan naar de Installatie instructies. Maar als u de kleuren van zaken als voorgrondtabbladen, achtergrondtabbladen en de werkbalk handmatig wilt configureren, worden de details behandeld in de geavanceerde configuratie hieronder.

Geavanceerde configuratie

Er zijn twee tabbladen met geavanceerde configuratie-opties beschikbaar in de linkerbovenhoek, de eerste is "Afbeeldingen". Hier kunt u voor bepaalde elementen een achtergrondafbeelding configureren. Wanneer u met de muis over elk van de opties gaat, wordt het element dat die instelling zou wijzigen in het voorbeeld in rood gemarkeerd.

Beweeg de muisaanwijzer over de opties om te zien welk deel van de gebruikersinterface ze wijzigen.

Tip: NTP staat voor "New Tab Page", opties die beginnen met dit acroniem zijn alleen aanwezig op de nieuwe tabbladpagina, andere zijn zichtbaar op andere pagina's.

  • “NTP Background” configureert de hoofdachtergrond, als je eerder een afbeelding hebt geïmporteerd, is deze al “Loaded”.
  • "Frame" configureert de gebruikersinterface met uitzondering van de lijst met tabbladen, de zoekbalk en de bladwijzerbalk.
  • "Werkbalk" configureert het actieve tabblad, de bladwijzerbalk en het gebied rond de zoekbalk.
  • "Tabbladachtergrond" configureert de achtergrondkleur voor niet-actieve tabbladen.
  • Met "Frame-overlay" kunt u een tweede afbeelding configureren die de afbeelding in "Frame" overlapt.
  • "NTP Attribution" voegt een afbeelding toe aan de linkerbenedenhoek van de nieuwe tabbladpagina, meestal voor watermerkdoeleinden.

Tip: als je een afbeelding hebt geüpload en het ziet er niet uit, kun je deze verwijderen door op de knop "X" naast de relevante markering "Geladen" te klikken. Als het uploaden van een afbeelding de achtergrondkleur voor dat element heeft gewijzigd, kunt u deze handmatig terugzetten of opnieuw op "Kleuren genereren" op het tabblad "Basis" klikken om het kleurenschema opnieuw in te stellen.

Het tweede geavanceerde tabblad is getiteld "Kleuren". Hier - net als bij de opties op de vorige pagina met een vak ernaast - kun je het vak gebruiken om een ​​kleurenkiezer te openen en een effen kleur te kiezen voor de respectieve elementen. Nogmaals, als u met de muis over de configuratie-optie gaat, wordt het betreffende element in het voorbeeld rood gemarkeerd.

Klik op het vakje om de kleurkiezer voor de respectieve elementen te openen.
  • "Werkbalk" configureert de achtergrondkleur van het ThemeBeta-attributielabel linksonder op de nieuwe tabbladpagina.
  • "Tabtekst" configureert de kleur van de tekst op het momenteel actieve tabblad in de lijst met tabbladen. Het stelt ook de kleur in van de ThemeBeta-attributietekst in de linkerbenedenhoek van de nieuwe tabbladpagina.
  • "Background Tab Text" configureert de kleur van de tekst op de inactieve tabbladen in de lijst met tabbladen.
  • "Bladwijzertekst" configureert de kleur van de tekst van items in de bladwijzerbalk.
  • "NTP-tekst" configureert de kleur van de tekst of de aanbevolen/gewone paginalinks in het midden van de pagina.
  • "NTP Link" heeft geen effect.
  • "Bedieningsknoppen" configureert de kleur van de knoppen voor minimaliseren, maximaliseren en sluiten in de rechterbovenhoek.
  • "Knoppen" configureert de kleur van de vooruit-, achteruit-, herlaad- en startknoppen.

Nadat u alle geavanceerde opties hebt geconfigureerd zoals u ze wilt, bent u klaar om door te gaan naar het installatieproces.

Installatie van een thema van derden

Om veiligheidsredenen staat Google nu alleen toe dat extensies en thema's worden geïnstalleerd via de Chrome Webstore. Om uw aangepaste thema te installeren, moet u een ontwikkelaarsfunctie inschakelen. Helaas betekent deze wijziging dat de eenvoudige knop "Inpakken en installeren" op zowel het tabblad "Basis" als het tabblad "Inpakken" niet meer werkt. Als u de methode "Inpakken en installeren" probeert, krijgt u een foutmelding.

CRX-bestanden van derden kunnen niet in Chrome worden geïnstalleerd.

Om dit te omzeilen, gaat u naar het tabblad "Inpakken" en klikt u op "Zipbestand inpakken en downloaden"

Klik op de knop "Zipbestand inpakken en downloaden" op het tabblad "Inpakken".

Nadat het zipbestand is gedownload, pakt u de bestanden uit en slaat u ze op uw harde schijf op. Dubbelklik op het bestand dat u hebt gedownload en selecteer Uitpakken bovenaan uw bestandsviewer. U moet selecteren waar u uw bestanden wilt uitpakken. Onthoud waar u ze opslaat, zodat u ze gemakkelijker opnieuw kunt uploaden.

Tip: Als u de naam van de map wijzigt om aan te geven wat het thema is, is het in de toekomst wellicht gemakkelijker om deze terug te vinden, als u deze ooit opnieuw wilt gebruiken.

Pak de bestanden uit het ZIP-bestand en sla ze op uw harde schijf op.

De volgende stap is de pagina met Chrome-extensies. U kunt het openen door op de drie stippen in de rechterbovenhoek te klikken, onder "Meer tools", dan "Extensies", of u kunt klikken op hier.

Klik op de drie stippen en vervolgens op Meer hulpmiddelen > Extensies.

Zodra u zich in het extensiemenu bevindt, is er in de rechterbovenhoek van de pagina een schuifregelaar gemarkeerd met "Ontwikkelaarsmodus". Het mogelijk maken. Zodra de ontwikkelaarsmodus is ingeschakeld, zouden er drie knoppen in de linkerbovenhoek moeten verschijnen. Degene die je nodig hebt is "Laden uitgepakt". Klik op "Uitgepakt laden" en importeer de map die u eerder uit het zipbestand hebt uitgepakt.

Schakel de ontwikkelaarsmodus in en klik vervolgens op "Uitgepakt laden".

Tip: u wilt de bovenliggende map importeren, niet de map "afbeeldingen" die deze bevat. Als je het niet eerder hebt hernoemd, krijgt het de naam "theme1234567890"

Nadat het thema is geïmporteerd, verschijnt er een waarschuwing op het huidige tabblad, waarin wordt bevestigd dat het thema is geïnstalleerd en een knop voor ongedaan maken wordt aangeboden. Voordat u deze melding sluit, opent u een nieuw tabblad en zorgt u ervoor dat alles eruitziet zoals u dat wilt.

Verberg de bevestigingsmelding pas als u zeker weet dat u tevreden bent met het resultaat!

Als uw thema niet helemaal is geworden zoals u had gehoopt, klikt u op "Ongedaan maken" en probeert u uw sjabloon opnieuw aan te passen. Zodra u tevreden bent met de resultaten, kunt u de pagina 'Extensies' sluiten en verder browsen met uw glimmende nieuwe aangepaste Chrome-thema.