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.