Comment développer un thème Google Chrome?


8

J'ai quelques idées de design pour Google Chrome. Je veux le convertir en thème.

J'ai beaucoup cherché, mais je n'ai pas trouvé d'explication satisfaisante sur la façon de procéder. Savez-vous ce qui doit être fait? Un lien, peut-être?


1
Plus d'une question de programmation cela. Je vote pour le migrer vers Stack Overflow.
ChrisF

Réponses:


10

Téléchargez n'importe quel thème disponible pour Chrome, comme celui-ci par exemple.

Renommez-le pour qu'il ait une extension .zip. Ouvrez-le avec votre outil d'archivage préféré.

Le thème est décrit dans un fichier appelé manifest.json. Il donne des liens vers des images utilisées dans le thème. Ils se trouvent dans le répertoire "i" dans celui en niveaux de gris. Les images sont au format PNG.

Voici le format du fichier manifest.json pour 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]
        }
    }
}

Utilisez-le comme modèle pour vos propres thèmes.

Vous trouverez également plus d'informations ici .


comment puis-je ouvrir les liens dans le irépertoire ?? J'ai besoin de savoir quelle taille les .pngfichiers doivent être ...
Lazer

renommez-les avec une extension .png et ouvrez-les avec un éditeur d'image
Snark

ok, btw, pourquoi des noms si complexes? Existe-t-il un problème pour nommer mon .pngfichier, disons top.png?
Lazer

non, voir l'exemple de manifeste dans le dernier lien de ma réponse
Snark

2
L'utilisation d'un thème existant comme modèle n'est pas suffisante car de nombreux thèmes ne modifient que des parties du navigateur. Et si vous voulez changer quelque chose que l'auteur du thème n'a pas fait? Comment savoir quels noms / propriétés / etc. utiliser?
Synetech

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.