Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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.