Ein Design ist eine spezielle Art von Erweiterung, die das Aussehen des Browsers verändert. Themen werden wie normale Erweiterungen verpackt, enthalten aber keinen JavaScript- oder HTML-Code.
Designs werden auf die gleiche Weise wie Erweiterungen in den Chrome Web Store hochgeladen. Weitere Informationen Während des Uploads werden Sie aufgefordert, eine Kategorie auszuwählen. Eine Liste der Designkategorien finden Sie in der Chrome Web Store-Dokumentation unter Best Practices.
Im Chrome Web Store finden Sie eine Vielzahl von Designs, die Sie ausprobieren können.
Manifest
Hier ist eine Beispieldatei manifest.json für ein Design:
{
"manifest_version": 3,
"version": "2.6",
"name": "camo theme",
"theme": {
"images" : {
"theme_frame" : "images/theme_frame_camo.png",
"theme_frame_overlay" : "images/theme_frame_stripe.png",
"theme_toolbar" : "images/theme_toolbar_camo.png",
"theme_ntp_background" : "images/theme_ntp_background_norepeat.png",
"theme_ntp_attribution" : "images/attribution.png"
},
"colors" : {
"frame" : [71, 105, 91],
"toolbar" : [207, 221, 192],
"ntp_text" : [20, 40, 0],
"ntp_link" : [36, 70, 0],
"ntp_section" : [207, 221, 192],
"button_background" : [255, 255, 255]
},
"tints" : {
"buttons" : [0.33, 0.5, 0.47]
},
"properties" : {
"ntp_background_alignment" : "bottom"
}
}
}
Farben
Farben sind im RGB-Format. Informationen zu den Strings, die Sie im Feld „colors“ verwenden können, finden Sie unter kOverwritableColorTable.
Bilder
Für Bildressourcen werden Pfade relativ zum Stammverzeichnis der Erweiterung verwendet. Sie können alle Bilder überschreiben, die durch die Strings in kPersistingImages angegeben sind. Alle Bilder müssen im PNG-Format gespeichert werden, da sie sonst nicht richtig gerendert werden.
Properties
In diesem Feld können Sie Eigenschaften wie Hintergrundausrichtung, Hintergrundwiederholung und ein alternatives Logo angeben. Informationen zu den Properties und den möglichen Werten finden Sie unter kDisplayProperties.
Tönungen
Sie können Tönungen für Teile der Benutzeroberfläche wie Schaltflächen, den Frame und den Hintergrundbereich festlegen. Google Chrome unterstützt Tönungen, keine Bilder, da Bilder nicht plattformübergreifend funktionieren und beim Hinzufügen neuer Schaltflächen anfällig sind. Die Strings, die Sie im Feld „tints“ verwenden können, finden Sie unter kTintTable.
Töne sind im HSL-Format (Farbton, Sättigung, Helligkeit) mit Gleitkommazahlen im Bereich von 0 bis 1,0 angegeben:
- Farbton ist ein absoluter Wert, wobei 0 und 1 für Rot stehen.
- Die Sättigung bezieht sich auf das aktuell bereitgestellte Bild. 0, 5 entspricht keiner Änderung, 0 einer vollständigen Entsättigung und 1 einer vollständigen Sättigung.
- Helligkeit ist ebenfalls relativ: 0,5 steht für keine Änderung, 0 für alle Pixel schwarz und 1 für alle Pixel weiß.
Alternativ können Sie für jeden der HSL-Werte -1.0 verwenden, um keine Änderung anzugeben.