Onde baixar o programa GTK+ Widget Factory? - Customização e Temas - Diolinux Plus
Xterminator Junho 16, 2019, 12:33am #4
Instale as bibliotecas de desenvolvimento do GTK, o nome vai depender da sua distribuição ex:
Fedora gtk3-devel
Debian libgtk-3-dev e gtk-3-examples
Em outras distros sem fragmentação provavelmente ao instalar o gtk3 tudo vem junto, além do widget-factory tem outras ferramentas para quem tem interesse em desenvolver em gtk.
PS:O gtk-widget-factory não edita temas é mais utilizado para preview de um tema criado pois dá para ver como ficam todos widgets.
Para editar tem o Oomox com o @jeanramos citou mais acima.
Link da aplicação.
themix-project/oomox
Graphical application for generating different color variations of a Arc, Materia and Oomox themes (GTK2, GTK3 and others), Archdroid, Gnome-Colors, Numix, Papirus, Suru++ icons, and terminal pale...
Xterminator Junho 15, 2019, 7:07pm #5
Ah a outra aplicação que ele está utilizando em conjunto é o gtk-inspector que é um debugger interno do gtk, não recomendo a utilização, para evitar problemas o mesmo vem desabilitado por padrão caso queira ativá-lo por sua conta e risco a instrução está aqui.
https://wiki.gnome.org/Projects/GTK/Inspector
O aviso é bem claro.
Captura de tela de 2019-06-15 16-05-51.png878×548 35.3 KB
Thomas Junho 15, 2019, 9:06pm #6
@jeanramos, pela matéria essa aplicação tem suporte a apenas três temas:
"… Theme Style que lhe permite personalizar e criar temas baseados no momento em 3 temas super conhecidos pela comunidade, que são: o Numix, Material e Arc.
Mas de qualquer forma irei instalar e testar.
O que pretendo fazer é uma pequena mudança no tema padrão Mint Y, porém não é uma mudança de cor, ícone… Esperava por um programa no estilo o recurso de "inspecionar elemento" do Google Chrome onde você seleciona um determinado elemento em uma página e é mostrado a parte específica por ele no código fonte.
Assim que estiver no computador ilustrou o que gostaria de fazer.
Mas desde já, muito obrigado a todos.
gusbemacbe Junho 15, 2019, 9:44pm #7
@Xterminator, sou contribuidor principal dete projecto Oomox.
Xterminator Junho 15, 2019, 10:00pm #8
sou contribuidor principal dete projecto Oomox
Percebi seu nome logo quando vi, parabéns depois vou dar uma olhada no oomox, pois só conheço de nome.
Thomas Junho 15, 2019, 11:09pm #9
@jeanramos, não foi possível instalar o Oomox, mas de qualquer forma ele também não atenderia minhas necessidades, mas obrigado pela dica.
Ilustrando a pequena alteração que gostaria de fazer no tema padrão Mint Y Dark Grey:
Abaixo uma imagem do gerenciador de arquivos Nemo com o tema padrão Mint Y Dark Grey, a pequena alteração que gostaria de fazer é especificamente onde está destacado em vermelho, em vez de renderizar o cinza claro em todo o fundo, gostaria que renderizasse apenas uma linha na parte inferior, como é o caso do tema Adapta Nokto, mas sem um programa no estilo "Inspecionar elemento", nunca descobrirei qual a linha de código específica para que isso aconteça…
Gosto de um design minimalista e de poucas cores (duas cores e uma mistura de tons destas).
image.png960×719 39.2 KB
image.png960×719 34.9 KB
Antes que alguém sugira a ideia de fazer como o Dio fez com o tema Mint-Y Aqua Dark, para que eu parta do tema Adapta Nokto e altere o código da cor do ton de verde para cinza em todos os arquivos do tema, faço uma observação, pode não parecer pelas imagens acima, mas são temas com detalhes específicos bem diferentes, perincipalmente nas demais janelas do sistema.
Além do mais, no tema Mint Y Dark Grey a única coisa que não me agrada e gostaria de alterar é esse pequeno detalhe, não justificando partri de um outro tema que tenha esse detalhe já pronto, alterando a cor e sendo que os demais detalhes são diferentes e não me agrada…
Eu sou como o @henriquead7, bem sistemático, gostaria de alterar muitos pequenos detalhes no Linux, como ícones do sistema, temas GTK, tela de boot, Grub… todos pequenos detalhes, mas me falta conhecimento/tempo e por algumas tentativas próprias e pelo que pude perceber aqui no fórum, tópicos na área de customização em geral não tem final feliz e morrem prematuramente (só um exemplo), mas no geral é um fórum muito eficiente, já aprendi e resolvi muito problema aqui!
Thomas Junho 15, 2019, 11:09pm #10
Ainda não é o "Inspecionar elemento" que gostaria, mas pelo menos já é algo mais as claras…
Como fazer para visualizar em tempo real as alterações no código, como no vídeo acima?
Xterminator Junho 15, 2019, 11:50pm #11
Depois tento descobrir que aplicação é esta, mas o inspector permite você descobir qual área do programa está selecionada, tendo esta informação creio que editando o .css você consiga o que quer.
Captura de tela de 2019-06-15 20-47-50.jpg1366×768 228 KB
Aqui mostrando o nome do widget.
Captura de tela de 2019-06-15 20-48-05.jpg1366×768 255 KB
Thomas Junho 15, 2019, 11:59pm #12
Isso mesmo @Xterminator, acho que o modo mais fácil seria usando um "Inspecionar elemento", ainda mais eu que sou totalmente leigo no assunto, sem isso seria o mesmo que procurar uma agulha no palheiro, em meio a tanto arquivo e linhas de código que não faço a mínima ideia…
O Parasite parace ser outro programa de inspecionar elementos GTK.
Thomas Junho 16, 2019, 12:08am #13
Instale as bibliotecas de desenvolvimento do GTK
@Xterminator como faço isso no Linux Mint 19.1 Cinnamon?
Xterminator Junho 16, 2019, 12:39am #14
Seria o mesmo sistema para o Debian, pois o nome dos pacotes são os mesmos por ser derivada.
sudo apt install libgtk-3-dev gtk-3-examples
Depois habilite pelo gsettings.
ou dconf-editor basta pesquisar por inspector e habilitar.
Captura de tela de 2019-06-15 21-36-31.png710×742 22.3 KB
Abra a aplicação que deseja e utilize o atalho CTRL+SHIFT+D, vai abrir a tela do inspector, clique neste botão aonde o ponteiro do mouse se encontra.
Captura de tela de 2019-06-15 21-28-35.png897×561 22.6 KB
Dai você pode selecionar o que deseja, depois clique aqui novamente onde o ponteiro se encontra e você pode visualizar o objeto selecionado.
Captura de tela de 2019-06-15 21-31-00.png897×561 54.8 KB
Espero que possa ajudá-lo, boa sorte.
jeanramos Junho 16, 2019, 12:44am #15
Tem muita gente qualificada e muitos dispostos… agora deve conseguir RS
Thomas Junho 16, 2019, 12:52am #16
@Xterminator, consegui caminhar até aqui e agora?
Baixei a biblioteca, habilitei, mas não faço a mínima ideia de onde se encontra e como acessar…
Xterminator Junho 16, 2019, 1:01am #17
Abra uma aplicação e tecle CTRL+SHIFT+D, ele não vai aparecer no menu de aplicações.
caso queira vá pelo terminal e digite
GTK_DEBUG=interactive nemo
Mas o atalho funciona tranquilamente.
Captura de tela de 2019-06-15 22-00-58.png1366×768 42.3 KB
Xterminator Junho 16, 2019, 1:11am #18
Instalei o nemo aqui rapidinho só pra testar, infelizmente não tenho outros temas além do Adwaita para testar mas me mostrou isto.
Captura de tela de 2019-06-15 22-09-27.png883×547 38.5 KB
Captura de tela de 2019-06-15 22-10-43.png883×547 46.1 KB
Thomas Junho 16, 2019, 1:35am #19
É esperava por algo totalmente diferente @Xterminator , esperava selecionar o elemento "X" e obter por exemplo a parte do código CSS responsável pelo mesmo, mas nada disso!
Por exemplo o elemento de "Ajustar nível de zoom" do Nemo, ele é composto por uma serie de imagens.png, veja, alterei a cor de uma das imagens (com um editor de imagens), para um verde mais claro.
Ao selecionar este elemento pelo inspetor, esperava por referencias básicas como pelo menos o nome da imagem, diretório… para que pudesse localizá-la e editá-la!
Thomas Junho 16, 2019, 1:53am #20
Esperava por algo no mínimo igual a qualquer navegador veja:
image.png1918×1038 130 KB
Algo completo, simples e intuitivo, onde qualquer pessoa (leiga como eu), possa identificar e alterar elementos:
image.png1920×1038 126 KB
image.png1920×1038 161 KB
Xterminator Junho 16, 2019, 2:21am #21
Não sei se é isso mas já experimentou clicar em Recursos? vai te dar uma base de onde editar o tema.
Captura de tela de 2019-06-15 23-19-37.png883×547 20.3 KB
Thomas Junho 16, 2019, 3:19pm #22
@Xterminator, nenhuma informação útil nesta aba, nem nas demais, tinha espareça de encontrar a informação que precisava na aba "CSS", mas nada, por exemplo, já tentou acessar essa pasta /org?
image.png959×546 11.4 KB
Tentei acessar o diretório e nada, pesquisei pelo nome "knob.png" na raiz e também nada…
@gusbemacbe, poderia me ajudar, em como inspecionar um elemento de um tema, e saber qual o arquivo e linha de código é responsável pela execução/exibição do mesmo?
A abordagem dos navegadores neste sentido, chega a ser ridiculamente simples e eficiente, com certeza deve existir algo pelo menos próximo a essa abordagem como o vídeo abaixo:
Só no Gnome-look, temos disponível mais de 4885 temas GTK para download, acredito que deva existir um processo simples e intuitivo para criação/modificação de temas, que possa justificar esse número, já pesquisei por tutoriais ensinando a editar temas GTK e nada…
Só para entender, você mencionou que é um dos contribuidores principais do "Projeto Oomox", você contribui com a parte técnica ou financeira?
gusbemacbe Junho 16, 2019, 5:30pm #23
O autor do projecto Oomox tem outro repositório designado semelhante àquele programa que estavas a procurar. Visita o http://github.com/actionless. Ou directamente: GitHub - themix-project/oomox-gtk-theme: Oomox-gtk-theme is a fork of Numix-gtk-theme with slightly different visual design choices and more customization capabilities. It can be used in Themix/Oomox app.. Comentarei com ele acerca do suporte ao tema Mint-Y.
Só para entender, você mencionou que é um dos contribuidores principais do "Projeto Oomox" , você contribui com a parte técnica ou financeira?