{"id":2320,"date":"2023-09-23T18:04:57","date_gmt":"2023-09-23T16:04:57","guid":{"rendered":"https:\/\/orditux.org\/aol\/?p=2320"},"modified":"2026-03-13T07:09:07","modified_gmt":"2026-03-13T05:09:07","slug":"aspect-des-barres-de-defilement-sous-linux","status":"publish","type":"post","link":"https:\/\/orditux.org\/aol\/2023\/09\/23\/aspect-des-barres-de-defilement-sous-linux\/","title":{"rendered":"Aspect des barres de d\u00e9filement sous Linux"},"content":{"rendered":"Temps de lecture\u00a0: <\/span> 6<\/span> minutes<\/span><\/span>

Barre de d\u00e9filement des fen\u00eatres GTK3, GTK2, Qt, et Firefox<\/h2>\n

Sous Linux l’aspect des fen\u00eatres d\u00e9pend de votre th\u00e8me graphique, GTK ou Qt, de votre gestionnaire de fen\u00eatres, ou encore, dans le cas du navigateur web Firefox, de la configuration \u00abcach\u00e9e\u00bb du programme.<\/p>\n

J’ai fait les configurations suivantes sur Ubuntu Openbox 20.04 et Xubuntu 22.04. Le r\u00e9sultat obtenu a \u00e9t\u00e9 le m\u00eame dans les deux installations.<\/p>\n

<\/p>\n

Dans le cas de GTK, nous avons couramment, en 2023, les versions GTK2 et GTK3 pouvant \u00eatre utilis\u00e9es.<\/p>\n

Quand \u00e0 QT, pour le configurer nous avons le paquet qt5ct dans les d\u00e9p\u00f4ts, qui fournit un programme de configuration en mode graphique (une fois install\u00e9, on peut le trouver et le lancer depuis le menu des applications sous \u00abPr\u00e9f\u00e9rences\u00bb).<\/p>\n

Par ailleurs lorsque vous le configurerez, s’il affiche un message \u00e0 propos de export QT_QPA_PLATFORMTHEME n’\u00e9tant pas configur\u00e9 dans la variable d’environnement, pour le configurer pour tous les utilisateurs, ajoutez-le juste au fichier environment<\/em><\/strong> qui se trouve sous le r\u00e9pertoire etc <\/em><\/strong>\u00e0 la racine du syst\u00e8me (en mode administrateur).<\/p>\n

Vous pouvez utiliser la commande sudo nano \/etc\/environment<\/em><\/strong>, et copier cette ligne dans le fichier environment<\/em>:<\/p>\n

export QT_QPA_PLATFORMTHEME=qt5ct
\n<\/em><\/p>\n

ou encore pour le configurer juste pour un utilisateur, ajoutez-le dans votre fichier ~\/.profile, comme indiqu\u00e9 ici : https:\/\/github.com\/desktop-app\/qt5ct<\/a>.<\/p>\n

Configuration des barres de d\u00e9filement de Firefox<\/h2>\n

Je commence par le plus compliqu\u00e9.<\/p>\n

Par d\u00e9faut, c’est \u00e0 peine si on voit la barre de d\u00e9filement \u00e0 droite de la fen\u00eatre quand on visite une page web assez longue.<\/p>\n

\"\"

Firefox avant de le reconfigurer<\/p><\/div>\n

 <\/p>\n

\"Barre

Barre de d\u00e9filement par d\u00e9faut<\/p><\/div>\n

 <\/p>\n

Nous pouvons forcer la barre de scroll \u00e0 rester affich\u00e9e. Les r\u00e9glages propos\u00e9s changeront l’aspect des barres lat\u00e9rales autant que des barres horizontales sur des pages web plus larges que vos fen\u00eatres de navigation.<\/p>\n

Pour faire cela, rendez-vous dans les param\u00e8tres : cliquez en haut \u00e0 droite sous les onglets de navigation du navigateur web sur les 3 petites barres horizontales<\/em> (nomm\u00e9es\u00a0Menu hamburger<\/em>, ou encore\u00a0Menu tiroir<\/em>) qui permettent d’afficher les menus, cliquez ensuite sur Param\u00e8tres<\/em> et depuis la section G\u00e9n\u00e9ral<\/em> descendez jusqu’\u00e0 Navigation<\/em>. S\u00e9lectionnez \u00abToujours afficher les barres de d\u00e9filement\u00bb<\/p>\n

\"Firefox

Firefox param\u00e8tres navigation<\/p><\/div>\n

 <\/p>\n

Et voil\u00e0, l’ascenseur reste \u00e0 sa place, il ne se cache plus !<\/p>\n

\"Barre

Barre de d\u00e9filement Firefox non masqu\u00e9e<\/p><\/div>\n

 <\/p>\n

Maintenant, la barre est visible mais elle semble toujours un peu trop \u00e9troite pour les yeux de certains internautes, et le bouton de navigation \u00e9galement. Voici comment les modifier:<\/p>\n

Ouvrons un nouvel onglet dans Firefox et dans la barre d’adresse, juste sous les onglets, on saisit \u00ababout:config\u00bb et on valide la question qui demande si on veut vraiment faire \u00e7a (\u00abAccepter le risque et poursuivre\u00bb).<\/p>\n

\"Firefox

Firefox “about:config”<\/p><\/div>\n

 <\/p>\n

Maintenant, dans le champ qui fait face \u00e0 l’ic\u00f4ne \u201cloupe\u201d nous cherchons la ligne suivante:<\/p>\n

widget.non-native-theme.scrollbar.size.override<\/pre>\n
l\u00e0, nous cliquons sur l’ic\u00f4ne \u201ccrayon\u201d \ud83d\udcdd\u00a0 et nous changeons le chiffre \u201c0\u201d pour une taille en pixels personnalis\u00e9e, par exemple, \u201c15\u201d, puis cliquez sur le bouton \u201ccoche\u201d \u2611\ufe0f qui a remplac\u00e9 le bouton \u201ccroyon\u201d \ud83d\udcdd. La taille s’ajustera tout de suite, vous pouvez ainsi faire des essais successifs, selon votre vue et selon la r\u00e9solution de votre \u00e9cran.<\/p>\n
Maintenant, la barre de d\u00e9filement est plus large, mais le bouton de d\u00e9filement n’a pas suivi. Nous cherchons, maintenant, dans le m\u00eame champ sup\u00e9rieur de la fen\u00eatre \u00ababout:config\u00bb la ligne suivante:<\/p>\n
widget.non-native-theme.scrollbar.style<\/pre>\n
(Remplacez juste la partie \u00absize.override\u00bb par \u00abstyle\u00bb dans la ligne).
\nEt cette fois, nous choisirons l’une des options suivantes, r\u00e9f\u00e9renc\u00e9es, curieusement, sur une page qui nous parle\u2026 De Windows 11 (et sous Linux aussi, \u00e7a marche !) :<\/p>\n
0<\/strong> \u2013 Syst\u00e8me par d\u00e9faut<\/p>\n
1<\/strong> \u2013 Style MacOS<\/p>\n
2<\/strong> \u2013 Style GTK<\/p>\n
3<\/strong> \u2013 Style Google Android<\/p>\n
4<\/strong> \u2013 Style Windows 10<\/p>\n
5<\/strong> \u2013 StyleWindows 11<\/p><\/blockquote>\n
\"Diff\u00e9rents
Diff\u00e9rents styles de barres de d\u00e9filement<\/p><\/div>\n
 <\/p>\n
Image AskVG.com [EN] – https:\/\/www.askvg.com\/tip-restore-full-classic-scrollbars-in-mozilla-firefox-on-windows-11<\/a><\/p>\n
Sous Linux, le style par d\u00e9faut est plut\u00f4t celui que l’on voit en 1 <\/strong>ou en 2<\/strong>. Vous pouvez maintenant remplacer le 0<\/strong>\u00a0 en face de widget.non-native-theme.scrollbar.style <\/em> par l’un des chiffres correspondants \u00e0 l’image ci-dessus de la m\u00eame mani\u00e8re, en cliquant sur le crayon pour permettre l’\u00e9dition, puis sur la coche pour sauvegarder. Selon l’ordinateur, votre vue, la r\u00e9solution de votre \u00e9cran, et selon votre environnement de bureau, le r\u00e9sultat obtenu pourra \u00eatre diff\u00e9rent.<\/p>\n
Dans mon PC de travail, c’est le choix 4 qui va le mieux, dans mon PC fixe c’est trop large. De m\u00eame, l’apparence d’un choix de largeur de barre associ\u00e9 \u00e0 un choix de style donnera un rendu diff\u00e9rent selon que vous ayez ou non param\u00e9tr\u00e9 Firefox pour Toujours afficher les barres de d\u00e9filement<\/strong>.<\/em><\/p>\n
N’h\u00e9sitez pas \u00e0 essayer plusieurs choix.<\/p>\n
Enfin, si vous \u00eates gaucher, utilisez une souris pour gaucher, vous pourriez appr\u00e9cier d’avoir cette scrollbar \u00e0 gauche, comme indiqu\u00e9 sur ce tutoriel : https:\/\/www.pcastuces.com\/pratique\/astuces\/5564.htm<\/a>.<\/p>\n
De la m\u00eame mani\u00e8re que pr\u00e9c\u00e9demment dans la fen\u00eatre \u201cabout:config\u201d<\/p>\n
Dans le champ Rechercher<\/b>, saisissez layout.scrollbar<\/b>, \u00e9ditez l’option, et fixez sa valeur \u00e0 3<\/b> avant de valider.<\/p>\n
Configuration des barres de d\u00e9filement des fen\u00eatres GTK<\/h2>\n
pour rappel, l’acronyme GTK vient de Gimp Toolkit.<\/p>\n
Pour configurer les fen\u00eatres des environnements GTK2 et GTK3 nous proc\u00e8derons ainsi:<\/p>\n
    \n
  1. \u00c9diter le fichier cach\u00e9 ~\/.gtkrc-2.0 ou ~\/.gtkrc-2.0.mine<\/li>\n
  2. \u00c9diter le fichier cach\u00e9 ~\/.config\/gtk3\/gtk.css<\/li>\n<\/ol>\n
    pour le fichier cach\u00e9 .gtkrc-2.0 (ou *.mine), sous ce qui s’y trouve d\u00e9j\u00e0, ajoutez:<\/p>\n
    style “myscrollbar”
    \n{
    \nGtkScrollbar::slider-width=15
    \n}
    \nclass “GtkScrollbar” style “myscrollbar”<\/p><\/blockquote>\n
    Vous pouvez choisir une valeur diff\u00e9rente, bien entendu.<\/p>\n
    Dans le fichier gtk.css, que vous devrez peut-\u00eatre cr\u00e9er, (il n’existe pas forc\u00e9ment) vous indiquerez:<\/p>\n
    .scrollbar.vertical slider,
    \nscrollbar.vertical slider {
    \nmin-width: 15px;
    \n}
    \nscrollbar.horizontal slider {
    \nmin-height: 15px;
    \n}<\/p><\/blockquote>\n
    vous pouvez choisir des valeurs diff\u00e9rentes de celles-ci, et m\u00eame des valeurs diff\u00e9rentes pour la barre verticale, et la barre horizontale, \u00e0 votre guise.<\/p>\n
    Configuration des barres de d\u00e9filement des fen\u00eatres QT<\/h2>\n
    Cela se prononce \u201ccute\u201d, comme en anglais pour \u201cmignon\u201d (:kio\u00fbt)<\/p>\n
    Lorsque vous employez un environnement bas\u00e9 sur Gnome (Mate, Xfce, Gnome aussi bien s\u00fbr, parmi d’autres) vous pouvez utiliser Qt5ct pour personnaliser les fen\u00eatres de vos applications venant du monde QT.<\/p>\n
    Si votre syst\u00e8me utilise encore Qt4, vous aurez besoin de qtconfig-qt4<\/code>. Avec Qt5ct, voici ce que vous pouvez faire pour modifier l’apparence de vos applications:<\/p>\n
    Dans le dernier onglet \u00e0 droite, Style des feuilles<\/strong>, cochez les deux premiers choix, scrollbar-simple.qss<\/em> et  fusion-fixes.qss <\/em>puis cliquez en bas \u00e0 droite sur le bouton Appliquer.<\/em><\/p>\n
    \"Dernier
    Dernier onglet \u00e0 droite Qt5ct Style des feuilles<\/p><\/div>\n
     <\/p>\n
    Ensuite, rendez-vous dans le premier onglet de gauche, Apparence<\/em> et sous le bouton face \u00e0 l’option Style, <\/em>choisissez fusion. <\/em>Vous pouvez essayer les autres styles disponibles, par exemple, Breeze<\/em> appara\u00eetra, si vous avez le paquet Breeze install\u00e9.<\/p>\n
    \"Qt5ct
    Qt5ct premier onglet \u00e0 gauche style des fen\u00eatres<\/p><\/div>\n
     <\/p>\n
    Voici ce que \u00e7a donne avec un pdf affich\u00e9 dans Okular<\/p>\n
    \"Apparence
    Apparence Okular apr\u00e8s configuration Qt5<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"
    Temps de lecture\u00a0: <\/span>  6<\/span> minutes<\/span><\/span>Barre de d\u00e9filement des fen\u00eatres GTK3, GTK2, Qt, et Firefox Sous Linux l’aspect des fen\u00eatres d\u00e9pend de votre th\u00e8me graphique, GTK ou Qt, de votre gestionnaire de fen\u00eatres, ou encore, dans le cas du navigateur web Firefox, de la configuration \u00abcach\u00e9e\u00bb du programme. J’ai fait les configurations suivantes sur Ubuntu Openbox 20.04 et Xubuntu 22.04. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"","footnotes":""},"categories":[160],"tags":[],"class_list":["post-2320","post","type-post","status-publish","format-standard","hentry","category-personnalisations"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/posts\/2320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/comments?post=2320"}],"version-history":[{"count":5,"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/posts\/2320\/revisions"}],"predecessor-version":[{"id":3172,"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/posts\/2320\/revisions\/3172"}],"wp:attachment":[{"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/media?parent=2320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/categories?post=2320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orditux.org\/aol\/wp-json\/wp\/v2\/tags?post=2320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}