Come sviluppare un tema Google Chrome?


8

Ho alcune idee di design per Google Chrome. Voglio convertirlo in un tema.

Ho cercato molto, ma non ho trovato una spiegazione soddisfacente su come procedere. Sai cosa bisogna fare? Qualche link, forse?


1
Più di una domanda di programmazione questo. Voto per migrarlo su Stack Overflow.
ChrisF,

Risposte:


10

Scarica qualsiasi tema disponibile per Chrome, come questo ad esempio.

Rinominalo in modo che abbia un'estensione .zip. Aprilo con il tuo strumento di archiviazione preferito.

Il tema è descritto in un file chiamato manifest.json. Fornisce collegamenti alle immagini utilizzate nel tema. Sono nella directory "i" in quella in scala di grigi. Le immagini sono in formato PNG.

Ecco il formato del file manifest.json per Greyscale:

{
"version":"1.0",
"name":"Greyscale",
"theme":
{"images":
    {
    "theme_frame":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6ZwBDA",
    "theme_toolbar":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6pwBDA",
    "theme_button_background":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYtawBDA"
    },
"colors":
    {
    "frame":[32,32,32],
    "toolbar":[210,210,246],
    "tab_text":[0,0,0],
    "tab_background_text":[0,0,0],
    "bookmark_text":[0,0,0],
    "ntp_background":[235,235,235],
    "ntp_text":[0,0,0],
    "ntp_link":[0,0,120],
    "ntp_section":[210,210,210,1],
    "ntp_section_text":[0,0,0],
    "ntp_section_link":[0,0,120]
    },
"properties":
    {
    "ntp_background_alignment":"bottom",
    "ntp_background_repeat":"no-repeat"},
    "tints":
        {
        "buttons":[0.6,0,0.5]
        }
    }
}

Usa questo come modello per i tuoi temi.

Troverai maggiori informazioni anche qui .


come faccio ad aprire i collegamenti nella idirectory ?? Devo sapere quale dimensione dovrebbero .pngessere i file ...
Lazer,

rinominali con un'estensione .png e aprili con un editor di immagini
Snark

ok, a proposito, perché nomi così complessi? C'è qualche problema nel nominare il mio .pngfile come, diciamo top.png,?
Lazer,

no, vedi manifest manifest nell'ultimo link della mia risposta
Snark

2
L'uso di un tema esistente come modello non è abbastanza buono perché molti temi modificano solo parti del browser. E se volessi cambiare qualcosa che l'autore del tema non ha fatto? Come scopri quali nomi / proprietà / ecc. usare?
Synetech,

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.