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.

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

How to change scrollbar color in Firefox version 73?

more options

I can't find a way to change the scrollbar color in firefox 73. The gery on grey scrollbar is very annoying because it's so hard to see. I tried to create chrome folder and tried to add various codes to userChrome. I also tried this: https://gist.github.com/Sporif/db6b3440fba0b1bcf5477afacf93f875 but it seems to not work.

On some pages the scrollbar color is fine, but on most pages it is the annoying grey on grey. I also tried disabling layout.css.scrollbar-color.enabled in about:config without any effects.

I can't find a way to change the scrollbar color in firefox 73. The gery on grey scrollbar is very annoying because it's so hard to see. I tried to create chrome folder and tried to add various codes to userChrome. I also tried this: https://gist.github.com/Sporif/db6b3440fba0b1bcf5477afacf93f875 but it seems to not work. On some pages the scrollbar color is fine, but on most pages it is the annoying grey on grey. I also tried disabling layout.css.scrollbar-color.enabled in about:config without any effects.

Chosen solution

Go to the Mozilla Add-ons Web Page {web Link} (There’s a lot of good stuff here) and search for what you want.

Read this answer in context 👍 1

All Replies (8)

more options

Chosen Solution

Go to the Mozilla Add-ons Web Page {web Link} (There’s a lot of good stuff here) and search for what you want.

more options

FredMcD said

Go to the Mozilla Add-ons Web Page {web Link} (There’s a lot of good stuff here) and search for what you want.

I thought I already tried some addon for this but now I got what I wanted using this addon: https://addons.mozilla.org/en-US/firefox/addon/custom-scrollbars/. Thanks for the reply!

more options

Glad to help. Safe Surfing.

more options

Note that by using userContent.css you can apply the styles to all pages.

You can add code to the userContent.css file.


html,body{
 scrollbar-color: yellow blue !important;
}

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

more options

cor-el said

Note that by using userContent.css you can apply the styles to all pages. You can add code to the userContent.css file.
html,body{
 scrollbar-color: yellow blue !important;
}

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

Thank you! Now I know why my earlier effords didn't work. Even though I did manage to get the scrollbar the way I wanted for most of the pages using the above addon, I will surely try to do it this way later.

Nice support forum this one, got answers way faster than I thought I would.

more options

Is userChrome being deprecated? I understand the desire to make startup faster for most users but it seems like this feature is being discouraged.

more options

See also:

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

more options

themattman18 said

Is userChrome being deprecated? I understand the desire to make startup faster for most users but it seems like this feature is being discouraged.

Yes - userChrome.css use is being discouraged due to it being hard to learn how use without creating too many support problems here. There was a discussion in Bugzilla before Firefox 57 Quantum was released about blocking userChrome.css altogether or even getting rid of the 3 main "user files", but that never came to fruition. But with the now monthly changes as XUL is slowly going away the userChrome.css scripts that people have been using may require attention with every new version that is released. It is like a "whack-a-mole" game from month to month for some users who lack the ability to "read the code" and who may even have a rough idea about what each line of script may do or how it affects the user interface mods (beyond me right now, as I lack the patience for dealing with it), but for "the average user" its gobbledygook and that's where the problems arise. I have reverted back to one-at-a-time small changes or tweaks to the UI.

Hell, I have been around since Aug 2002 with the 3rd alpha version of Phoenix and have been using userChrome.css since Firebird 0.6 for small modifications and a few years later started using Stylish for more drastic modifications. I cut my use of userChrome.css a lot in recent years though, to spend more time actually using Firefox and far less time actually fixing what got broken way too often. I miss using it, and may return once the elimination of XUL code is completed.