Gnomo

Como funcionam os temas do GNOME

Como funcionam os temas do GNOME
O arquivo de temas do GNOME é essencialmente um arquivo CSS, pronto, você pode parar de ler. Existem mais alguns detalhes sobre os quais você pode querer ouvir. Os arquivos de tema descrevem a aparência de sua área de trabalho, mas isso não é tudo. Ele também contém a arte necessária para funcionar. Você faz todas as suas configurações no arquivo CSS do seu tema. Uma ressalva é que grande parte da aparência vem do GTK 2.0 e GTK 3.0 temas. Outro problema é que a configuração padrão não permite seus próprios temas, você precisa baixar a extensão do tema do usuário para usar seu próprio tema. A razão é que os arquivos de tema entregues com sua distribuição são compilados de arquivos gresource. Isso integra os temas mais próximos do processo de desenvolvimento, mas tem a desvantagem de que fazer o seu próprio requer mais habilidades de programação. A documentação também é escassa, para usuários que é. A documentação de desenvolvimento é abundante.

O formato do pacote

Quando você quiser mudar sua área de trabalho GNOME, você pode fazer isso com arquivos de tema que você escolher em 'Aparência' na interface do Tweaks. Aqui, você descobrirá que pode escolher entre 'Aplicativos', 'Cursor', 'Ícones' e 'Shell'. Isto dá-lhe toda a flexibilidade de que necessita mas pode parecer estranho quando muda o tema da shell e não tem tema de aplicação. Para resolver isso, você precisa de todos os temas correspondentes. Muitos temas contêm apenas o shell ou apenas a parte GTK + (aplicativo).

Você também pode criar seus próprios ícones e empacotá-los em um arquivo padrão. Você pode ter problemas semelhantes aqui. Se você tem ícones ou fontes que não combinam com o seu tema, na melhor das hipóteses parece bobo. Em alguns casos, o texto não ficará visível porque os ícones e o fundo são da mesma cor.

Arquivos compactados

Os muitos arquivos, fontes e decorações de que você precisa são armazenados nos diretórios de usuário abaixo.

Ícones: descompacte ícones em ~ /.pasta de ícones GTK / Tema Shell: Descompacte temas GTK e Shell em ~ /.pasta de temas Cursor: Descompacte os temas do Cursor em ~ /.ícones pasta Fontes: Descompacte fontes em ~ /.pasta de fontes

Um tema completo tem todos esses arquivos integrados e contém um arquivo: índice.tema. Os arquivos apontam todos os arquivos para garantir que você possa ter seus ícones combinando com o estilo da fonte. Você também fará com que os aplicativos pareçam corresponder uns aos outros.

GtkTheme = Adwaita
IconTheme = Adwaita
CursorTheme = Adwaita
CursorSize = 24

Este código mostra os diferentes temas que você deseja usar. Existem mais detalhes para este arquivo, portanto, certifique-se de olhar aqui ao usar o tema. Dessa forma, você obtém o melhor visual para você. Para mudar para o tema específico, você precisa alterar os valores um por um.

Qual é o formato dos arquivos?

Em cada tema, você tem uma estrutura de diretórios. Esses diretórios contêm os recursos para os quais seus arquivos CSS apontam. Você deve usar os padrões existentes para tornar mais fácil para os usuários do tema. Um bom exemplo é o tema Floresta, a árvore está abaixo.

home / matstage.temas / Forest-Dark /
└── gnome-shell
├── bens comuns
│ ├── traço
│ ├── menu
│ ├── misc
│ ├── painel
│ └── switch
├── dark-assets
│ ├── caixa de seleção
│ ├── menu
│ ├── misc
│ └── switch
├── gnome-shell.css
└── leia-me.md
12 diretórios, 2 arquivos

Aqui, você pode ver a concha de gnomo.arquivo css. Esses arquivos tendem a ficar longos porque apontam todos os elementos da área de trabalho. No entanto, há um método para a loucura, então siga alguns exemplos. O código usa todas as funções CSS comuns, um ponto (.) para classes e um hash (#) para elementos nomeados. Eles os agrupam para criar uma aparência uniforme.

Dentro dos arquivos, você tem nomes de todas as caixas e ícones. Você pode ver como eles funcionam por meio de um kit de ferramentas, chamado St (Shell Toolkit). A partir do StWidget principal, o sistema cria StEntry, StButton e StDrawing Area, além de alguns outros. Sabendo disso, você pode entender o que está vendo no CSS. Enquanto você procura, esteja preparado para pesquisar coisas na documentação, embora saber alguns princípios básicos o ajudará a navegar melhor.

.caixa de seleção StBoxLayout
espaçamento: .8em;
.caixa de seleção StBin
largura: 16px;
altura: 16px;
background-image: url ("dark-assets / checkbox / checkbox-unchecked.svg ");
.caixa de seleção: focus StBin
background-image: url ("dark-assets / checkbox / checkbox-unchecked-focus.svg ");
.caixa de seleção: verificado StBin
background-image: url ("dark-assets / checkbox / checkbox-check.svg ");
.caixa de seleção: foco: verificado StBin
background-image: url ("dark-assets / checkbox / checkbox-checks-focus.svg ");

O código acima, do tema Forest-Dark, mostra a definição de uma caixa de seleção que usa o StBin para sua definição. A maioria dos nomes serão óbvios por seus nomes. No entanto, se você não tiver certeza, verifique os Documentos do GNOME para obter orientação. A melhor estratégia para fazer seu próprio tema é basear-se em um existente e editá-lo ao seu gosto.

Quais formatos de imagem são suportados?

O formato de arquivo para todos os componentes gráficos pode ser SVG e PNG. O melhor é usar SVG, pois ele se adapta melhor a tamanhos diferentes. Este também é o mais comumente usado. Mesmo assim, o formato é bem dimensionado, certifique-se de testá-lo em várias escalas. O gráfico em si também deve ser projetado para ser claro em todas as escalas suportadas.

O que mais eu preciso para criar um tema?

A maior parte de um tema é criado escrevendo CSS correto, mas quando você deseja ter seus próprios ícones, você precisa de mais. Para Linux, você tem o Inkscape para criar gráficos SVG. Será benéfico ter seu editor de código favorito, ajuda muito quando você hackear CSS. A ideia é codificar usando tecnologias da web, afinal.

Onde encontro exemplos e tutoriais?

A maioria dos projetos existentes está disponível em https: // www.aparência de gnomo.org /, embora muitos temas bonitos também estejam disponíveis na arte Deviant. Existem alguns tutoriais, mas a maioria deles é sobre como instalar um novo tema que você baixou. Abaixo está um bom começo para explorar temas.

https: // www.worldofgnome.org / making-gtk3-themes-part-1-basics /

https: // desenvolvedor.gnomo.org / gtk3 / stable / theming.html

Conclusão

É ótimo poder ajustar seu ambiente de área de trabalho; isso é o que você olha o dia todo. Com temas para GNOME, você pode fazer isso em todos os detalhes. Lembre-se, sua área de trabalho é uma besta complexa, então esteja preparado para aprender e começar com um modelo ou projeto existente.

Como reverter a direção de rolagem do Mouse e Touchpads no Windows 10
Mouse e Touchpads não apenas torna a computação mais fácil, mas mais eficiente e menos demorada. Não podemos imaginar uma vida sem esses dispositivos,...
Como alterar o ponteiro do mouse e tamanho do cursor, cor e esquema no Windows 10
O ponteiro do mouse e o cursor no Windows 10 são aspectos muito importantes do sistema operacional. Isso também pode ser dito para outros sistemas ope...
Mecanismos de jogos gratuitos e de código aberto para o desenvolvimento de jogos Linux
Este artigo cobrirá uma lista de mecanismos de jogo gratuitos e de código aberto que podem ser usados ​​para desenvolver jogos 2D e 3D no Linux. Exist...