Peppermint OS Community Forum

Support => Software & Applications => Topic started by: s2 on April 11, 2018, 12:09:03 pm

Title: (solved) scroll bar size
Post by: s2 on April 11, 2018, 12:09:03 pm
how does one resize the scroll bar?
Title: Re: scroll bar size
Post by: pin on April 11, 2018, 12:11:46 pm
By adjusting the number of pixels in gtkrc file, for gtk-2.0 and gtk-css file for gtk-3.0. Not really straight forward but, possible.

EDIT: What theme do you want to change? Do you want the bars wider or slimmer?
Title: Re: scroll bar size
Post by: s2 on April 12, 2018, 06:21:50 am
wider.
color change if possible.
thanks...
Title: Re: scroll bar size
Post by: pin on April 12, 2018, 06:47:47 am
Ok!
I can guide you on "how to" but I need to know in what theme you want to do this.
Color is also possible, pick a color from http://www.color-hex.com/ in the format #xxxxxx
Title: Re: scroll bar size
Post by: s2 on April 12, 2018, 01:23:21 pm
#000b60 for now.
thanks...
Title: Re: scroll bar size
Post by: pin on April 12, 2018, 01:25:12 pm
And what theme?
I might have sometime to look at it tonight!?
Title: Re: scroll bar size
Post by: s2 on April 13, 2018, 04:56:24 am
unsure of what theme at this time.
something vanilla will work for now.
really just need something so i can learn how to customise the desktop.
thanks much for the help.
Title: Re: scroll bar size
Post by: pin on April 13, 2018, 05:22:28 am
First of all a word of warning. Please, understand that if the themes get an update your changes will be overwritten.
That said you can always change it back to your preferred settings when you know how to do it. If you want, you can keep a copy of the relevant files on your home directory for future reference. Also, themes do not get updates that often.  ;)

I'm at work right now and don't have my Peppermint laptop with me. I can do this by tomorrow, unsure if I can find time tonight. Is this ok for you? And it would be so much easier if you pick a theme to change because then I can give you exact commands and lines to change, rather than just <name_of_the_theme_you_want_to_change_HERE> thing  ;)

I'll be back as soon as I can find time for this  8)

Title: Re: scroll bar size
Post by: pin on April 14, 2018, 05:04:12 pm
So, let's do this... Let's start with applications using gtk-2.0.
Open a terminal and type

Code: [Select]
cd /usr/share/themes/

Code: [Select]
ls -l

These are the themes you currently have installed...Let's take the Adwaita theme as an example

Code: [Select]
cd Adwaita

Code: [Select]
ls -l

We are looking for the gtk folders

Code: [Select]
cd gtk-2.0

Code: [Select]
ls -l

I'm on Peppermint 7 and the default text editor is pluma... if you are on Peppermint it will be xed.
To make any changes here you need root permissions.

Code: [Select]
sudo pluma gtkrc

As you can see the colors can be changed here. In some themes, you will be able to change
the scroll bars (or sliders) in this file as well. In other themes, such as this one these settings are located
in another file. Close this file and

Code: [Select]
sudo pluma main.rc

Look for the line GtkRange::slider-width      = 13 and change the value to say, 20?

save and close the file.

Play with pixel value until you are happy with it. You might need to restart for changes to take place.
For gtk-3+ is similar but, the files have different names. Look at these files and let us know if you can't figure out what/where to change the settings.

Note: It's rather useful to have that color link at hand, so that you can quickly check every color stated in these files.

Good luck  ;)
Title: Re: scroll bar size
Post by: s2 on April 14, 2018, 08:07:53 pm
hey.
i'm on Peppermint 8.
we had a power outage here due to thunderstorm.
i decided on Kokodi as my theme.
the file "/usr/share/themes/Kokodi/gtk-2.0" is not listed.
can i copy and move this file gtk-2.0 from another directory?

thanks...
Title: Re: scroll bar size
Post by: pin on April 15, 2018, 03:06:03 am
hey.
i'm on Peppermint 8.
we had a power outage here due to thunderstorm.
i decided on Kokodi as my theme.
the file "/usr/share/themes/Kokodi/gtk-2.0" is not listed.
can i copy and move this file gtk-2.0 from another directory?

thanks...
This one is a window manager theme only. It's a theme for the Xfce window manager, xfwm

Skickat från min SM-G900F via Tapatalk
Title: Re: scroll bar size
Post by: s2 on April 15, 2018, 04:40:02 am
there are no files in the directory Adwaita.
the directory backgrounds  and metacity-1  is all that is listed.
Title: Re: scroll bar size
Post by: pin on April 15, 2018, 04:51:53 am
It was just an example.
Pick an existing theme. I'm out all day with my family today.

I'm currently using this theme https://github.com/ddnexus/equilux-theme

If you follow the link you will find the directory tree for this theme here https://github.com/ddnexus/equilux-theme/tree/equilux-dev/src

Look in the gtk folder, look through the files there. You can do this in your web browser.
Title: Re: scroll bar size
Post by: pin on April 15, 2018, 11:01:19 am
Ok! Back at home, on my PM7 laptop with a real example this time.
Theme Greybird

Code: [Select]
cd /usr/share/themes/
ls -l
cd Greybird
ls -l
cd gtk-2.0/
sudo pluma gtkrc

look for these lines and change the width to the value you want

Code: [Select]
GtkScale		::slider-width				= 15
GtkScrollbar ::slider-width = 9

save the file and close. Now, back at the terminal

Code: [Select]
cd ..
cd gtk-3.0/
ls -l
sudo pluma gtk-widgets.css

Look for the following section (on this theme it starts at line 1872)

Code: [Select]
/*************
 * scrollbar *
 *************/
.scrollbar {
    border-width: 1px;
    border-style: solid;
    padding: 0;
}

.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    -GtkRange-slider-width: 5px;
    -GtkRange-trough-border: 1px;
}

.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
    border-radius: 3px;
}

Again, change the values to your desired ones, save and close.

Note, on gtk.css file you can change the color as well.

Hopefully this will help!
Title: Re: scroll bar size
Post by: PCNetSpec on April 15, 2018, 12:08:00 pm
To resize the width of the gtk-3.0 sliders in Greybird, you just have to change the value of:-
Code: [Select]
    -GtkRange-slider-width: 9;
on line 27 of
Code: [Select]
gksudo pluma /usr/share/themes/Greybird/gtk-3.0/gtk-widgets.css



To resize the width of the gtk-2.0 sliders in Greybird, you just have to (as pin suggested) change the value of:-
Code: [Select]
	GtkScrollbar		::slider-width				= 9
on line 63 of
Code: [Select]
gksudo pluma /usr/share/themes/Greybird/gtk-2.0/gtkrc



A problem that may arise from using Greybird is that when you right-click a file and select "Rename" the highlighted text appears white on a white background, so the text seems to disappear.

The fix for this...

Run
Code: [Select]
gksudo pluma /usr/share/themes/Greybird/gtk-3.0/gtk-widgets.css
find line 580, and change it from:
Code: [Select]
    background-color: @theme_base_color;
to
Code: [Select]
    background-color: @selected_bg_color;
and SAVE the file .. then either log off/on, or change theme and change back again.

For clarity, the whole section looks like this
Code: [Select]
.entry:active,
.entry:focus {
    border-color: shade(@theme_selected_bg_color, 0.8);
    background-color: @theme_base_color;
}
and should now look like this
Code: [Select]
.entry:active,
.entry:focus {
    border-color: shade(@theme_selected_bg_color, 0.8);
    background-color: @selected_bg_color;
}
Title: Re: scroll bar size
Post by: s2 on April 17, 2018, 11:45:02 am
i appreciate the help and taking the time to work with me on this scroll bar issue.
all the tweaks do not have any effect whatsoever.
i have not tried to change any colour.
so, could we try to change the colour?
something simple to see if i am able to manipulate the file.
Title: Re: scroll bar size
Post by: pin on April 17, 2018, 11:52:19 am
Have you rebooted the system?

Skickat från min SM-G900F via Tapatalk

Title: Re: scroll bar size
Post by: s2 on April 17, 2018, 11:59:14 am
yes.
no change.
Title: Re: scroll bar size
Post by: PCNetSpec on April 17, 2018, 12:03:39 pm
I take it you're making the changes to the Greybird theme ?

Are you actually using the Greybird theme ?

If not, which theme are you using, and where did you get it ?
Title: Re: scroll bar size
Post by: pin on April 17, 2018, 12:08:25 pm
As for the colors it's very simple. You find the hex-code for the color you want to use and change the defaults in a similar way...

Skickat från min SM-G900F via Tapatalk

Title: Re: scroll bar size
Post by: s2 on April 19, 2018, 12:19:47 pm
I take it you're making the changes to the Greybird theme ?

Are you actually using the Greybird theme ?

If not, which theme are you using, and where did you get it ?
yes. using Greybird.
Title: Re: scroll bar size
Post by: s2 on April 19, 2018, 12:21:35 pm
As for the colors it's very simple. You find the hex-code for the color you want to use and change the defaults in a similar way...

Skickat från min SM-G900F via Tapatalk
have not changed the colors yet.
thanks...
Title: Re: scroll bar size
Post by: s2 on April 23, 2018, 04:05:35 am
ok.
i have been able to make some changes to both the color background and the slider width.
but the slider-width has not changed in the Chromium window.

any suggestions?
Title: Re: scroll bar size
Post by: pin on April 23, 2018, 04:10:24 am
Hi again,
Is it only chromium? Chromium should be using gtk-3. Do other gtk-3 apps behave like you want them to?
I use firefox and don't have chromium installed.
Title: Re: scroll bar size
Post by: PCNetSpec on April 23, 2018, 07:18:35 am
I'm pretty sure Chromium draws its own window decorations (hence why there's no window titlebar in Chrome/Chromium) unless you specifically toggle its "Use system titlebar and borders" setting, but even then I think it still draws its own scrollbars (but I could be wrong).

In Chromium/Chrome, go to
chrome://settings/

and try toggling the "Use system titlebar and borders" setting.



But there is a chrome/chromium extension called "Rescroller" that allows you to change it's scrollbar size/colour
https://chrome.google.com/webstore/detail/rescroller/ddehdnnhjimbggeeenghijehnpakijod?hl=en



You used to be able to easily create/edit a Custom.css for Chrome/Chromium (kinda the equivalent of Firefox's userChrome.css) to apply user customisations .. but it's now just another thing Google decided you shouldn't be allowed to do ::)
Title: Re: scroll bar size
Post by: s2 on April 25, 2018, 12:05:28 pm
Hi again,
Is it only chromium? Chromium should be using gtk-3. Do other gtk-3 apps behave like you want them to?
I use firefox and don't have chromium installed.
as of now just Chromium.
i have not noticed any other apps so far.
Title: Re: scroll bar size
Post by: s2 on April 25, 2018, 12:29:18 pm
But there is a chrome/chromium extension called "Rescroller" that allows you to change it's scrollbar size/colour
https://chrome.google.com/webstore/detail/rescroller/ddehdnnhjimbggeeenghijehnpakijod?hl=en


this Rescroller may do the trick.
i am currently experimenting with it.

thanks to all.
Title: Re: scroll bar size
Post by: pin on April 25, 2018, 12:40:27 pm
Care to share a screenshot after all the changes?

Skickat från min SM-G900F via Tapatalk

Title: Re: scroll bar size
Post by: PCNetSpec on April 25, 2018, 12:57:26 pm
Care to share a screenshot after all the changes?

(click image to enlarge)
(https://i.imgur.com/VjSF7My.png)
:))
Title: Re: scroll bar size
Post by: pin on April 25, 2018, 01:04:06 pm
not you... and not of "how to..." in chromium!! Chromium/chrome will never be installed on my systems.


EDIT: Hmm! Your horizontal scrollbar is missing the logo
Title: Re: scroll bar size
Post by: PCNetSpec on April 25, 2018, 01:06:40 pm
I know, just couldn't resist :)

Quote
EDIT: Hmm! Your horizontal scrollbar is missing the logo

That would be because there's nothing to scroll, the horizontal scroll handle only appears on pages wider than screen.

besides which, it was a joke .. it looks horrible.
(and I don't use Chrome/Chromium either)
Title: Re: scroll bar size
Post by: pin on April 25, 2018, 01:13:13 pm
Great!
Usually, if you spend time configuring the "eye candy", you want to show it right?

...and I got a bit curious about the OP's "final" result. "final", because it's never final ... once you start messing with the looks you get addicted

Skickat från min SM-G900F via Tapatalk

Title: Re: scroll bar size
Post by: pin on April 25, 2018, 01:38:45 pm
I've always been happy with my Peppermint "eye candy", the only thing I do is to move the panel to the top, make it transparent and add plank at the bottom.
That said, my Void system has been my "training ground"
Here is my "final" theme for that set-up...
Equilux-theme, Matcha-icons and the rest is hand-made, including the desktop-analogue-clock... https://forum.voidlinux.eu/t/offical-desktop-screenshot-thread/30/418?u=pin

You see, showing eye-candy
Title: Re: scroll bar size
Post by: s2 on April 27, 2018, 11:47:21 am
Care to share a screenshot after all the changes?

Skickat från min SM-G900F via Tapatalk
how to attach a screenshot or file?
can't find it in reply.
Title: Re: scroll bar size
Post by: pin on April 27, 2018, 11:53:12 am
Hi, see here
https://forum.peppermintos.com/index.php?topic=4036.0

Skickat från min SM-G900F via Tapatalk

Title: Re: scroll bar size
Post by: s2 on April 28, 2018, 11:06:24 am
thanks for the help.
 :) :'(
Title: Re: scroll bar size
Post by: pin on April 28, 2018, 12:04:08 pm
Nice !
Hope you're happy!
Glad we could help and thx for sharing.

Skickat från min SM-G900F via Tapatalk

Title: Re: scroll bar size
Post by: s2 on April 30, 2018, 12:38:05 am
Nice !
Hope you're happy!
Glad we could help and thx for sharing.

learning a little each day.
appreciate the help.
Title: Re: scroll bar size
Post by: s2 on April 30, 2018, 12:48:01 am
close