We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

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

  • 2 uphendule
  • 1 inale nkinga
  • 14 views
  • Igcine ukuphendulwa ngu stranglehold

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; }

Okulungisiwe ngu Terry

stranglehold
stranglehold Umnikazi wombuzo
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.