Scrollbars suck in in-page use

[0rAX0]

I think making the scrollbars look like Adwaita makes them look bad when used in pages(since Gecko doesn't have the same Webkit scollbar awesomeness). I think we should count for that.

Now I use the GMail-style scrollbars (http://userstyles.org/styles/58318/scrollbar-as-gmail-style-for-firefox) which has a nice transparent background. We should use that!

One thing we'll gain by doing this, is that it will probably make someone kill the 80s implementation in GTK and add modern overlay scrollbars that don't suck. /rant

[garrett]

Perhaps we can do something where the trough doesn't get styled except for the page itself, and then the scrollbar doesn't have a border on that exact color. It would be two shades of grey with differing opacity (which would make it also visible on just about any background — either it, or the border), but when on the default light grey, it looks like it doesn't have a border.

It shouldn't be too difficult, except that we want to make sure that it's only on the background color for the page itself.

What does the GMail-style scrollbar look like on a top-page level?

[0rAX0]

Perhaps we can do something where the trough doesn't get styled except for the page itself, and then the scrollbar doesn't have a border on that exact color. It would be two shades of grey with differing opacity

I'm not sure I fully understand what you mean. :/

Also what's a

top-page level

?

[garrett]

Extreme example:

Border: Black, 50% Inner part: White, 50%

Both on black 100% = 50% grey inner Both on white 100% = 50% grey border Both on medium blue: lighter scrollbar area, darker border

The reason why to have the outline differ is so that you can see it on pretty much any background. (We wouldn't use color + alpha like this, but something that you'd pretty much always see.)

I meant the scrollbar for the page itself on the right side, not for iframes, textareas, etc.

[garrett]

We could, also, have a faint border to the left of the scrollbar too, or just make it 50% grey at 5% opacity or something, so it mutes the area ever so slightly.

Or whatever looks like default right now with a white background, as most pages are white (or near it)... but with alpha trickery.

[0rAX0]

The style on the right is identical, transparent trough and faint gray scrollbar button; on hover, the trough gets an inner box-shadow and a little of color and the button becomes grayer. Except that FF has a problem with transparent troughs on the side and it'll display them as white on dark pages. :(

I like what you are proposing, I'd kill the trough's background completely and only add a very subtle effect on hover though.(basically combine this style and the current one to fix the above ugliness)

[0rAX0]

Oh, and you should definitely test the style in Stylish to see the effect. :)

[garrett]

Bumping this to the Firefox 19 milestone.