This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

cannot figure out how to make scale and colorize scrollbars in firefox 98

stranglehold
stranglehold
more options

Using firefox in linux mint 19.3 mate. Until firefox 97, I could control the size and color of the firefox scrollbars with a system CSS. Since a firefox update to version 98, firefox ignores those settings. Nothing has changed in my firefox settings, my about:config, or system settings. But now the scrollbars are barely visible low contrast narrow bars that are unpleasant to work with, and I can't figure out how to change this. suggestions? tnx

Using firefox in linux mint 19.3 mate. Until firefox 97, I could control the size and color of the firefox scrollbars with a system CSS. Since a firefox update to version 98, firefox ignores those settings. Nothing has changed in my firefox settings, my about:config, or system settings. But now the scrollbars are barely visible low contrast narrow bars that are unpleasant to work with, and I can't figure out how to change this. suggestions? tnx

All Replies (2)

Terry
Terry
more options

You can use a preference in about:config to widen the scrollbars (css is very limited, see links below). My css to set the colours for the scrollbars still works, although not as well since FF89, the difference being that the colour of the thumb darkens when I hover over it and even more when I click on it. The code goes in userContent.css; choose your own colours, of course. I haven't shown any 'namespace' because it would probably have to be moderated as an external link. The preference is widget.non-native-theme.scrollbar.size.override (try 20). https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color https://developer.mozilla.org/en-US/docs/Web/CSS/@namespace 

  :root { scrollbar-color: #6495ED #D9D9D9 !important; }

Modified by Terry

stranglehold
stranglehold Question owner
more options

Thanks for replying. I couldn't fix the problem with CSS, but I found the add-on "Custom Scrollbar", which does the trick, and as an added bonus prevents youtube from changing the scrollbars. It's still no excuse for the developers for disabling our control over scrollbars.