Aumente a espessura do bisel do botão destacado (GNOME)

Pela imagem fornecida pelo cartaz, verifica-se que o tema é Ambiance .

O trecho de código a seguir fornecerá algum alívio:

* {
    outline-style: solid;
    outline-offset: -2px;
    outline-width: 2px;
}

Rota nº 1:

Esse código pode ser adicionado a ~/.config/gtk-3.0/gtk.css usando um editor de texto simples. (Se o arquivo e a pasta não existirem, basta criá-los.)

* {    
    outline-style: solid;
    outline-offset: -2px;
    outline-width: 2px;
    outline-radius: 2px;
}

Você pode consultar as propriedades do esboço do CSS para obter mais opções.

Deve-se notar que

• o código colocado em ~/.config/gtk-3.0/gtk.css afetará todos os aplicativos gtk3 e todos os temas gtk3.
• os valores podem ser ajustados de acordo com as necessidades.
• talvez seja preferível omitir uma cor para que o contraste esteja disponível independentemente da cor de fundo envolvida (como visto na animação abaixo).

Rota nº 2:

Se você gosta de experimentar outros temas, modificar ~/.config/gtk-3.0/gtk.css pode não ser o melhor caminho porque o código neste arquivo se aplica a todos os temas gtk3: obviamente, se um determinado tema já tiver seu própria maneira de lidar com a questão do contorno, pode haver efeitos indesejados.

Por esse motivo, prefiro editar o próprio tema para que a alteração fique restrita a um determinado tema.

Nesse caso, editei usr/share/themes/Ambiance/gtk-3.20/gtk-widgets.css para que as primeiras linhas ficassem assim:

* {
    -GtkHTML-link-color: #f07746; /* @link_color */
    -GtkIMHtml-hyperlink-color: #f07746; /* @link_color */
    -GtkTextView-error-underline-color: #df382c; /* @error_color doesn't work due to a gtk bug */
    -WnckTasklist-fade-overlay-rect: 0;

    background-origin: border-box;
    background-clip: padding-box;

    outline-style: solid;
    outline-offset: -2px;
    outline-width: 2px;
}

.background {
    color: @fg_color;
    background-color: @bg_color;
}

As três linhas que começam com "outline-" são as linhas que adicionei.

Na animação abaixo, observe que a cor do contorno varia de acordo com o fundo:

Algumas imagens mostrando a diferença que pode ser feita editando o tema Ambiance ou gtk.css conforme descrito acima:

Antes da:

Depois: