Wie entwickle ich ein Google Chrome-Thema?

8

Ich habe einige Designideen für Google Chrome. Ich möchte es in ein Thema umwandeln.

Ich habe viel gesucht, aber keine zufriedenstellende Erklärung dafür gefunden. Wissen Sie, was zu tun ist? Vielleicht ein Link?

Laser
quelle
1
Eher eine Programmierfrage dies. Ich stimme dafür, es auf Stack Overflow zu migrieren.
ChrisF

Antworten:

10

Laden Sie alle verfügbaren Thema für Chrome, wie diese zum Beispiel.

Benennen Sie es so um, dass es die Erweiterung .zip hat. Öffnen Sie es mit Ihrem bevorzugten Archivierungswerkzeug.

Das Thema wird in einer Datei namens manifest.json beschrieben. Es enthält Links zu Bildern, die im Thema verwendet werden. Sie befinden sich im "i" -Verzeichnis im Greyscale-Verzeichnis. Die Bilder sind im PNG-Format.

Hier ist das Format der Datei manifest.json für Greyscale:

{
"version":"1.0",
"name":"Greyscale",
"theme":
{"images":
    {
    "theme_frame":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6ZwBDA",
    "theme_toolbar":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6pwBDA",
    "theme_button_background":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYtawBDA"
    },
"colors":
    {
    "frame":[32,32,32],
    "toolbar":[210,210,246],
    "tab_text":[0,0,0],
    "tab_background_text":[0,0,0],
    "bookmark_text":[0,0,0],
    "ntp_background":[235,235,235],
    "ntp_text":[0,0,0],
    "ntp_link":[0,0,120],
    "ntp_section":[210,210,210,1],
    "ntp_section_text":[0,0,0],
    "ntp_section_link":[0,0,120]
    },
"properties":
    {
    "ntp_background_alignment":"bottom",
    "ntp_background_repeat":"no-repeat"},
    "tints":
        {
        "buttons":[0.6,0,0.5]
        }
    }
}

Verwenden Sie dies als Vorlage für Ihre eigenen Themen.

Weitere Informationen finden Sie auch hier .

Snark
quelle
Wie öffne ich die Links im iVerzeichnis? Ich muss wissen, wie groß die .pngDateien sein sollen ...
Lazer
Benennen Sie sie mit der Erweiterung .png um und öffnen Sie sie mit einem Bildeditor
Snark
Okay, übrigens, warum so komplexe Namen? Gibt es ein Problem beim Benennen meiner .pngDatei als top.png?
Lazer
Nein, siehe Beispielmanifest im letzten Link meiner Antwort
Snark
2
Die Verwendung eines vorhandenen Themas als Vorlage ist nicht ausreichend, da viele Designs nur Teile des Browsers ändern. Was ist, wenn Sie etwas ändern möchten, was der Autor des Themas nicht getan hat? Wie finden Sie heraus, welche Namen / Eigenschaften / etc. benutzen?
Synetech
3

Auf der Google Code-Website von Chromium finden Sie eine offizielle Anleitung zum Erstellen von Themen.

Synetech
quelle
Link ist tot, wie kommen wir zu diesem alten Inhalt?
Greg
2
Hier ist ein Cache der Seite vom 22. August 2015 aus dem Internetarchiv.
Gregh