Page 1 of 1

(Solved)Mint-X theme Scrollbars

Posted: Wed Jan 30, 2019 8:18 pm
by marsea can I edit Mint-X theme to have bigger Scrollbars especially for Palemoon I use...???
I have Hidpi it appear so little..
Screenshot from 2019-01-30 21-37-50.png

Re: Mint-X theme Scrollbars

Posted: Thu Jan 31, 2019 3:07 am
by smurphos

Re: (Solved)Mint-X theme Scrollbars

Posted: Fri Feb 01, 2019 4:47 pm
by roblm
I also, among many others don't understand why the developers continue to use narrow, difficult to see scrollbars. Even worse, I often need to view files with root authority, so I can edit them. The scrollbars become invisible until you hover over them. I like to be able to look over to the right to see where my position is in the file. I will say this to the developers; just wait until you get older.

Here is an optional method on editing scrollbars that may interest some users. Mint 18.3 Cinnamon and the Mint-X theme was used. The scrollbar on the left in the picture below is the default narrow one used in Firefox:


The second scrollbar has been widened by using the instructions of smurphos to edit the gtk-widgets.css file in /usr/share/themes/Mint-X/gtk-3.0 and changing these two lines. The values have been doubled:

Code: Select all

-GtkRange-slider-width: 10; 
-GtkRange-slider-width: 5px;.

The third scrollbar is a solid darker color, which allows it to be kept narrow but still be very visible. This was done by not editing the two lines above, but changing the value of the line border (line 3) in this section from 1px to 6px:

Code: Select all

.scrollbar.slider.vertical {
    border: 1px solid @border;     
    border-radius: 20px;
    background-color: transparent;
    background-image: linear-gradient(to right,

The fourth scrollbar is a result of increasing the values of the GtkRange-slider-width lines by 50%; to 15 and 7.5, and
the border line to 4.

I prefer the darker third scrollbar. This method also makes the 3 scrollbars (1 vertical and 2 horizontal) in Nemo, the File Manager, and other programs, a darker color. The default scrollbars are shown in the picture below:


The darker scrollbars are shown below:


For Mint 19 Cinnamon, go to this section of the gtk-widgets.css file. Change the values of lines 2 and 3, from 10 to 0. Change the value of line 7, from 1 to 6:

Code: Select all

scrollbar slider {
    min-width: 10px;
    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));
    box-shadow: 1px 0 alpha(white, 0.5);

For Mint 19 MATE, edit the same 3 lines in the section above for Cinnamon.
The width of the Firefox scrollbar could not be widened.

Re: (Solved)Mint-X theme Scrollbars

Posted: Wed Feb 06, 2019 10:14 pm
by pcfan5
Wow ! Great work....I know the feeling.
Thank for sharing this.
I am not and advanced user but I will keep this saved.

Re: (Solved)Mint-X theme Scrollbars

Posted: Sun Feb 10, 2019 11:58 am
by Vrai
roblm wrote:
Fri Feb 01, 2019 4:47 pm

The width of the Firefox scrollbar could not be widened:
I found this a few days ago in the 'Newbie Questions' section. Unfortunately I did not make a note of the link to the post or the poster but it is likely only a few pages back.

This does work to make the Firefox scrollbars wider.

Code: Select all

in Terminal first: xed .config/gtk-3.0/gtk.css
at the bottom new entry, leave a blank space between the last line and the new entry, paste this and save" 

.scrollbar.vertical slider,
scrollbar.vertical slider {
min-width: 15px;

logOFF/ON just to be sure and test it. if it works and you want wider change 15 to something of your liking. this only affects gtk3 applications like gedit,firefox,gnome-terminal and only for vertical scrolls. if 15 is not to your liking you can go higher or lower

locate .config/gtk-3.0/gtk.css

do you get a response? or did the command do nothing.

if you didn't get a response you need to create it. open Terminal and type:

touch .config/gtk-3.0/gtk.css
xed .config/gtk-3.0/gtk.css

now you should be able to paste the scrollbar dimensions
If I remember correctly - that is a dot config file in your /home directory. If you do not have one - create it.

Edit: found it! viewtopic.php?f=90&t=286908 :)

Re: (Solved)Mint-X theme Scrollbars

Posted: Sun Feb 10, 2019 8:41 pm
by roblm
That method does widen the Firefox scrollbar in MATE but only affects one of the three scrollbars in the File Manager and has no affect in the Synaptic Package Manager. Neither method has an affect on GIMP.

In Mint 19 Cinnamon, MATE and Xfce, the Firefox scrollbar is already dark, so doesn’t need to be widened.