[GoLUG] Modifying the GTk3 scrollbar

[Wayne]

Thanks for the tips. I am so glad we can still make changes like this in CSS. It is funny though how what one person thinks is wonderful is a bane to another. I intentionally disable that mode with CSS since I prefer to scroll page-by-page. If I need to jump to the cursor position on the scrollbar I just hold down the Shift key when clicking. It's nice that we have options.


On 9/2/23 4:35 PM, Steve Litt wrote:
> 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
>