[Material Design] Scroll bars not very visible

[Rob_S]

Using Material design skin, dark, small in 2611 and all recent versions, I find the scroll bar to the right of the main window hard to see. It is dark on dark except for the very small gray spot showing where the scroll is currently at.

Good scroll bars should have a single-row scroll click spot function at the very top and bottom ends, and the full length of the bar should be visible, or come into view when hovering the right edge of the window.

[Lowlander]

I have to disagree, I prefer the way Material Design is regarding scrollbar colors.

Don't mind the up/down in a scrollbar, but don't actually use that in any other software.

[Rob_S]

Ummm, Ok, so I hope you have a sense of humour here....

Aren't you the same guy who thinks "play next" is working correctly???

[drakinite]

Agree or disagree, it's not too big a hassle to make changes. Took the last hour or so to code up these two addons. I tried to make the triangle icons look good in the first one, but unfortunately I have very little control over scrollbar buttons and as such, the triangles have to be black. They are both compatible with all skins, but incompatible with each other.

"Modified Scrollbars", which takes skin colors into account: https://www.mediamonkey.com/addons/brow ... crollbars/

"Native Scrollbars", which throws that all out and just uses the browser's built in scrollbar: https://www.mediamonkey.com/addons/brow ... crollbars/

Enjoy.

[Rob_S]

Cool, that works great!!!

I frequently want to move up or down a few tracks at a time!!

Only wish the entire bar was shaded a bit more relative to the background, but with the arrows, it is already much easier to see where it is.

[drakinite]

If you wanna tweak it to your own needs, you can change the percentages in the mix functions of these three lines in skin/skin_scrollbar.less:

Code: Select all

@scrollbarTrackColor: mix(@textColor, @baseColor, 30%);
@scrollbarHighlightColor: mix(@textColor, @baseColor, 50%);
@scrollbarMousedownColor: mix(@textColor, @baseColor, 60%);

Or, you can just replace them with whatever color you want.