(Solved)Mint-X theme Scrollbars

Forum rules
Before you post please read how to get help
Post Reply
marsea
Level 1
Level 1
Posts: 5
Joined: Sun Jan 27, 2019 8:48 am

(Solved)Mint-X theme Scrollbars

Post by marsea » Wed Jan 30, 2019 8:18 pm

...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
Screenshot from 2019-01-30 21-37-50.png
Last edited by marsea on Thu Jan 31, 2019 6:07 pm, edited 1 time in total.

User avatar
smurphos
Level 9
Level 9
Posts: 2768
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher...

Re: Mint-X theme Scrollbars

Post by smurphos » Thu Jan 31, 2019 3:07 am


User avatar
roblm
Level 9
Level 9
Posts: 2992
Joined: Sun Feb 24, 2013 2:41 pm

Re: (Solved)Mint-X theme Scrollbars

Post by roblm » Fri Feb 01, 2019 4:47 pm

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:

scrollbar-cinnamon18.3.png

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:

Image

The darker scrollbars are shown below:

Image


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.

User avatar
pcfan5
Level 4
Level 4
Posts: 287
Joined: Tue Sep 06, 2016 10:57 am
Location: antartica

Re: (Solved)Mint-X theme Scrollbars

Post by pcfan5 » Wed Feb 06, 2019 10:14 pm

Wow ! Great work....I know the feeling.
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.

User avatar
Vrai
Level 1
Level 1
Posts: 20
Joined: Sun Jun 28, 2009 1:51 pm

Re: (Solved)Mint-X theme Scrollbars

Post by Vrai » Sun Feb 10, 2019 11:58 am

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 :)
Miseris Succurrere Disco
Linux User # 440357 - Ubuntu User # 11205

User avatar
roblm
Level 9
Level 9
Posts: 2992
Joined: Sun Feb 24, 2013 2:41 pm

Re: (Solved)Mint-X theme Scrollbars

Post by roblm » Sun Feb 10, 2019 8:41 pm

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.

Post Reply

Return to “Themes, Icons, & Wallpaper”