Como criar facilmente seu próprio tema para o Google Chrome. Fatos interessantes e dicas úteis Como criar um tema para o google chrome

No canto superior direito do chrome, clique em e depois em Configurações.

Em "Aparência", clique em Redefinir para o padrão. Você verá o tema clássico do Google Chrome novamente.

Qual é o tamanho recomendado para cada imagem?

Tema_frame: ∞ x 30px

Barra de ferramentas do tema: ∞ x 120px

Theme_tab_background: ∞ x 65px

Theme_ntp_background: tamanho mínimo recomendado para imagens 800 x 600px

Tema_frame_overlay: 1100 x 40px

Theme_button_background: 30 x 30px

Onde posso aprender a criar um tema do Chrome?

O que é um tema?

Um tema é um tipo especial de extensão que altera a aparência do navegador Google Chrome. É um pacote compactado de arquivos: um arquivo manifest.json e várias imagens png

Aqui está um arquivo manifest.json de exemplo para um tema:

( "version": "1.0", "name": "tema de teste", "description": "Um tema de teste", "theme": ( "images" : ( "theme_frame" : "images/theme_frame_camo.png", "theme_toolbar" : "images/theme_toolbar_camo.png", "theme_ntp_background" : "images/theme_ntp_background_norepeat.png", "theme_ntp_attribution" : "images/attribution.png" ), "colors" : ( "frame" : , "toolbar" : , "ntp_text" : , "ntp_link" : , "ntp_section" : , "button_background" : ), "tints" : ( "botões" : ), "propriedades" : ( "ntp_background_alignment" : "bottom") ) ) )

versão: um a quatro inteiros separados por pontos que identificam a versão deste tema.

nome: Uma string de texto simples e curta (não mais que 45 caracteres) que identifica o tema.

Descrição: um texto de descrição para o seu tema.

imagens: Recursos de imagem para este tema. Por exemplo, "theme_ntp_background" é usado para especificar o plano de fundo do novo painel de guias.

cores: As cores estão no formato RGB, que é usado para especificar a cor do texto do marcador, moldura, etc.

matizes: você pode especificar os tons a serem aplicados a partes da interface do usuário, como botões, o quadro e a guia de plano de fundo.

Os matizes estão no formato Hue-Saturation-Lightness (HSL), usando números de ponto flutuante no intervalo de 0 a 1,0: - Hue é um valor absoluto, com 0 e 1 sendo vermelho. - A saturação é relativa à imagem fornecida atualmente. 0,5 é nenhuma mudança, 0 é totalmente dessaturado e 1 é saturação total. - A luminosidade também é relativa, com 0,5 sendo nenhuma alteração, 0 como todos os pixels pretos e 1 como todos os pixels brancos. Você também pode usar -1.0 para qualquer um dos valores HSL para não especificar nenhuma alteração.

propriedades: este campo permite especificar propriedades como alinhamento de fundo, repetição de fundo.

O que é este criador de temas on-line do Chrome?

O criador de temas on-line do Chrome é uma ferramenta simples de criação de temas para pessoas que não estão familiarizadas com o arquivo .json. Ele fornece uma maneira simples de alterar imagens, escolher cores e tonalidades, visualizar e empacotar seu tema do Chrome online.

Se você passa muito tempo na Internet, a aparência do navegador não é menos importante do que sua funcionalidade ou velocidade. É muito mais confortável trabalhar com uma bela interface ergonômica, na qual cores, ícones, controles e imagens de fundo são combinados de maneira ideal. O navegador Google Chrome facilita a instalação e a alteração de temas, mas se nenhum deles combina com você, você pode criar facilmente o seu próprio.


A razão para escrever esta nota foi o lançamento de uma extensão oficial da equipe do navegador chamada . Com ele, você pode criar seu próprio design exclusivo para seu navegador favorito em apenas três etapas simples. Depois de instalar esta extensão, um novo ícone aparece na guia de aplicativos instalados. Clicar nele iniciará o Assistente de Novo Tema.


Na primeira etapa, será solicitado o upload de uma imagem de fundo na forma de uma foto ou um instantâneo da webcam. O plano de fundo baixado pode ser visto imediatamente na janela de visualização e sua localização e posição podem ser ajustadas. A qualquer momento, você pode cancelar as alterações feitas ou ir para a próxima etapa, para a qual você deve clicar no botão Continue para a Etapa 2.


Na próxima etapa, poderemos alterar as cores principais da janela do navegador. Ao clicar nos botões do pincel, seremos solicitados a escolher uma das trinta cores básicas para a nova guia, guia de plano de fundo e plano de fundo da janela.

Como você pode ver, é muito fácil criar seu próprio tema usando a extensão proprietária do Google.

19Caracteres

Neste guia, mostrarei como de forma rápida e fácil criar tema para o navegador google chrome. Esta é a maneira mais fácil, mas, por precaução, descreverei tudo em detalhes.

O que você vai precisar:
-Apêndice
-Meu tema do Chrome
-Registro do Google

1. Primeiro, abra o Chrome e vá para aplicativos.

2. Agora vá para a Loja. (não tenha medo de comprar nada).

3. Na pesquisa, digite My Chrome Theme e pressione Enter.

4. Encontre o aplicativo My Chrome Theme e clique no botão Free.

5. Esta janela aparecerá, clique em adicionar. A propósito, depois de clicar no botão Grátis, pode ser necessário fazer login no google.

6. Agora estamos aguardando o download e a instalação.

7. Agora vá para Aplicativos novamente e selecione Meu tema do Chrome.

8. Clique em Começar a Criar Tema

9. Aqui você pode escolher enviar uma foto de um computador ou de uma webcam. No meu caso, eu baixo de um computador.

10. Selecione uma imagem ou foto.

11. Agora edite a posição da imagem ou foto e clique em Continuar para a Etapa 2.

12. Aqui clicamos nos pincéis e selecionamos as cores para cada elemento separadamente. Depois disso, clique em Continuar para a Etapa 3.

13. Escreva o nome do tema e clique em Criar meu tema!

15.Na parte inferior onde o download será um novo download. Clique em Avançar.

16.Agora clique em Adicionar.

17. E nós admiramos. É verdade que, no meu caso, a foto não é adequada. Para quem está familiarizado com a Internet há muito tempo, essa instrução parecerá ridícula, pois tudo é muito detalhado. Mas não esqueçamos que algumas pessoas não são tão craques no uso da Internet e precisam de uma descrição detalhada.

Para fazer isso, você precisa de um construtor de temas da web especial, um pouco de inspiração e alguns minutos de tempo livre. Embora se você sofre de perfeccionismo, pode passar algumas horas. Nós avisamos você. :)

Então, abra o aplicativo da web. Você verá abas com ferramentas para criar temas no lado esquerdo da janela e uma área para visualizar o resultado à direita.

Este construtor permite criar tópicos no modo semiautomático. Mas você também pode personalizar tudo manualmente para que o resultado fique completamente de acordo com o seu gosto.

1. O caminho mais fácil

A linha inferior é esta: você carrega qualquer imagem que desejar para o construtor, e ThemeBeta a usa como plano de fundo principal para o novo tema e ajusta automaticamente todas as cores do design para combinar com ela.

Para adicionar sua própria imagem, na guia Básico, clique em Carregar uma imagem e selecione a imagem desejada em seu computador. Em seguida, para que o editor personalize as cores do tema, clique em Gerar cores.

Se estiver satisfeito com o resultado, clique em Pack and Install e confirme o download e depois adicione o tema ao Chrome. O navegador ativa imediatamente o novo design.

Se, após a configuração automática, você quiser alterar as cores ou adicionar fundos separados para diferentes elementos do tema, precisará de ferramentas em outras guias. Mais sobre eles no próximo parágrafo do artigo.

2. Maneira avançada

Este método consiste em definir manualmente os fundos e as cores do texto para o novo tema.

Para selecionar imagens ou cores como plano de fundo para vários elementos de design, use as ferramentas na guia Imagens. Basta passar o mouse sobre qualquer ferramenta, pois na janela à direita, o designer mostrará qual parte do tema ela muda. Por exemplo, NTP Background é usado para definir o plano de fundo principal. E Tab Background permite que você escolha o plano de fundo do cabeçalho do site.

Depois de classificar seus planos de fundo, você pode personalizar as cores do texto na guia Cores. Tudo funciona da mesma maneira aqui. Há uma lista de ferramentas, passe o mouse sobre qualquer uma delas - e na janela à direita você verá pelo que ela é responsável.

Quando terminar com os planos de fundo e as cores do texto, abra a guia Pack e clique em Pack and Install para baixar e aplicar o tema escolhido.

Além disso, você sempre pode escolher e instalar um dos muitos temas prontos do banco de dados ThemeBeta ou do catálogo oficial do Google. Se no futuro você quiser voltar ao design padrão, vá para as configurações do Chrome e ao lado do item "Temas", clique em "Escala Padrão".

Talvez alguém goste deste artigo. Aqui eu decidi apresentar alguns temas bonitos e bonitos para o navegador Google Chrome.

No momento é um dos navegadores mais populares, mas já sabemos disso. Tem muitos recursos: plugins, extensões e, claro, temas do google chrome. Assim, você pode personalizar a aparência do seu navegador da maneira que desejar. Abaixo darei várias opções de tópicos, talvez você goste de algo, e algo que não goste, você escolhe.

Temas para o Google Chrome

Cubos azuis e verdes, tema de design de pintura agradável, bastante minimalista e agradável. Se você gosta de temas desses assuntos, apresse-se para instalar.


Pelo nome fica claro que o tema para os fãs do Batman, como você pode ver, também é agradável de se ver.

  • Carbono preto + metal prateado


O tema de metal prateado e visual de carbono preto é bem minimalista com lindo padrão, o padrão fica perto da barra de pesquisa.

  • fazer


O tema é grande com um padrão floral no fundo, muitas flores na parte superior da janela do navegador. O design é atraente. Em salas bem iluminadas, as cores claras do tema serão úteis. Se você gosta do tema, então instale.

  • Politema


Tema muito legal de forma minimalista, uma grande variedade de tonalidade roxa. Eu definitivamente instalaria este tema.


Tema em forma de listras pretas e brancas. Quem fez isso definitivamente tem um grande senso de design.

  • Citrus_Cranes


O tema é em tom alaranjado com verde limão e cor de origami cáqui ao fundo. Vemos origami de papel na parte superior da janela do navegador. Parece ótimo.

  • Tema do Google Now




O tema é bem colorido. Ela nos mostra diferentes respingos de tinta com diferentes tons e cores.

Acho suficiente. Dez temas, acho que você vai gostar de alguns deles e decide instalá-los no seu navegador. Mesmo que você não goste de nenhum tema, você pode escolher qualquer tema da Chrome Web Store.