Como alterar a cor da barra de rolagem?

Question

As barras de rolagem no Unity são de muito baixo contraste, e não consigo ver onde a barra está usando apenas a visão periférica. Eu tenho que olhar para a barra de rolagem.

Veja a interface do Mac OS X e observe a barra de rolagem azul e contrastante. Você não precisa olhar diretamente para ter a ideia de onde você está na página.

Como posso alterá-lo para que ele tenha mais contraste e eu vejo onde estou todas as vezes?

    

Answer 1

Um pouco atrasado, mas talvez eu tenha encontrado uma solução de GUI bastante agradável e fácil:

gnome-color-chooser

Destaques:

• Completamente solução GUI, não há necessidade de mexer manualmente com ~/.gtkrc
• Altera apenas as configurações verificadas. Desmarque a opção de reverter para o padrão.
• As alterações são aplicadas assim que você clica em Apply . Não há necessidade de alternar os temas para frente e para trás
• Não há necessidade de sudo (mas as alterações são apenas para o seu usuário)
• Aplica-se apenas a barras de rolagem "legadas" (aquelas que precisam ser corrigidas). A barra de rolagem "overlay" não é modificada.

As alterações são bastante discretas: edita (ou cria) ~/.gtkrc para incluir seu próprio arquivo de configuração:

include ".gtkrc-2.0-gnome-color-chooser"

E esse arquivo também é muito pequeno:

style "gnome-color-chooser-scrollbar"
{
  bg[NORMAL] = "#ACACAC"
  bg[PRELIGHT] = "#808080"
  bg[ACTIVE] = "#ACACAC"
}
widget_class "*Scrollbar" style "gnome-color-chooser-scrollbar"

Btw, eu escolhi as cores acima dos experimentos. Eles combinam muito bem com o estilo "monocromático-ish" do Ambiance, sendo um pouco mais escuro (e, portanto, mais visível) do que o padrão.

Até que o Firefox tenha barras de rolagem de sobreposição, estou muito satisfeito com minhas cores personalizadas:)

    

Answer 2

Eu construí sobre o que o culebrón descreveu e acidentalmente criei algo que eu acho bem legal ...

Abra /usr/share/themes/Ambiance/gtk-2.0/gtkrc como raiz para modificação:

gksu gedit /usr/share/themes/Ambiance/gtk-2.0/gtkrc

Em seguida, modifique a seção correspondente nesse arquivo para o seguinte (lembre-se de fazer backup dos padrões caso não goste das alterações):

style "scrollbar" = "button" {
    xthickness = 2
    ythickness = 2

    bg[NORMAL] = shade (0.62, @bg_color)
    bg[PRELIGHT] = shade (0.66, @bg_color)

    bg[ACTIVE] = shade (0.64, @bg_color)

    engine "murrine"
    {
        border_shades = {0.95, 0.90}
        roundness = 3
        contrast = 1.0
        trough_shades = {0.92, 0.98}
        lightborder_shade = 1.3
        glowstyle = 5
        glow_shade = 1.02
        gradient_shades = {1.2, 1.0, 1.0, 0.86}
        trough_border_shades = {0.9, 0.98}
    }
}

Salve e aplique as alterações alterando os temas ou efetuando logout.

As barras de rolagem novas, impressionantes e usáveis ​​podem se parecer com:

    

Answer 3

Encontrou a solução: sudo e abra /usr/share/themes/Ambiance/gtk-2.0/gtkrc e encontre este código:

style "scrollbar" = "button" {

Abaixo, nas chaves, altere as linhas bg [SOMETHING] para se parecerem:

    bg[NORMAL] = @selected_bg_color
    bg[PRELIGHT] = shade (1.04, @selected_bg_color)

    bg[ACTIVE] = shade (0.96, @selected_bg_color)

Ou observe as cores declaradas na linha 1 do arquivo e selecione a que você preferir. Para atualizar a aparência, em Configurações do sistema / Aparência, altere o tema para outro e de volta para o Ambiente.

edit: Aparece que o Xterm usa o tema Radiance. As barras de rolagem no Radiance são pretas em preto e são invisíveis. Tão elegante, sim! Precisa editar o tema também.

    

Answer 4

O texto acima altera a barra de rolagem para aplicativos que usam os arquivos de tema do gtk2. O mesmo acontece com o gnome-color-chooser (pelo menos aquele no repositório atual). Para aplicações gtk3, como gnome-terminal e gedit em 13.04 usando gnome-fallback, é necessário alterar /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css .

Para fazer isso

sudo gedit /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

e substitua a seção * scrollbar * por:

/*************
 * scrollbar *
 *************/
.scrollbar,
.scrollbar.vertical {
    -GtkScrollbar-has-backward-stepper: 0;
    -GtkScrollbar-has-forward-stepper: 0;
    -GtkRange-slider-width: 14;

    border-radius: 3px;

    border-image: none;
}

.scrollbar.trough,
.scrollbar.trough.vertical {
    border-color: shade (@bg_color, 0.64);
}

.scrollbar.trough.horizontal {
}

.scrollbar.slider,
.scrollbar.slider:hover,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.slider.vertical:hover,
.scrollbar.button.vertical {
    border-width: 1px;
    border-style: solid;
    border-color: shade (@bg_color, 0.4);
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@button_bg_color, 0.76)),
                                     to (shade (@button_bg_color, 0.62)));
    box-shadow: inset 1px 0 shade (@button_bg_color, 0.85),
                inset -1px 0 shade (@button_bg_color, 0.62),
                inset 0 1px shade (@button_bg_color, 0.9),
                inset 0 -1px shade (@button_bg_color, 0.62);
}

.scrollbar.slider.horizontal,
.scrollbar.slider.horizontal:hover,
.scrollbar.button.horizontal {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 0.76)),
                                     to (shade (@button_bg_color, 0.62)));
    box-shadow: inset 1px 0 shade (@button_bg_color, 0.85),
                inset -1px 0 shade (@button_bg_color, 0.62),
                inset 0 1px shade (@button_bg_color, 0.9),
                inset 0 -1px shade (@button_bg_color, 0.62);

}

.scrollbar.button,
.scrollbar.button:insensitive {
}

Isto dá uma barra de rolagem em gtk3 que se parece com isso:

O que é um pouco semelhante ao do gtk2 acima. Os pequenos ticks e steppers adequados não estão incluídos aqui.

    

Answer 5

Embora não seja uma resposta direta à pergunta, se você não gostar das novas barras de rolagem (não culpo você, elas são horríveis na minha opinião pessoal), você pode reverter para barras de rolagem padrão executando o seguinte comando:

sudo apt-get remove overlay-scrollbar liboverlay-scrollbar3-0.2-0 liboverlay-scrollbar-0.2-0

    

Answer 6

Outra alternativa:

Alguns temas que vêm com barras de rolagem coloridas, (Adwaita, NewLooks, etc), possuem barras de rolagem que podem ser facilmente alteradas alterando a configuração selected_bg_color usando dconf-editor : Como altero a cor" Itens selecionados "?

    

Answer 7

Eu sei pouco sobre computadores. Meu monitor Flatron E2211 possui botões no canto inferior direito. Eu fui lá e ajustei o contraste e melhorou muito a visibilidade do botão de rolagem. O mais estranho é que eu ajustei o contraste para baixo para obter melhorias. Vá a figura.