Un tema è un tipo speciale di estensione che cambia l'aspetto del browser. I temi sono presenti in pacchetti come estensioni normali, ma non contengono codice JavaScript o HTML.
Puoi trovare e provare diversi temi sul Chrome Web Store.
Manifest
Ecco un file manifest.json di esempio per un tema:
{
"manifest_version": 2,
"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"
}
}
}
colori
I colori sono in formato RGB. Per trovare le stringhe che puoi utilizzare nel campo "colors", consulta
kOverwritableColorTable.
Immagini
Le risorse immagine utilizzano percorsi relativi alla radice dell'estensione. Puoi eseguire l'override di qualsiasi immagine specificata dalle stringhe in kPersistingImages. Tutte le immagini devono essere archiviate in formato PNG, altrimenti non verranno visualizzate correttamente.
proprietà
Questo campo consente di specificare proprietà come l'allineamento dello sfondo, la ripetizione dello sfondo e un logo alternativo. Per visualizzare le proprietà e i valori che possono avere, consulta kDisplayProperties.
tonalità
Puoi specificare le sfumature da applicare alle parti dell'interfaccia utente, ad esempio pulsanti, frame e scheda di sfondo. Google Chrome supporta le tinte, non le immagini, perché le immagini non funzionano su più piattaforme
e sono fragili nel caso in cui vengano aggiunti nuovi pulsanti. Per trovare le stringhe che puoi utilizzare nel
campo "tints", consulta kTintTable.
Le tonalità sono in formato HSL (Tonalità-Saturation-Lightness), utilizzando numeri in virgola mobile nell'intervallo 0-1,0:
- Tonalità è un valore assoluto, dove 0 e 1 corrispondono al rosso.
- La saturazione è relativa all'immagine attualmente fornita. 0, 5 corrisponde a nessuna variazione, 0 indica totalmente saturata e 1 corrisponde a saturazione completa.
- Anche la leggezza è relativa, dove 0, 5 corrisponde a nessuna variazione, 0 corrisponde a tutti i pixel in nero e 1 a tutti i pixel bianchi.
In alternativa, puoi utilizzare -1.0 per qualsiasi valore HSL per specificare nessuna modifica.