Cosa sono i temi?

Un tema è un tipo speciale di estensione che cambia l'aspetto del browser. I temi vengono pacchettizzati come le normali estensioni, ma non contengono codice JavaScript o HTML.

I temi vengono caricati sul Chrome Web Store utilizzando la stessa procedura di un'estensione. Durante il caricamento, ti verrà chiesto di selezionare una categoria. Troverai un elenco di categorie di temi nella documentazione del Chrome Web Store nella sezione Best practice.

Puoi trovare e provare una serie di temi sul Chrome Web Store.

Manifest

Ecco un esempio di file manifest.json per un tema:

{
  "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"
    }
  }
}

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 sostituire qualsiasi immagine specificata dalle stringhe in kPersistingImages. Tutte le immagini devono essere archiviate in formato PNG, altrimenti non verranno visualizzate correttamente.

proprietà

Questo campo ti 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.

tinte

Puoi specificare le tonalità da applicare a parti dell'interfaccia utente, come i pulsanti, il riquadro e la scheda di sfondo. Google Chrome supporta le tinte, non le immagini, perché le immagini non funzionano su più piattaforme e sono fragili nel caso dell'aggiunta di nuovi pulsanti. Per trovare le stringhe che puoi utilizzare nel campo "tints", consulta kTintTable.

Le tonalità sono in formato HSL (Hue-Saturation-Lightness), utilizzando numeri in virgola mobile nell'intervallo 0- 1.0:

• Tinta è un valore assoluto, con 0 e 1 che corrispondono al rosso.
• La saturazione è relativa all'immagine attualmente fornita. 0, 5 indica nessuna variazione, 0 indica totale satura e 1 indica satura.
• Anche l'luminosità è relativa: 0,5 corrisponde a nessuna variazione, 0 a tutti i pixel neri e 1 a tutti i pixel bianchi.

In alternativa, puoi utilizzare -1.0 per uno qualsiasi dei valori HSL per specificare nessuna modifica.