In Ubuntu 16.04, I created a file ~/.config/gtk-3.0/gtk.css
to replace the skinny scrollbar (on both firefox and emacs) that widens when you hover with one that is always wide, change the color of the scrollbar to a dignified gray, and have buttons at the top and bottom to single step:
.scrollbar {
-GtkScrollbar-has-backward-stepper: true;
-GtkScrollbar-has-forward-stepper: true;
-GtkRange-slider-width: 16;
-GtkRange-stepper-size: 16;
background-color: LightGray;
}
/*
.scrollbar.slider {
background-color: DarkGray;
border-radius: 1px;
}
*/
.scrollbar.slider {
border-color: shade (@bg_color, 0.4);
background-image: -gtk-gradient (linear, left top, right top,
from (shade (@button_bg_color, 0.9)),
to (shade (@button_bg_color, 0.8)));
box-shadow: inset 1px 0 shade (@bg_color, 0.85),
inset -1px 0 shade (@bg_color, 0.62),
inset 0 1px shade (@bg_color, 0.9),
inset 0 -1px shade (@bg_color, 0.62);
}
This file seems to have no effect on Ubuntu 18.04. I would very much like to eliminate the skinny scrollbar that widens only when the mouse hovers, and to change the color from the default orange to nice gray. Can anyone tell me how to accomplish this in Ubuntu 18.04?