[SOLVED] How to change the scrollbars in mint 20?

[RiverRanch]

I've fixed this for vers 16,17,18,and 19, but I don't remember how to do it, or if it's even possible in 20? If I remember correctly, I did something with the css?

[RiverRanch]

In mint 20, go to /usr/share/themes/Mint-X/gtk-3.0/gtk-widgets.css. Open Mint-X as an administrator. (You need to do this before going into Mint-X/gtk-3.0 - gtk-widgets.)

Open gtk-3.0, search for 'scrollbar' which will take you down to the scrollbar portion.

-GtkScrollbar-has-backward-stepper: 1;
-GtkScrollbar-has-forward-stepper: 1; both from 0 to 1. This gives you the scrollbar arrows.

Next line down.
scrollbar.vertical {
border-style: solid;
border-color: alpha(@border, 0.5);
border-width: 0 0 0 16px;
background-image: linear-gradient(to right,
@theme_bg_color,
@theme_base_color);
Change border width: to 16 or if you don't like them that large, less.

scrollbar slider {
min-width: 16px;
min-height: 10px;
margin: -1px;
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid @border;
border-radius: 8px;
background-clip: padding-box;
background-color: transparent;
background-image: linear-gradient(to right,
shade(@theme_bg_color, 1.12),
shade(@theme_bg_color, 0.95));

Change min-width: to 16 or whatever you are using above.

Now go down to:
/* Adding support for scrollbar buttons so it's easier for users who really want
* them to enable them. */

scrollbar button {
min-width: 16px;
min-height: 10px;
padding: 2px;
border-radius: 0;
Change min-width: to 16, or again, whatever you are using from above.

There might be an easier way but this worked for me.
Reboot to see your changes. (at least I did)

The only problem I now have is Firefox. Would not take the changes, although Waterfox and Thunderbird did.

[ajgreeny]

I have added a file ~/.config/gtk-3.0/gtk.css with the content

Code: Select all

/* Set thickness of scrollbars */
.scrollbar.vertical slider,
scrollbar.vertical slider {
    min-width: 12px;
    background-color: #34a853;
}

.scrollbar.horizontal.slider,
scrollbar.horizontal slider {
    min-height: 12px;
    background-color: #34a853;
}

.scrollbar.vertical.slider:hover,
scrollbar.vertical:hover slider {
    min-width: 12px;
}

.scrollbar.horizontal.slider:hover,
scrollbar.horizontal:hover slider {
    min-height: 12px;
}

/* Include scrollbar steppers */
.scrollbar,
scrollbar {
    -GtkScrollbar-has-backward-stepper: 1;
    -GtkScrollbar-has-forward-stepper: 1;
}

scrollbar button {
min-width: 20px;
min-height: 20px;
}

There are various changes you can make to that to change the size of the scrollbar buttons or the colour codes but for my use it was simply great to get back the scrollbar behaviour that seemed to have disappeared form all windows and all distros that i've tried.
This gtk.css file has an effect on the firefox window as well as just about all of my other applications; I don't think there are any where it does not work.

[RiverRanch]

Are you aware that this is in Mint 20?

[ajgreeny]

Yes, I am.
Why do you ask?

[RiverRanch]

Well, it seems like most of your file is different than mine?
My gtk.css only has one line it it and my gtk-widgets.css doesn't match yours.

Now, if I'm supposed to add your file to gtk.css, will that effect my current edits in gtk-widgets?

[ajgreeny]

I did not have a gtk.css file until I created it, and I'm not sure about your gtk-widgets.css which I don't have in ~/.config/gtk‐3.0 either.

I assume you noticed I am not dealing with anything in themes, but the general gtk-3.0 folder in .config in my home.

[RiverRanch]

Sigh... I didn't notice!

[pinguino58]

I followed the suggestions but still can't get Firefox to change the scrollbar width.
Everything else seems ok.

[ajgreeny]

The firefox scrollbar width can be changed using about:config in the addressbar, taking you to the detailed configuration page.

Accept the warning when you go there, but do be careful.
Search for the widget.non-native-theme.scrollbar.size entry which I think has a default of 12 and change that to 24 or something similar (mine is 24 and works well on my screen).
Click on the tick mark at the right hand end of the line to save it.

[jazz.h]

Search for the widget.non-native-theme.scrollbar.size entry which I think has a default of 12 and change that to 24 or something similar (mine is 24 and works well on my screen).

Thx, this worked like a charm

[Aztaroth]

I followed the suggestions but still can't get Firefox to change the scrollbar width.
Everything else seems ok.

Is your Firefox the mint-based one or is it a flatpak, firejailed, app-armored or something else sandboxing it ?

[pinguino58]

uh, how do I find out? It is what came with 20.2.
It updated to 90.0.2

[pinguino58]

finally figured it out using the recommendation of about:config change in firefox.

thanks for the tip.

[jazz.h]

This doesn't work anymore in FF 96.3?

[ajgreeny]

This doesn't work anymore in FF 96.3?

No, you're correct.

You now to use the override line in the widget.non-native-theme.override instead and set it to 20 or whatever you want..

[jazz.h]

This doesn't work anymore in FF 96.3?

No, you're correct.

You now to use the override line in the widget.non-native-theme.override instead and set it to 20 or whatever you want..

Yeah, that solved it