(Solved)Mint-X theme Scrollbars
Forum rules
Before you post please read how to get help
Before you post please read how to get help
(Solved)Mint-X theme Scrollbars
...how can I edit Mint-X theme to have bigger Scrollbars especially for Palemoon I use...???
I have Hidpi display..so it appear so little..
help...tanX
I have Hidpi display..so it appear so little..
help...tanX
Last edited by marsea on Thu Jan 31, 2019 6:07 pm, edited 1 time in total.
Re: Mint-X theme Scrollbars
Cinnamox theme maker - https://github.com/smurphos/cinnamox-gtk-theme
Cinnamox themes - https://github.com/smurphos/cinnamox_themes
Cinnamox themes - https://github.com/smurphos/cinnamox_themes
Re: (Solved)Mint-X theme Scrollbars
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
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:
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:
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.
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,
.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.
Last edited by roblm on Sun Feb 10, 2019 4:18 pm, edited 1 time in total.
Re: (Solved)Mint-X theme Scrollbars
Wow ! Great work....I know the feeling.
Thank for sharing this.
I am not and advanced user but I will keep this saved.
Thank for sharing this.
I am not and advanced user but I will keep this saved.
Last edited by pcfan5 on Sun Feb 10, 2019 1:13 pm, edited 1 time in total.
Re: (Solved)Mint-X theme Scrollbars
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
Edit: found it! viewtopic.php?f=90&t=286908

Miseris Succurrere Disco
Linux User # 440357 - Ubuntu User # 11205
Linux User # 440357 - Ubuntu User # 11205
Re: (Solved)Mint-X theme Scrollbars
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.
In Mint 19 Cinnamon, MATE and Xfce, the Firefox scrollbar is already dark, so doesn’t need to be widened.