Como desenvolver um tema do Google Chrome?


8

Tenho algumas idéias de design para o Google Chrome. Eu quero convertê-lo em um tema.

Pesquisei bastante, mas não encontrei uma explicação satisfatória sobre como fazer isso. Você sabe o que precisa ser feito? Algum link, talvez?


1
Mais uma questão de programação isso. Eu voto para migrar para o Stack Overflow.
21410 ChrisF

Respostas:


10

Baixe qualquer tema disponível para o Chrome, como este, por exemplo.

Renomeie-o para que ele tenha uma extensão .zip. Abra-o com sua ferramenta de arquivamento favorita.

O tema é descrito em um arquivo chamado manifest.json. Ele fornece links para imagens usadas no tema. Eles estão no diretório "i" no diretório em escala de cinza. As imagens estão no formato PNG.

Aqui está o formato do arquivo manifest.json para a escala de cinzentos:

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

Use isso como um modelo para seus próprios temas.

Você encontrará mais informações aqui também.


como faço para abrir os links no idiretório ?? Eu preciso saber que tamanho devem os .pngarquivos de ser ...
Lazer

renomeá-los com uma extensão .png e abri-los com um editor de imagem
Snark

ok, por que nomes tão complexos? Existe algum problema em nomear meu .pngarquivo como, digamos top.png,?
2111 Lazer

não, ver manifesto amostra no último elo da minha resposta
Snark

2
Usar um tema existente como modelo não é bom o suficiente, porque muitos temas modificam apenas partes do navegador. E se você quiser mudar algo que o autor do tema não fez? Como você descobre quais nomes / propriedades / etc. usar?
Synetech

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.