Como editar a cor da barra de título e largura da borda de um tema gtk3?

Question

Alguém pode me dizer qual arquivo e item é editado para alterar a barra de título e a largura da borda nos temas do gtk3? Estou usando o Ubuntu versão 14.04.

Observação: isso está relacionado a Usando os temas no Repositório (14.04) .

    

Answer 1

Edite os arquivos no diretório:

/usr/share/themes/[Themename]/gtk-3.0/apps/unity.css

Para evitar a derrota do original, é melhor copiá-lo para sua área pessoal com um nome diferente e fazer as alterações. O tema aparecerá no seletor de temas como o nome para o qual você os copiou.

O tema por usuário é:

~/.themes/[Theme Name]

Especificamente para essa pergunta, você pode alterar a cor da barra de título alterando: (Há muitas maneiras, mas isso é um começo para alterar a cor da borda do widget ativo do tema Radiance do cinza padrão original para um azul brilhante).

1 (Border Top)

UnityDecoration.top {

Alterar de:

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#edebe6, 1.06)),
                                 to (@dark_bg_color));

Mude para:

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#0000ff, 1.06)),
                                 to (shade (#0000ff, 1.0)));

2 (borda direita e esquerda)

UnityDecoration.left,
UnityDecoration.right {

Alterar de:

background-image: -gtk-gradient (linear, left top, left bottom,
                                 color-stop (0, #a89686),
                                 color-stop (0.5, #a89686),
                                 color-stop (1, shade (@bg_color, 0.7)));

Mude para:

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#0000ff, 1.0)),
                                 to (shade (#0000ff, 1.0)));

3 (inferior da borda)

UnityDecoration.bottom {

Mude para:

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#0000ff, 1.0)),
                                 to (shade (#0000ff, 1.0)));

Você pode fazer a mesma coisa com a entrada ": pano de fundo" para alterar a cor das cores da borda da janela inativa. O código de cor # 0000ff é azul. Eu fiz o pano de fundo # 0000ff voltar para tornar mais fácil dizer qual das minhas muitas janelas abertas está ativa.

Por causa dos quadros de cores escuras (depois de alterar as bordas muito claras do tema Radiance), a cor do texto teve que ser alterada do padrão preto para torná-lo legível. Para isso, use o seguinte em cada um dos blocos de recursos:

text-shadow: none;
color: white;

Isso cuida da cor do quadro e do texto do tema modificado. Para a largura da borda:

Edite o bloco:

UnityDecoration {

Alterar de:

-UnityDecoration-extents: 28px 0 0 0;

Mude para:

-UnityDecoration-extents: 28px 6 6 6;

Detalhes dos recursos podem ser encontrados em:

link

Você precisa usar a ferramenta de ajuste de unidade para selecionar seu tema personalizado:

$ sudo apt-get install unity-tweak-tool