Alterar visual dos ícones dash

[salvedani]

Olá, venho por meio desta solicitar resposta para uma dúvida...
É possível editar no gnome-shell.css ou gtk-3.0.css/gtk-4.0.css o visual do desktop deixando
os ícones dos aplicativos ativos com bordas em volta?

Quero deixar igual essa imagem que contém três ícones, um ícone de aplicativo aberto mas minimizado, outro ícone de aplicativo atualmente aberto, e outro ícone de aplicativo fechado.

Consegui essa imagem passando o mouse por cima do ícone minimizado, sem o mouse em foco o ícone fica apagado igual o terceiro.



Já acrescentei
.app-well-app:active  .overview-icon {
código de edição
}
e não funcionou.

Não é possível?

[galactus]

Olá, salvedani! Tudo bem?

Leia tudo antes de realizar qualquer mudança.

Entendi o que você quer fazer, e o motivo de não ter funcionado é bem simples de corrigir. Vou explicar passo a passo.
Por que não funcionou:

Você usou :active no seletor, mas essa é uma propriedade de CSS que representa o "clique do mouse pressionado", não "aplicativo ativo". Para indicar que um app está em uso, o dock usa outras classes.
Se você tentou editar gtk-3.0.css ou gtk-4.0.css, também não vai funcionar para esse caso: esses arquivos estilizam o conteúdo dentro das janelas dos programas (botões, menus, etc.), e não a barra/dock do GNOME Shell. Para mexer no dock, o arquivo certo é outro (explico abaixo).

As classes corretas do dock:

.running → aplicativo aberto (com ou sem foco)
.focused → aplicativo aberto e atualmente em foco

Exemplo de CSS que resolve o que você quer:
css/* Aplicativo aberto e em foco (borda mais destacada) */
#dashtodockContainer .app-well-app.focused > .overview-icon {
    border: 2px solid #729fcf;
    border-radius: 6px;
}

/* Aplicativo aberto mas sem foco/minimizado (borda mais discreta) */
#dashtodockContainer .app-well-app.running > .overview-icon {
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 6px;
}
Repare que os ícones fechados não têm nenhuma dessas classes, então eles já ficam sem borda automaticamente — não precisa criar uma regra específica para eles.
Onde colocar esse código:
Isso depende de qual dock você está usando:

Se for o Ubuntu Dock (o padrão do Ubuntu), o arquivo fica em:

  ~/.local/share/gnome-shell/extensions/ubuntu-dock@ubuntu.com/stylesheet.css

Se for a extensão Dash to Dock instalada manualmente pela extensions.gnome.org:

  ~/.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com/stylesheet.css
Se esse arquivo não existir ainda, você pode criá-lo com esse conteúdo.
Depois de salvar, como aplicar:

Se estiver no X11: aperte Alt+F2, digite r e Enter para recarregar o Shell.
Se estiver no Wayland: não tem recarregamento ao vivo, você precisa deslogar e logar novamente (ou reiniciar).

Para saber se você está em X11 ou Wayland, pode rodar no terminal:

echo $XDG_SESSION_TYPE


Qualquer dúvida, pode postar aqui de novo com o resultado! 😉

Se estiver usando outra extensão de dock, favor confirmar.