So erstellen Sie Ihr eigenes Google Chrome-Theme

Wollten Sie schon immer das Aussehen Ihres Webbrowsers anpassen? Themes für Google Chrome können genau das tun. Der Chrome Theme Store bietet möglicherweise eine große Auswahl an Optionen, von Weltraumthemen über Autos bis hin zu wunderschönen Landschaften, aber was ist, wenn keine davon? Sind diese Optionen genau das, was Sie möchten, oder möchten Sie Chrome so anpassen, dass stattdessen eines Ihrer eigenen Fotos als Hintergrund verwendet wird? Nun, zum Glück können Sie genau das tun.

Es gibt zwei Methoden, um Ihr eigenes Thema zu erstellen. Chrome verfügt über eine einfache integrierte Funktion, mit der Sie ein Hintergrundbild für die neue Registerkartenseite importieren und das Farbschema der Benutzeroberfläche aus einer Reihe von Voreinstellungen anpassen können. Wenn die integrierte Chrome-Funktion nicht die gewünschte Anzahl an Anpassungsoptionen bietet, wird eine Website namens ThemaBeta hat Sie mit einem funktionsreichen und dennoch einfach zu verwendenden Chrome-Design-Ersteller abgedeckt (obwohl der Installationsprozess etwas komplexer ist). In diesem Artikel führen wir Sie durch den Prozess zum Erstellen Ihres eigenen Chrome-Designs mit beiden Tools.

Das einfache integrierte Chrome-Tool

Um den integrierten Chrome-Design-Editor zu verwenden, öffnen Sie einen neuen Tab. In der unteren rechten Ecke der neuen Registerkarte befindet sich ein Bleistiftsymbol. Klicken Sie darauf, um das Erscheinungsbild Ihres Chrome anzupassen.

Klicken Sie auf das Stiftsymbol, um den Themeneditor zu öffnen.

Im Popup-Fenster, das nach dem Klicken auf das Stiftsymbol angezeigt wird, können Sie zunächst das Hintergrundbild konfigurieren. Hier können Sie zwischen einer sehr begrenzten Anzahl voreingestellter Optionen wählen oder Ihr eigenes Bild hochladen. Dieses Hintergrundbild gilt nur für die neue Registerkarte, es wird kein Hintergrund auf tatsächlichen Websites.

Wählen Sie ein Hintergrundbild für die neue Registerkarte aus.

Nachdem Sie ein Hintergrundbild ausgewählt haben, wechseln Sie zum Tab "Farbe und Design". Hier können Sie aus einer Auswahl an Farbkombinationen wählen. Diese Farboptionen wirken sich auf die Farben der Registerkarte und der Such- und Lesezeichenleisten aus, die die Chrome-Benutzeroberfläche bilden. Mit anderen Worten, auf den meisten Websites, die Sie besuchen, sind diese Farben auffälliger als Ihr Hintergrundbild, nur weil die obere Leiste des Browsers immer diese Farbe hat!

Wählen Sie ein voreingestelltes Farbschema aus.

Wenn keines der voreingestellten Farbschemata Ihren Wünschen entspricht, können Sie mit der Farboption oben links Ihr eigenes Farbschema mit einem vollständigen Spektrum an Farboptionen auswählen. Um eine Farbe auszuwählen, klicken Sie zuerst auf das Symbol oben links und verwenden Sie dann das erscheinende Popup, um Ihre Farbe auszuwählen. Passen Sie das Fadenkreuz im Farbspektrum an, um Ihren Farbton zu erhalten, und den schwarzen Pfeil rechts im Fenster, um die Helligkeit des Tons auszuwählen. Wenn Sie sich nicht sicher sind, wie das funktioniert – je weiter Sie den schwarzen Pfeil nach oben oder unten bewegen, desto heller oder dunkler wird Ihre Farbe. Für intensivere Farbtöne setzen Sie das Fadenkreuz oben und den Pfeil in die Mitte. Für blassere Farben bewegen Sie das Fadenkreuz etwas nach unten und den Pfeil nach oben.

Wenn Sie die gewünschte Farbe ausgewählt haben, klicken Sie unten rechts auf "Zu benutzerdefinierten Farben hinzufügen". Wählen Sie als Nächstes Ihre benutzerdefinierte Farbe aus der Liste "Benutzerdefinierte Farben" unten links aus und klicken Sie dann zum Übernehmen auf "OK". Wenn Sie ein benutzerdefiniertes Farbschema auswählen, können Sie nur eine Farbe auswählen. Chrome wählt eine zweite ähnliche Farbe aus, um das Thema mit der Farbe zu vervollständigen, die seiner Meinung nach am besten passt.

Tipp: Chrome geht fast immer davon aus, dass die von Ihnen gewählte Farbe die dunklere der beiden Themenfarben ist, und wählt einen helleren zweiten Farbton. Wählen Sie entsprechend!

Wählen Sie ein benutzerdefiniertes Farbschema aus.

Wenn Sie mit Ihrem Hintergrundbild und Ihrer Farbpalette zufrieden sind, klicken Sie auf „Fertig“, um Ihr benutzerdefiniertes Design zu speichern, und schon können Sie loslegen!

Themes von Drittanbietern leicht gemacht

Wenn Sie ein einfaches Thema wünschen, sollte das integrierte Chrome-Tool ausreichen, aber wenn Sie mehr Individualität wünschen, ThemaBeta bietet mehr Kontrolle. Auf der Website können Sie die Farben für Vordergrund- und Hintergrundregisterkarten, den Text in den Registerkartenleisten und mehr manuell ändern.

Zunächst müssen Sie die Website von ThemeBeta aufrufen. Sie können von Benutzern eingereichte Designs auf ihren Startseite, oder du kannst direkt zu ihnen gehen Theme-Ersteller-Seite um mit Ihrem eigenen anzufangen. Der erste Schritt, sobald Sie sich im Theme Creator befinden, besteht darin, ein Hintergrundbild auszuwählen. Klicken Sie auf „1. Bild hochladen“ und laden Sie dann ein Bild von Ihrer Festplatte hoch. Dieses Bild wird die Grundlage Ihres Themas und das Hintergrundbild auf der neuen Registerkarte sein.

Tipp: Jedes hochgeladene Bild muss entweder im PNG- oder JPG-Dateiformat vorliegen, da dies die einzigen unterstützten Formate sind. Verwenden Sie einen Online-Konverter, wenn Ihr Bild etwas anderes ist.

Wenn das von Ihnen hochgeladene Bild nicht ganz richtig aussieht, es möglicherweise zu stark vergrößert ist oder seitliche oder obere Balken aufweist, sollten Sie versuchen, die Optionen „Hintergrundbild“ zu ändern. Entsprechend konfigurieren sie horizontale Ausrichtung, vertikale Ausrichtung, wenn das Bild wiederholt wird, wenn es ist zu klein für den Bildschirm, wie das Bild skaliert wird, damit es auf den Bildschirm passt, und eine manuelle Skalierungsanpassung. Testen Sie die Optionen, bis Sie etwas finden, mit dem Sie zufrieden sind!

Konfigurieren Sie die Positionierung Ihres Hintergrundbildes.

Sobald Ihr Bild hochgeladen wurde, wird die Vorschau auf der rechten Seite der Seite aktualisiert, um anzuzeigen, wie Ihr Design aussehen wird. Im zweiten Schritt klicken Sie auf „2. Farben generieren“ verwendet diese Schaltfläche die Farben des von Ihnen hochgeladenen Bildes, um eine Palette ähnlicher Farben zu erstellen, die auf dem Rest der Benutzeroberfläche verwendet werden können.

Wenn das automatisch generierte Farbschema zu Ihrem gewünschten Look passt, können Sie hier zum Installationsanleitung. Wenn Sie jedoch die Farben von Dingen wie Vordergrundregisterkarten, Hintergrundregisterkarten und der Symbolleiste manuell konfigurieren möchten, werden die Details im Abschnitt zur erweiterten Konfiguration weiter unten behandelt.

Erweiterte Konfiguration

Oben links stehen zwei Registerkarten mit erweiterten Konfigurationsoptionen zur Verfügung, die erste ist "Bilder". Hier können Sie für bestimmte Elemente ein Hintergrundbild konfigurieren. Wenn Sie mit der Maus über jede der Optionen fahren, wird das Element, das diese Einstellung ändern würde, in der Vorschau rot hervorgehoben.

Bewegen Sie die Maus über die Optionen, um zu sehen, welcher Teil der Benutzeroberfläche sie ändern.

Tipp: NTP steht für „New Tab Page“, Optionen, die mit diesem Akronym beginnen, sind nur auf der neuen Tab-Seite vorhanden, andere sind auf anderen Seiten sichtbar.

  • „NTP-Hintergrund“ konfiguriert den Haupthintergrund, wenn Sie zuvor ein Bild importiert haben, ist dieses bereits „geladen“.
  • „Frame“ konfiguriert die Benutzeroberfläche ohne Registerkartenliste, Suchleiste und Lesezeichenleiste.
  • „Toolbar“ konfiguriert die aktive Registerkarte, die Lesezeichenleiste und den Bereich um die Suchleiste.
  • „Tab Background“ konfiguriert die Hintergrundfarbe für nicht aktive Registerkarten.
  • Mit „Frame Overlay“ können Sie ein zweites Bild konfigurieren, das das Bild in „Frame“ überlagert.
  • „NTP-Attribution“ fügt der unteren linken Ecke der neuen Registerkartenseite ein Bild hinzu, im Allgemeinen für Wasserzeichenzwecke.

Tipp: Wenn Sie ein Bild hochgeladen haben und es nicht gefällt, können Sie es entfernen, indem Sie auf die Schaltfläche „X“ neben der entsprechenden Markierung „Geladen“ klicken. Wenn das Hochladen eines Bildes die Hintergrundfarbe für dieses Element geändert hat, können Sie sie entweder manuell zurücksetzen oder auf „Farben generieren“ auf der Registerkarte „Grundeinstellungen“ erneut klicken, um das Farbschema zurückzusetzen.

Die zweite erweiterte Registerkarte trägt den Titel "Farben". Hier können Sie – wie bei den Optionen auf der vorherigen Seite, die ein Kästchen daneben hatten – über das Kästchen eine Farbauswahl öffnen und eine Volltonfarbe für die jeweiligen Elemente auswählen. Wenn Sie mit der Maus über die Konfigurationsoption fahren, wird das betroffene Element in der Vorschau rot hervorgehoben.

Klicken Sie auf das Kästchen, um die Farbauswahl für die jeweiligen Elemente zu öffnen.
  • „Toolbar“ konfiguriert die Hintergrundfarbe des ThemeBeta-Attributionslabels unten links auf der neuen Registerkarte.
  • „Tab Text“ konfiguriert die Farbe des Textes im aktuell aktiven Tab in der Tab-Liste. Es legt auch die Farbe des ThemeBeta-Attributionstextes in der unteren linken Ecke der neuen Registerkarte fest.
  • „Hintergrund-Tab-Text“ konfiguriert die Farbe des Textes in den inaktiven Tabs in der Tab-Liste.
  • „Lesezeichentext“ konfiguriert die Textfarbe von Elementen in der Lesezeichenleiste.
  • „NTP Text“ konfiguriert die Farbe des Textes oder der empfohlenen/normalen Seitenlinks in der Mitte der Seite.
  • „NTP-Link“ hat keine Wirkung.
  • „Steuerungsschaltflächen“ konfiguriert die Farbe der Schaltflächen zum Minimieren, Maximieren und Schließen in der oberen rechten Ecke.
  • „Buttons“ konfiguriert die Farbe der Vorwärts-, Rückwärts-, Reload- und Home-Buttons.

Sobald Sie alle erweiterten Optionen wie gewünscht konfiguriert haben, können Sie mit dem Installationsprozess fortfahren.

Installation eines Drittanbieter-Themes

Aus Sicherheitsgründen lässt Google jetzt nur noch die Installation von Erweiterungen und Themes über den Chrome Webstore zu. Um Ihr benutzerdefiniertes Design zu installieren, müssen Sie eine Entwicklerfunktion aktivieren. Leider bedeutet diese Änderung, dass die einfache Schaltfläche „Packen und installieren“ sowohl auf der Registerkarte „Basic“ als auch auf der Registerkarte „Pack“ nicht mehr funktioniert. Wenn Sie die Methode „Pack and Install“ ausprobieren, erhalten Sie eine Fehlermeldung.

CRX-Dateien von Drittanbietern können nicht in Chrome installiert werden.

Um dies zu umgehen, gehen Sie zur Registerkarte „Packen“ und klicken Sie auf „Zip-Datei packen und herunterladen“.

Klicken Sie auf der Registerkarte "Packen" auf die Schaltfläche "ZIP-Datei packen und herunterladen".

Sobald die ZIP-Datei heruntergeladen wurde, entpacken Sie die Dateien und speichern Sie sie auf Ihrer Festplatte. Doppelklicken Sie auf die heruntergeladene Datei und wählen Sie oben in Ihrem Dateibetrachter Extrahieren. Sie müssen auswählen, wohin Sie Ihre Dateien extrahieren möchten. Merken Sie sich, wo Sie sie gespeichert haben, damit Sie sie leichter wieder hochladen können.

Tipp: Wenn Sie den Ordner umbenennen, um das Thema anzugeben, ist es möglicherweise einfacher, ihn in Zukunft wiederzufinden, wenn Sie ihn jemals wiederverwenden möchten.

Extrahieren Sie die Dateien aus der ZIP-Datei und speichern Sie sie auf Ihrer Festplatte.

Der nächste Schritt ist die Seite mit den Chrome-Erweiterungen. Sie können darauf zugreifen, indem Sie auf die drei Punkte in der oberen rechten Ecke unter "Weitere Tools" und dann auf "Erweiterungen" klicken oder auf klicken Hier.

Klicken Sie auf die drei Punkte und dann auf Weitere Tools > Erweiterungen.

Sobald Sie sich im Erweiterungsmenü befinden, befindet sich in der oberen rechten Ecke der Seite ein Schieberegler mit der Bezeichnung "Entwicklermodus". Aktivieren Sie es. Sobald der Entwicklermodus aktiviert ist, sollten in der oberen linken Ecke drei Schaltflächen erscheinen. Das, was Sie brauchen, ist "Entpackt laden". Klicken Sie auf „Entpackt laden“ und importieren Sie den Ordner, den Sie zuvor aus der ZIP-Datei extrahiert haben.

Aktivieren Sie den Entwicklermodus und klicken Sie dann auf „Entpackt laden“.

Tipp: Sie möchten den übergeordneten Ordner importieren, nicht den darin enthaltenen Ordner „Bilder“. Wenn Sie es nicht früher umbenannt haben, wird es etwa "theme1234567890" genannt.

Sobald das Theme importiert wurde, wird auf der aktuellen Registerkarte eine Warnung angezeigt, die bestätigt, dass das Theme installiert wurde und eine Schaltfläche zum Rückgängigmachen anbietet. Bevor Sie diese Warnung schließen, öffnen Sie eine neue Registerkarte und stellen Sie sicher, dass alles so aussieht, wie Sie es möchten.

Blenden Sie die Bestätigungsmeldung nicht aus, bis Sie sicher sind, dass Sie mit dem Ergebnis zufrieden sind!

Wenn Ihr Design nicht ganz so geworden ist, wie Sie es sich gewünscht haben, klicken Sie auf „Rückgängig“ und versuchen Sie erneut, Ihre Vorlage zu ändern. Wenn Sie mit den Ergebnissen zufrieden sind, können Sie die Seite "Erweiterungen" schließen und mit Ihrem glänzenden neuen benutzerdefinierten Chrome-Design weiter surfen.