seeking howto change just the scroll-bar attributes in Cinnamon

SaintDanBert · 02-14-2018, 04:02 PM

I use Cinnamon Desktop Environment on my laptop. The scroll bar is very narrow and the slider is the same color as the background. In short, I cannot see it. I believe that there is a way to alter the attributes -- color, width, etc -- of the scroll-bar without the need to edit code or CSS or similar.

I want to change the scroll-bar everywhere -- the desktop (theme?) as well as in the various graphical apps.

Can someone shed light on this desktop customization for me?

Thanks in advance,
~~~ 0;-Dan

DavidMcCann · 02-15-2018, 11:15 AM

Go to the settings part of the menu and look for themes: one is sure to have a wider scroll-bar. If you feel adventurous, there's a lot more that you can do
https://www.makeuseof.com/tag/spice-...emes-its-easy/

BW-userx · 02-15-2018, 12:51 PM

How To Customize The Cinnamon Desktop

bgstack15 · 02-16-2018, 10:34 PM

Unfortunately, I only solved my scrollbar questions by diving into the css files. Please ignore if you are certain you don't want to go in the css files.
Every theme can have a different layout of its css files. I have a modified Arc theme I use on my own systems, so my information here will be based off of that (probably from a year ago, so I don't know how much the layout could have changed).

File: ~/.themes/themename/gtk-3.0/gtk.css

Code:

scrollbar {
  scrollbar button {
    min-width: 6px;
    min-height: 6px;
  }
  scrollbar slider {
    min-width: 6px;
    min-height: 6px;
    margin: -1px;
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #b8babf; }
}

Those are the most interesting tidbits to me, especially since I added the scrollbar button one, according to my notes. Maybe this information will be helpful to someone.

SaintDanBert · 03-01-2018, 01:39 PM

Quote:

Originally Posted by bgstack15

Unfortunately, I only solved my scrollbar questions by diving into the css files. Please ignore if you are certain you don't want to go in the css files.
...

I confess to being stumped. I grok CSS at a primitive level, but I cannot find the handle to have any effect on my desktop parts.

I selected and enabled one of the standard themes. I then copied it into $HOME/.themes and tried to edit. After all sorts of restarts, no visible changes. I have Cinnamon v3.6.7 from Mint 18.3.

I have two immediate desires:

alter the 'trough' and 'slider' colors and size for scroll bars
alter the 'indicator' for on-screen volume display

NOTE -- I really don't know how to talk about the parts of the desktop and windows. (sigh)
In both cases, things are mostly grey and grey-er and very thin so that I cannot easily see what is going on.

Thanks in advance,
~~~ 0;-Dan

Trihexagonal · 03-03-2018, 08:52 PM

Quote:

Originally Posted by SaintDanBert

I confess to being stumped. I grok CSS at a primitive level, but I cannot find the handle to have any effect on my desktop parts.

I selected and enabled one of the standard themes. I then copied it into $HOME/.themes and tried to edit. After all sorts of restarts, no visible changes. I have Cinnamon v3.6.7 from Mint 18.3.

I have two immediate desires:

alter the 'trough' and 'slider' colors and size for scroll bars
alter the 'indicator' for on-screen volume display

NOTE -- I really don't know how to talk about the parts of the desktop and windows. (sigh)
In both cases, things are mostly grey and grey-er and very thin so that I cannot easily see what is going on.

When I made websites using Frameset I learned how to manipulate them using CSS so the scrollbar would disappear and you end up with essentially what is a white line with no slider. Here is my code, I'm sure parts of it will do the job you want for the scrollbars anyway:

Code:

body {
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
background-color: #000000;
}

What you're calling the trough should be the track. You'll just have to experiment a little with colors to see what it effects and go from there. Write down the existing code first so in case you mess up you can get it back to where it was. I've never used Cinnamon so that's the best I can do.

If you look in the "Basic Web Geek Question" thread in the general forum I've attached a shot of a Frameset site using this code I made when I was just playing around to amuse myself. Without it the white lines are regular gray horizontal scrollbars:

https://www.linuxquestions.org/quest...on-4175622771/