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?

Lazer
la source
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 .

Snark
la source
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
3

Il existe un guide officiel pour créer des thèmes sur le site Google Code de Chromium.

Synetech
la source
lien est mort, comment pouvons-nous accéder à cet ancien contenu?
Greg
2
Voici un cache de la page du 22 août 2015 des archives Internet.
gregh