search

Izheil / Dark-userstyles

Dark userCSS styles to use with Stylus addon.
GNU General Public License v3.0
39 stars 1 forks source link

Scrollbar Small Issue #3

Closed ILoveNox closed 4 years ago

ILoveNox commented 4 years ago

Cheers Guys, First, kudos on the amazing theme and effort. Now my "small" issue is this: With your theme, I'm also using the custom scrollbars colors you made on userstyles.org. The scrollbars (of the web pages) have the up/down (left/right) arrows in bright white while if I use the new dynamic dark scrollbar of Firefox (the one that changes color if you are on a website with dark background) the arrows are in gray color which I prefer. How can I make those arrows in your scrollbar to be gray too not white. Thanks in advance. Cheers. Screenshot (3) Screenshot (4)

Izheil commented 4 years ago

You can do this using a translucid color as track background color when installing the scrollbar theme from userstyles.org, or changing it directly from the settings context menu of the style when in any page from stylus.

imagen

This is due to Firefox only allowing to change the thumb and track colors, which only turns the arrow black or white. If you use a translucid background (something with lower than 1 Alpha), it will make the track translucid (but since it's self-contained in it's own element, you won't notice it, since it will never have any element beneath it).

So in either stylus , change the "A" value to something low like .33, or if using userstyles.org, change it to 33.

ILoveNox commented 4 years ago

@Izheil Thanks a lot for your reply. Never thought I'd get a reply this fast :) Followed your advice (from inside stylus) and it worked. Thanks a lot ! Cheers.

ILoveNox commented 4 years ago

@Izheil Sorry mate to bother you again...but on light themed pages the scroll bar is almost gray again (I guess its transparency shows the webpage beneath it)...will play with the Alpha channel and see. Screenshot (5)

Izheil commented 4 years ago

Yeah.... sadly Firefox doesn't allow direct customization to those arrows through regular CSS, so I can't do much about it. The only possible way would be patching firefox with JS to allow elevated CSS, but... that seems a bit overkill for those buttons.

The only other workaround is using a dark theme on your OS, which would turn the scrollbar dark everywhere, and make the scrollbar stop adapting to pages as well.

ILoveNox commented 4 years ago

@Izheil You're right it'd be too much to use JS for such a small issue. I already have dark theme enabled (Win10) but it doesn't affect the scrollbars in Firefox (I have enabled ui.systemUsesDarkTheme in about:config). Anyway I am sorry to have bothered you for such an issue and thank you again for being this helpful. Cheers.

Izheil commented 4 years ago

Don't worry about it, that's what the issues section is for after all! Sorry that I couldn't help more.

Still... if you have dark theme enabled on Windows it should keep scrollbars dark all the time. You could disable the per-site adjust changing these on about:config: layout.css.scrollbar-color.enabled -> This one doesn't seem to exist on nightly but does on stable. widget.disable-dark-scrollbar -> Might look ironic, but for me at least it keeps the dark scrollbar dark.

Although if it's not registering the dark theme for some reason, I'm not sure those would help.

ILoveNox commented 4 years ago

Will try and let you know. I have the first one set to true and the second to false, right?

Izheil commented 4 years ago

layout.css.scrollbar-color.enabled should be false, and widget.disable-dark-scrollbar should be true suposedly.

ILoveNox commented 4 years ago

@Izheil Well I guess there is no hope for now....all combinations don't work....Thanks anyway man. Cheers.