Een thema is een speciaal soort extensie die het uiterlijk van de browser verandert. Thema's zijn verpakt als gewone extensies, maar bevatten geen JavaScript- of HTML-code.
Thema's worden op dezelfde manier geüpload naar de Chrome Web Store als een extensie . Tijdens het uploaden wordt u gevraagd een categorie te selecteren. U vindt een lijst met themacategorieën in de documentatie van de Chrome Web Store onder Praktische tips .
In de Chrome Web Store kunt u een aantal thema's vinden en uitproberen.
Manifest
Hier is een voorbeeld van een manifest.json -bestand voor een thema:
{
"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"
}
}
}
kleuren
Kleuren zijn in RGB-formaat. Zie kOverwritableColorTable om de tekenreeksen te vinden die u in het veld "kleuren" kunt gebruiken.
afbeeldingen
Afbeeldingsbronnen gebruiken paden ten opzichte van de hoofdmap van de extensie. U kunt alle afbeeldingen overschrijven die zijn opgegeven door de tekenreeksen in kPersistingImages . Alle afbeeldingen moeten in PNG-indeling worden opgeslagen, anders worden ze niet correct weergegeven .
eigenschappen
In dit veld kunt u eigenschappen opgeven, zoals achtergronduitlijning, achtergrondherhaling en een alternatief logo. Zie kDisplayProperties om de eigenschappen en de waarden die ze kunnen hebben te zien.
tinten
U kunt tinten opgeven die moeten worden toegepast op delen van de gebruikersinterface, zoals knoppen, het frame en het achtergrondtabblad. Google Chrome ondersteunt tinten, geen afbeeldingen, omdat afbeeldingen niet op verschillende platforms werken en broos zijn bij het toevoegen van nieuwe knoppen. Zie kTintTable om de tekenreeksen te vinden die u in het veld "tints" kunt gebruiken.
Tinten hebben de indeling Hue-Saturation-Lightness (HSL), waarbij gebruik wordt gemaakt van drijvende-kommagetallen in het bereik van 0 - 1,0:
- Tint is een absolute waarde, waarbij 0 en 1 rood zijn.
- De verzadiging is relatief ten opzichte van het momenteel geleverde beeld. 0,5 is geen verandering , 0 is volledig onverzadigd en 1 is volledige verzadiging .
- Lichtheid is ook relatief, waarbij 0,5 geen verandering betekent, 0 omdat alle pixels zwart zijn en 1 omdat alle pixels wit zijn .
U kunt ook -1.0 gebruiken voor elk van de HSL-waarden om geen wijziging op te geven.