How to change scrollbar color in Firefox version 73?
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 👍 1All Replies (8)
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.
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!
Glad to help. Safe Surfing.
Note that by using userContent.css you can apply the styles to all pages.
- https://developer.mozilla.org/en/Web/CSS/scrollbar-color
- https://developer.mozilla.org/en/Web/CSS/scrollbar-width
You can add code to the userContent.css file.
html,body{ scrollbar-color: yellow blue !important; }
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
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:
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.
- https://developer.mozilla.org/en/Web/CSS/scrollbar-color
- https://developer.mozilla.org/en/Web/CSS/scrollbar-width
html,body{ scrollbar-color: yellow blue !important; }
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
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.
Is userChrome being deprecated? I understand the desire to make startup faster for most users but it seems like this feature is being discouraged.
See also:
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
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:
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.