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?


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 .


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

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.