web-dev-qa-db-fra.com

Comment changer la couleur de la barre de défilement?

Les barres de défilement dans Unity ont un contraste très faible et je ne vois pas où la barre utilise uniquement la vision périphérique. Je dois regarder la barre de défilement.

Regardez l'interface Mac OS X et remarquez la barre de défilement bleue et contrastée. Vous n'avez pas besoin de regarder directement pour avoir une idée de l'endroit où vous vous trouvez dans la page.

Comment puis-je le changer pour qu'il y ait plus de contraste et que je vois où je suis à chaque fois?

20
culebrón

Un peu tard, mais j'ai peut-être trouvé une solution graphique assez simple et facile à utiliser:

gnome-color-chooserInstall gnome-color-chooser

scrollbar settings in Gnome Color Chooser

Points forts:

  • Complètement solution graphique, pas besoin de tripoter manuellement avec ~/.gtkrc
  • Ne modifie que les paramètres que vous vérifiez. Décochez-les revenir à la valeur par défaut.
  • Les modifications sont appliquées dès que vous cliquez sur Applyname__. Pas besoin de changer de thème
  • Pas besoin de Sudo (mais les changements concernent uniquement votre utilisateur)
  • S'applique uniquement aux barres de défilement "héritées" (celles qui doivent être corrigées). La barre de défilement "superposition" n'est pas modifiée.

Les modifications sont assez discrètes: il édite (ou crée) ~/.gtkrc pour inclure son propre fichier de configuration:

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

Et ce fichier est assez mince aussi:

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

Btw, j'ai choisi les couleurs ci-dessus à partir d'expériences. Ils se marient bien avec le style "monochrome-ish" d'Ambiance, étant juste un peu plus sombres (et donc plus visibles) que par défaut.

Jusqu'à ce que Firefox obtienne des barres de défilement en superposition, mes couleurs personnalisées me conviennent tout à fait :)

19
MestreLion

Je me suis inspiré de ce que culebrón a décrit et accidentellement créé quelque chose qui, à mon avis, est assez impressionnant ...

Ouvrez /usr/share/themes/Ambiance/gtk-2.0/gtkrc en tant que root pour modification:

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

Modifiez ensuite la section correspondante dans ce fichier comme suit (n'oubliez pas de sauvegarder les valeurs par défaut si vous n'aimez pas les modifications):

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}
    }
}

Enregistrez, puis appliquez les modifications en basculant entre les thèmes ou en vous déconnectant.

Les nouvelles, superbes et utilisables barres de défilement pourraient ressembler à ceci:

11
askuhn

Ce qui précède change la barre de défilement pour les applications utilisant les fichiers de thème gtk2. Il en va de même pour le sélecteur gnome-color (au moins celui du référentiel actuel). Pour les applications gtk3, telles que gnome-terminal et gedit dans la version 13.04 utilisant gnome-fallback, il est nécessaire de changer /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css.

Pour faire ça

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

et remplacez la section * scrollbar * par ceci:

/*************
 * 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 {
}

Cela donne une barre de défilement dans gtk3 qui ressemble à ceci:

http://i.stack.imgur.com/m385G.png

Ce qui est un peu similaire à celui de gtk2 ci-dessus. Les petites tiques et les steppers appropriés ne sont toutefois pas inclus ici.

9

Trouvez la solution: Sudo et ouvrez /usr/share/themes/Ambiance/gtk-2.0/gtkrc et trouvez le code suivant:

style "scrollbar" = "button" {

Ci-dessous, dans les accolades, modifiez les lignes bg [SOMETHING] pour ressembler à:

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

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

Ou regardez les couleurs déclarées à la ligne 1 du fichier et sélectionnez celle que vous préférez. Pour mettre à jour les apparences, dans Paramètres système/Apparence, remplacez le thème par un autre, puis de nouveau sur Ambiance.

edit: Apparaît que Xterm utilise le thème Radiance. Les barres de défilement de Radiance sont noir sur noir et sont simplement invisibles. Tellement élégant, oui! Besoin de faire éditer ce thème aussi.

8
culebrón

Bien que ce ne soit pas une réponse directe à la question, si vous n'aimez pas les nouvelles barres de défilement (je ne vous en veux pas, elles sont assez horribles à mon avis), vous pouvez revenir aux barres de défilement standard en exécutant la commande suivante:

Sudo apt-get remove overlay-scrollbar liboverlay-scrollbar3-0.2-0 liboverlay-scrollbar-0.2-0
1
AClockWorkLemon

Je connais peu les ordinateurs. Mon moniteur Flatron E2211 a des boutons en bas à droite. J'y suis allé et j'ai ajusté le contraste, ce qui a grandement amélioré la visibilité du bouton de défilement. Ce qui est étrange, c’est que j’ai ajusté le contraste vers le bas pour obtenir une amélioration. Allez comprendre.

0
Tom Muckian

Une autre alternative:

Certains thèmes livrés avec des barres de défilement colorées (Adwaita, NewLooks, etc.) ont des barres de défilement facilement modifiables. Modifiez le paramètre selected_bg_color à l'aide de dconf-editor: Comment modifier la couleur des "éléments sélectionnés"?

0
dgo.a