Goog­le Chro­me Design selbst erstel­len: So geht’s

Wie­so eigent­lich muss das Fens­ter von Goog­le Chro­me inklu­si­ve der Menü­leis­te immer gleich aus­se­hen? Ant­wort: Muss es gar nicht. Du brauchst dich auf der Suche nach Alter­na­ti­ven nicht ein­mal auf die Menü­de­signs zu beschrän­ken, die dir Goog­le zur Ver­fü­gung stellt. Mit dem rich­ti­gen Tool erstellst du dir den Look für dein Fens­ter ins World Wide Web – das soge­nann­te The­me – ganz ein­fach selbst. Wie das geht, erklärt dir UPDATED.

• Gibt es Goog­le-eige­ne Tools zum Erstel­len von Themes?
• Goog­le Chro­me Design selbst erstel­len mit “Them­eBe­ta”
• Goog­le Chro­me Design selbst erstel­len mit “Chro­me­The­me­Ma­ker”
• Wei­te­re Tools für die eige­ne Themes-Erstellung

Gibt es Goog­le-eige­ne Tools zum Erstel­len von Themes?

Nicht mehr. Vor weni­gen Jah­ren stell­te Goog­le noch die Exten­si­on (= ein soge­nann­tes Add-on) “Mein Chro­me Design” zur Ver­fü­gung. Hier konn­te der User ein eige­nes Hin­ter­grund­bild hoch­la­den sowie die Far­ben für Tabs, Menü­leis­te und Hin­ter­grund defi­nie­ren – fertig.

Die­se Soft­ware ist heu­te in Goo­gles offi­zi­el­lem Chro­me Web Store nicht mehr abruf­bar (Stand: Febru­ar 2019). Statt­des­sen stellt der ame­ri­ka­ni­sche Soft­ware-Kon­zern eige­ne, vor­ge­fer­tig­te The­mes zum Down­load bereit. Die­se fin­dest du hier im Chro­me Web Store.

Doch fin­di­ge Ent­wick­ler haben eige­ne Tools für die indi­vi­du­el­le The­me-Ent­wick­lung pro­gram­miert. Eini­ge Bei­spie­le inklu­si­ve Anlei­tung fin­dest du in die­sem Ratgeber.

Wei­te­re Informationen 

The­mes & Designs für Chro­me, Fire­fox und Co. 

Goog­le Chro­me Design selbst erstel­len mit “Them­eBe­ta”

Das Team von “Them­eBe­ta” stellt unzäh­li­ge selbst­ge­bas­tel­te Design-Vor­la­gen für Goog­le Chro­me (und auch für die Win­dows-Ober­flä­che) zur Ver­fü­gung. Du fin­dest aber auch ein eng­lisch­spra­chi­ges Krea­ti­ons-Tool für dei­ne eige­nen Ideen, den “Online Goog­le Chro­me The­me Crea­tor”. Das Tool besticht durch sei­ne kin­der­leich­te Bedie­nung. Wir beschrei­ben in die­sem Rat­ge­ber die Erstel­lung eines The­mes auf dem Desk­top. In der Mobil­va­ri­an­te funk­tio­niert es aber genau so.

So geht es:

Bild hoch­la­den

1. Öff­ne den “Online The­me Crea­tor” und kli­cke links oben unter Basic auf Upload an Image.
2. Wäh­le im auf­pop­pen­den Explo­rer oder Foto­me­nü das gewünsch­te Hin­ter­grund­mo­tiv. Das Bild soll­te eine PNG- oder JPG-Datei sein. Die emp­foh­le­ne Min­dest­grö­ße für das Bild liegt bei 800 x 600 Pixel.
3. Pro­bie­re die ver­schie­de­nen Ein­stel­lun­gen unter Back­ground Image, der Menü­leis­te unter dem Bild, aus. Dort kannst du das Motiv nach dei­nen Wün­schen aus­rich­ten.

   

   © 2019 The­me Beta / sboris­ov / Get­ty Images / Screen­shot / UPDATED

   Aus­rich­tung: Wenn das Bild nicht die gesam­te Flä­che aus­füllt, kannst du bestim­men, an wel­cher Stel­le es ange­zeigt wer­den soll. In den ers­ten bei­den Fel­dern der Menü­leis­te hast du die Aus­wahl zwi­schen left, cen­ter, right (links, mit­tig, rechts) und top oder bot­tom (oben oder unten).

   Wie­der­ho­lung: Mit dem Befehl repeat kannst du im drit­ten Feld ange­ben, ob das Bild ver­viel­facht wer­den soll.

   Anpas­sen: Im vier­ten Feld kannst du mit nor­mal size, cus­tom, fill screen oder fit to screen fest­le­gen, ob das Bild den gan­zen oder nur einen Teil des Bild­schirms aus­fül­len soll.

   Maß­stab: Im Feld Sca­le kannst du eine Zahl ein­tip­pen oder über zwei Pfei­le (oben/unten) ver­än­dern. Ent­spre­chend wird das Bild grö­ßer oder klei­ner angezeigt.

   Far­ben auswählen

4. Nach dem Hoch­la­den des Bil­des springt der Gene­ra­tor auto­ma­tisch auf Gene­ra­te Colors. Kli­cke oben auf den Rei­ter Images, um dein Brow­ser-Fens­ter wei­ter zu gestal­ten. Unter NTP Back­ground wird das ers­te Bild ange­zeigt, das du hoch­ge­la­den hast. Du kannst an die­ser Stel­le bei­spiels­wei­se den Rah­men (Frame), die Tool­bar oder die Tabs von Goog­le Chro­me indi­vi­du­ell desi­gnen. Kli­cke dafür auf Choo­se Image und wäh­le jeweils ein Bild aus.
5. Wäh­le unter Colors eine Far­be für jeden Bereich, zum Bei­spiel für die Sta­tus Bar, die Con­trol But­tons oder den Tab Text des Brow­sers. Kli­cke dafür auf das jewei­li­ge qua­dra­ti­sche Feld und wäh­le eine Far­be aus. 

   

   © 2019 The­me Beta / sboris­ov / Get­ty Images / Screen­shot / UPDATED
   
   

   The­me instal­lie­ren, online spei­chern, herunterladen

6. Willst du alles so belas­sen, wie es ist, kli­cke unter dem Rei­ter Basic auf Pack and Install, um das fer­ti­ge The­me zu installieren.
7. Möch­test du dein The­me online spei­chern, wäh­le die Opti­on Save online. Dafür ist aller­dings eine Anmel­dung nötig, zum Bei­spiel mit dei­nem Goog­le-Account.
8. Um dein The­me her­un­ter­zu­la­den, kli­cke im Rei­ter Pack auf Pack and Down­load. Für die Instal­la­ti­on zie­he die CRX-Datei aus dei­nem Down­load-Ord­ner ein­fach per Maus in das Brow­ser­fens­ter. Bestä­ti­ge ggf. die Nach­fra­ge, ob du das The­me wirk­lich instal­lie­ren möchtest. 

   

   © 2019 The­me Beta / sboris­ov / Get­ty Images / Screen­shot / UPDATED

Goog­le Chro­me Design selbst erstel­len mit “Chro­me­The­me­Ma­ker”

Das Tool “Chro­me­The­me­Ma­ker” funk­tio­niert noch etwas ein­fa­cher als der Gene­ra­tor von “Them­eBe­ta”. Aller­dings gibt es zwei Ein­schrän­kun­gen:

• Als Bild­for­mat kann nur PNG gewählt werden.
• Die Farb­pa­let­te ist zwar umfang­reich und umfasst auch Ver­läu­fe, eine indi­vi­du­el­le Farb­aus­wahl wie bei “Them­eBe­ta” ist aber nicht möglich.

So ver­wen­dest du “Chro­me­The­me­Ma­ker”:

1. Wäh­le nach Wunsch für jeden Bereich des Brow­ser­fens­ters (Frame, Tool­bar, Tabs, Back­ground), eine Far­be. Kli­cke dafür auf Sel­ect from Gal­lery oder hin­ter­le­ge ein Foto über Upload image.
2. Die Opti­on Back­ground repeat kannst du auf no-repeat ste­hen lassen.
3. Unter Background_alignment kannst du die Aus­rich­tung des Bil­des verändern.
4. Per Reset-But­ton löschst du dei­ne bis­he­ri­gen Einstellungen.
5. Das fer­ti­ge The­me lädst du per Klick auf den But­ton Com­pi­le and Down­load her­un­ter.
6. Für die Instal­la­ti­on ziehst du die CRX-Datei aus dei­nem Down­load-Ord­ner per Maus in den Browser.
7. Bestä­ti­ge die Fra­ge, ob du das The­me tat­säch­lich instal­lie­ren möchtest. 

   

   © 2019 Chro­me­The­me­Ma­ker / sboris­ov / Get­ty Images / Screen­shot / UPDATED

Wei­te­re Tools für die eige­ne Themes-Erstellung

Neben “Them­eBe­ta” und dem “Chro­me­The­me­Ma­ker” gibt es noch wei­te­re Tools mit indi­vi­du­el­len Stär­ken und Schwächen.

• Der “Goog­le Chro­mi­zer” besticht durch sei­ne spar­ta­ni­sche Form: Bild unter Durch­su­chen aus­wäh­len und hoch­la­den, per Klick auf Crea­te the­me das Design fest­le­gen, Down­load link ankli­cken – fer­tig. Far­ben für Tool­bar und Co. sind nicht wähl­bar, dafür neben JPG- und PNG-Datei­en aber auch GIF-Bilder.
• Der “Total Chro­me The­me Maker 2.1” lockt dage­gen mit einem brei­ten Umfang an Optio­nen, die so ziem­lich alle Vor­stel­lun­gen zulas­sen. So kannst du zum Bei­spiel die Far­be der Schrift auf Tabs und Co. ver­än­dern. Die Bil­der pas­sen sich auf Wunsch auto­ma­tisch der Fens­ter­grö­ße an. Ein Video dient als Bedie­nungs­an­lei­tung. Nach­teil: Du musst das Tool erst herunterladen.

Auch lesenswert 

Goog­le Chro­me schnel­ler machen: Die­se Schrit­te helfen 

Noch mehr Per­sön­lich­keit für dei­nen Rechner

Dein Com­pu­ter ist dein Com­pu­ter – und danach soll es auf dem Moni­tor auch aus­se­hen? Dann kannst du nicht nur die Benut­zer­ober­flä­che dei­nes PCs an dei­ne Vor­stel­lun­gen anpas­sen, son­dern auch dem Chro­me-Brow­ser von Goog­le (d)einen ganz eige­nen Touch ver­lei­hen. Mit den vor­ge­stell­ten Tools ist das in weni­gen Schrit­ten erle­digt. Und schon ist dein Rech­ner wie­der ein Stück per­sön­li­cher geworden.