[GoLUG] Modifying the GTk3 scrollbar

Steve Litt slitt at troubleshooters.com
Sat Sep 2 19:35:22 EDT 2023


Hi all,

I absolutely love the GTk3 scrollbar's behavior of bringing the slider
to wherever you click on the scrollbar. What a time and effort saver!

However, I find the extremely narrow GTk3 scrollbar inconvenient and
hard to click. So I added the following to the end of
~/.config/gtk-3.0/gtk.css :

======================================
scrollbar slider {
    /* Size of the slider */
    min-width: 12px;
    min-height: 18px;
    border-radius: 14px;
    background-color: darkblue;
    border: 5px solid black;
    border-width: 4px;
}

scrollbar slider:hover{
	background-color: white;
}

scrollbar slider:active{
	background-color: #66ffff;
}
======================================

Now the scrollbar is wider, the slider a little more contrasty (on the
dark side) from the scrollbar, and the minute you hover or drag it it
changes to much brighter and more contrasty colors. Obviously, everyone
wants to set this a little differently, so you'll probably change
colors and widths to suit your taste. But now you know exactly how to do
that.

SteveT

Steve Litt 

Autumn 2023 featured book: Rapid Learning for the 21st Century
http://www.troubleshooters.com/rl21



More information about the GoLUG mailing list