Customizar as cores do XFCE4 Whiskermenu

Se você não curte as cores dos temas do Whiskermenu, confira nessa matéria como as deixar ao seu gosto pessoal.

Whiskermenu

Whisker Menu é um lançador de aplicativos alternativo para o Xfce. Ao abri-lo, é exibida uma lista de aplicativos marcados como favoritos. Você pode navegar por todos os seus aplicativos instalados clicando nos botões de categoria na lateral. As categorias de nível superior tornam a navegação rápida e simples de alternar. Além disso, o Whisker Menu mantém uma lista dos últimos dez aplicativos que você iniciou a partir dele.

Por padrão o menu Whiskermenu utiliza o tema aplicado ao desktop.


Tema claro

Tema escuro

Mas temos a opção de configurar as cores manualmente, confira.

Configurar as cores do XFCE4 Whiskermenu

As configurações são feitas em um arquivo .css com o conteúdo.



/* Cor do nome do user (color) */
#whiskermenu-window {
background-color: #2b2e37;
color: #E5E5E5;
}
/* Botões barra superior e quadro a direita */
#whiskermenu-window button {
background-color: #2b2e37;
color: #F1E9E9;
}
/* Botão ao passar o mouse */
#whiskermenu-window button:hover {
background-color: #7c849d;
color: white;
}
/* Botão selecionado */
#whiskermenu-window button:checked {
background-color: #515667;
color: white;
}
/* Quadro da esquerda selecionados */
#whiskermenu-window treeview:hover {
background-color: #e2e2e3;
color: #251212;
}
/* Quadro da esquerda fundo */
#whiskermenu-window treeview {
background-color: #d2d2d3;
color: #1a1a1a;
}
/* Quadro da direita */
#whiskermenu-window border {
background-color: #2b2e37;
border-color: #1f4f6f;
}







As configurações acima resultam no menu abaixo que optei por combinar as cores com a barra de titulo e menu do tema de janelas.

As cores são definidas por seus códigos HTML "#2b2e37", esses podem ser obtidos com APPs próprios como KColorChooser.

Note em HTML a cor do exemplo acima.

Instalação

Obviamente para poder configurar o Whiskermenu você deve ter ele instalado, assim como o KColorChooser, instale com o comando correspondente a sua distribuição Linux.


Para Arch Linux e Manjaro

sudo pacman -S xfce4-whiskermenu-plugin kcolorchooser

Para Debian e Ubuntu

sudo apt install xfce4-whiskermenu-plugin kcolorchooser

Para Fedora

sudo dnf install xfce4-whiskermenu-plugin kcolorchooser

Para openSUSE

sudo zypper install xfce4-whiskermenu-plugin kcolorchooser

Configuração

Para configurar manualmente as cores do menu, crie o arquivo de configurações com o comando abaixo.

mousepad ~/.config/gtk-3.0/gtk.css

No arquivo aberto cole as linhas abaixo.



/* Cor do nome do user (color) */
#whiskermenu-window {
background-color: #2b2e37;
color: #E5E5E5;
}
/* Botões barra superior e quadro a direita */
#whiskermenu-window button {
background-color: #2b2e37;
color: #F1E9E9;
}
/* Botão ao passar o mouse */
#whiskermenu-window button:hover {
background-color: #7c849d;
color: white;
}
/* Botão selecionado */
#whiskermenu-window button:checked {
background-color: #515667;
color: white;
}
/* Quadro da esquerda selecionados */
#whiskermenu-window treeview:hover {
background-color: #e2e2e3;
color: #251212;
}
/* Quadro da esquerda fundo */
#whiskermenu-window treeview {
background-color: #d2d2d3;
color: #1a1a1a;
}
/* Quadro da direita */
#whiskermenu-window border {
background-color: #2b2e37;
border-color: #1f4f6f;
}








Para alterar as cores faça para cada titulo.

Exemplo: " /* Quadro da direita */"

A maioria das cores são alteradas em "background-color:"

Exemplo na pratica do qadro a direita do menu.

• Código da cor gerada no KColorChooser 1dcf1a

• Código alterado no gtk.css e salva a alteração para aplicar.

• Para conferir o resultado reinicie o painel do XFCE4 com o comando.

xfce4-panel --restart

Faça o mesmo para todos o itens deixando o Whiskermenu ao seu gosto pessoal.

Desfazer

Caso queira retornar ao padrão do Whiskermenu deixando que o tema de janelas comande as suas cors, execute o comando para remover as configurações personalizadas.

rm -fr ~/.config/gtk-3.0/gtk.css