Como faço para criar um tema do zero para o Unity?


66

Eu gostaria de criar um tema do zero para o Unity.

Quais conhecimentos e informações / habilidades são necessárias? Já existem ferramentas ou modelos para algo assim? Como não tenho experiência em Python, é preferível usar ferramentas voltadas para iniciantes.


11
Quão detalhado isso deve ser? Quais partes do tema você precisa? Ícones? Metacidade? GTK + 2 e GTK + 3, incluindo alterações especiais nos aplicativos (incluindo o tema da barra superior do Unity)? Também é possível (embora bastante limitado) alterar a aparência da barra do iniciador e do painel, sem fazer grandes cirurgias na fonte. ;-)
htorque 6/11/11

@ htorque Eu imagino que isso deva se concentrar apenas na interface do Unity (painel, iniciador, traço, etc., ... as outras coisas provavelmente seriam melhor abordadas em outras questões). Se você tem um bom guia de como fazer isso para a 11.10, siga-a. :)
Christopher Kyle Horton

Respostas:


45

10.04 a 11.04

Para evitar problemas com um tema criado, começo com outro tema e copio-o para um novo nome e uso o tema Equinox Evolution Midnight para criar um novo tema denominado Rinzwind . Isso evita erros, falhas e avisos sobre coisas que não estão presentes neste tema.

  • crie um novo tema com base em outro tema

Os temas são armazenados em /usr/share/themes/:

im1

Etapas realizadas nesta imagem:

  • Terminal aberto e cd /usr/share/themes/
  • sudo mkdir Rinzwind
  • cd Rinzwind
  • sudo cp -R /usr/share/themes/Equinox\ Evolution\ Midnight/* .

Dentro do novo diretório, há um arquivo nomeado index.themeque precisa ser alterado para o novo nome do tema. Então, depois de inserir, sudo gedit index.themealtere todos os nomes de temas antigos para o novo:

im2

Seqüência, pesquise e substitua Equinox Evolution Midnight -> Rinzwind
IconTheme e CursorTheme que vou manter por enquanto, mas editar esses 2 é quase o mesmo que para este tema.

E agora temos um novo nome para um tema antigo:

im2

  • Criando um novo tema

Dentro do nosso novo diretório existem 2 conjuntos de imagens:

im5

im6

Com um editor de imagens (Gimp), você pode alterar as cores ou fazer várias coisas nas imagens. Mantenha o mesmo tamanho da imagem e, é claro, use cores sãs (use uma cor e 1 ou 2 tons dessa cor para criar um tema e não algo que dê dor de cabeça instantânea às pessoas).

Recrie esses 2 diretórios na sua Picturespasta, copiando o tema para o seu Pictures. Copiei os 2 diretórios dentro do tema e removi todos os diretórios que não são imagens com isso como resultado:

im7

Abra todas as imagens dentro do gimp e comece a editá-las. Quando estiver satisfeito, copie-as para o diretório do seu tema e verifique se funciona. Observação: como o tema pertence ao root, você precisa usar o sudo para copiá-lo.


7
Você também pode copiar temas para um diretório em ~/.local/share/themes/para não precisar de direitos sudo (e evitar possíveis problemas com pacotes posteriormente) enquanto desenvolve um novo tema.
JanC

32

11.10 e acima

A criação de um tema para a versão 11.10 e posterior (GTK + 3) é felizmente muito semelhante à 11.04 e às versões anteriores do Ubuntu que usavam o GTK + 2. Esta resposta é baseada na já excelente resposta de Rinzwind .

É mais fácil alterar um tema existente do que abordá-lo do zero. Além disso - é mais fácil editar um tema em sua própria pasta pessoal local - isso evita problemas de permissões etc.

Vamos criar um novo tema chamado foss baseado no tema Ambiente. Obviamente - se você tiver outros temas GTK + 3 instalados, use-os (consulte Perguntas e Respostas vinculadas para saber onde obter temas)

Os temas de instalação são armazenados /usr/share/themes/- os temas locais são armazenados na sua pasta pessoal, sob o nome da pasta.themes

  • Terminal aberto
  • Crie uma pasta de tema foss localmkdir -p ~/.themes/foss
  • cp -R /usr/share/themes/Ambiance/* ~/.themes/foss

Dentro da nova pasta, há um arquivo nomeado index.themeque precisa ser alterado para o novo nome do tema.

gedit ~/.themes/foss/index.theme altere todos os nomes de temas antigos para o novo.

insira a descrição da imagem aqui

E agora temos um novo nome chamado foss :

Editando o novo tema

Dentro do nosso novo diretório existem duas pastas principais - Unity e gtk-3.0 :

insira a descrição da imagem aqui

Com um editor de imagens como Pinta ou Gimp, você pode alterar as cores ou fazer várias coisas nas imagens nessas pastas.

insira a descrição da imagem aqui

Mantenha o mesmo tamanho da imagem e, é claro, use cores sãs (use uma cor e 1 ou 2 tons dessa cor para criar um tema ).

Abra todas as imagens dentro do Pinta / Gimp e comece a editá-las e, quando estiver satisfeito, copie-as para o diretório do seu tema.

No entanto - a parte principal da edição do tema é alterar os vários arquivos .css nessas pastas (e na subpasta Apps ).

insira a descrição da imagem aqui

Cascading-Style-Sheets é uma linguagem de folha de estilo bem definida que altera a aparência dos objetos associados - no nosso caso, um tema - mas se aplica igualmente a páginas e documentos HTML.

Não é para os não iniciados editá-los - felizmente, existem algumas ferramentas muito boas para permitir que você edite e visualize alterações de CSS - veja as perguntas e respostas vinculadas abaixo.

Quando estiver satisfeito com o seu tema - defina seu tema via Ubuntu-Tweak

insira a descrição da imagem aqui

Infelizmente, você não pode alterar os temas através da tela Aparência padrão - os temas existentes estão codificados em 11.10 e 12.04.


Perguntas Vinculadas:


Por que não consigo alterar o tema diretamente?
Santosh Kumar

11
os temas são fixos (codificados) na tela de aparência. Tenho certeza que os desenvolvedores gostariam de um patch para corrigir isso. Até lá - use minha comunidade para alterar seus temas.
fossfreedom

16.04, depois de seguir as instruções do nome da pasta e dentro do arquivo .theme, para testar eu mudei para isso no arquivo .theme, ButtonLayout=minimize,maximize,close:mas ele não altera o layout dos botões, alguma dica? Eu unity tweak toolmudo usando ele funciona ao alternar para o Adwaita e vice-versa, mas meu tema personalizado nunca muda nada :(
Aquarius Power
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.