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?

lazer
fonte
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.

Snark
fonte
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
3

um guia oficial para a criação de temas no site do Google Code do Chromium.

Synetech
fonte
link está morto, como chegamos a esse conteúdo antigo?
Greg
2
Aqui está um cache da página de 22 de agosto de 2015, do Internet Archive.
gregh