Barre de défilement GTK avec un creux transparent ou non

Les couleurs transparentes (RGBA) sont possibles en GTK-3 en utilisant alpha ainsi pour rendre la cuvette transparente :

.scrollbar.trough,
.scrollbar.trough.vertical {
    border: alpha (@base_color, 0.0);
    background: alpha (@base_color, 0.0);
}

Je ne connais pas encore GTK-2.

Je ne suis pas sûr d'avoir bien compris votre question, mais...

J'utilise Lubuntu 13.04 avec le thème Greybird ( sudo apt-get install shimmer-themes ). J'ai lourdement modifié les aspects gtk2 et gtk3 pour les adapter à mes goûts. L'image montre un peu d'une fenêtre gedit (en haut) et un peu de mon gestionnaire de fichiers, Thunar (en bas). Comme vous pouvez le voir, le creux n'est pas vraiment distinctif.

Pour obtenir cet effet, si c'est ce que vous recherchez, j'ai édité ~/.themes/MyGreybird/gtk-2.0/gtkrc y ~/.themes/MyGreybird/gtk-3.0/gtk.css y ~/.themes/MyGreybird/gtk-3.0/gtk-widgets.css .

Malheureusement, je ne peux pas vraiment dire si c'est ce hack ou celui-là qui m'a donné le look actuel. Si vous cherchez quelque chose comme ce que j'ai, essayez d'éditer les fichiers similaires à ceux que j'ai mentionnés en cherchant des choses comme :

• GtkScrollbar ::trough-border
• prelight_shade ... # niveau d'ombrage pour le curseur de la barre de défilement, comboboxstyle(1), et état de pré-éclairage avec gradient_colors
• trough_shades # dessiner un gradient sur le creux de GtkScrollbar et GtkProgressbar

Ceux-ci sont en gtkrc et je les ai commentés dans mon thème en ayant # au début de la ligne.

Ensuite, en gtk-widgets.css mon thème a :

.scrollbars-junction,
.scrollbar.trough,
.scrollbar.trough.vertical {
    border-width: 0;
    border-radius: 0;
/*    background-image: -gtk-gradient(linear, left top, right top,
                                     from (shade(@theme_bg_color, 1.1)),
                                     to (shade(@theme_bg_color, 1.3)));*/
    background-color: shade(@theme_bg_color, 0.9);
}

.scrollbar.trough.horizontal {
/*    background-image: -gtk-gradient(linear, left top, left bottom,
                                     from (shade(@theme_bg_color, 1.1)),
                                     to (shade(@theme_bg_color, 1.3)));*/
    background-color: shade(@theme_bg_color, 0.9);
}

Encore une fois, j'ai commenté certaines choses (en utilisant /* y */ ).

Je ne suis pas sûr d'avoir été très clair mais, en gros, il suffit de chercher des choses pertinentes et de les commenter ou de les modifier !

J'utilise gedit comme éditeur avec un plug-in qui enregistre plusieurs sauvegardes horodatées, de sorte que si je casse quelque chose, je peux revenir en arrière.

Veuillez noter que certaines applications peuvent avoir leur propre système de barre de défilement et que vous devrez vous en occuper séparément.