You can look at widget.non-native-theme prefs on the about:config page.

• widget.non-native-theme.scrollbar.size
• widget.non-native-theme.win.scrollbar.use-system-size

You can open the about:config page via the location/address bar. You can click the button to "Accept the Risk and Continue".

• https://support.mozilla.org/en-US/kb/about-config-editor-firefox

WARNING: Changing preferences through this interface not officially supported Hidden settings edited using the about:config tool are explicitly not supported, which means that Mozilla makes no guarantees they will be supported in the future, or that Mozilla will fix them if they break. Mozilla does not test these preferences, and will not in the future. That includes security and performance testing which these preferences may affect.

You can look at widget.non-native-theme prefs on the about:config page.

• widget.non-native-theme.scrollbar.size
• widget.non-native-theme.win.scrollbar.use-system-size

You can open the about:config page via the location/address bar. You can click the button to "Accept the Risk and Continue".

• https://support.mozilla.org/en-US/kb/about-config-editor-firefox

That does nothing. The scroll bar on this very page is half the width it should be and about 1 tick darker than the background, on a mozilla website...

How do I disable this dumb shit???

I don't give a damn about modifying the about:config. If I don't find a solution soon, I'm ditching firefox. This is straight stupid as hell, why exactly did they choose to break the scroll bar??

Websites can use CSS code to set the width and color of the scrollbar on a webpage.

• 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

You can possibly override this with code in userContent.css (i.e. not in userChrome.css).

* { scrollbar-color: auto! important; scrollbar-width: auto !important; }

It is not that difficult to create userContent.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

• https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox

You can find the button to go to the profile folder under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userContent.css (name is case sensitive). In this userContent.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userContent.css file as a plain text file.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userContent.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close (Quit/Exit) and restart Firefox when you create or modify the userContent.css file.

See also: More info about userContent.css and userChrome.css in case you are not familiar: *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.

• 1. ac>#toolkit.legacyUserProfileCustomizations.stylesheets = true
• https://www.userchrome.org/firefox-changes-userchrome-css.html

WARNING: This script is not provided by Mozilla and is not officially supported Creating a userChrome.css file and other ways of customizing Firefox that are not exposed in the interface are there for developers, not end-users. If it were intended for end-users, you would see a menu option or checkbox; you wouldn't have to hack a text file in a hidden location.

What this means is that even though the functionality you want is no longer supported, a third-party has found a way to do it using the CSS file. If it breaks in new versions, you will need to contact the person who provided the script.

Websites can use CSS code to set the width and color of the scrollbar on a webpage.

• 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

You can possibly override this with code in userContent.css (i.e. not in userChrome.css).

* { scrollbar-color: auto! important; scrollbar-width: auto !important; }

It is not that difficult to create userContent.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

• https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox

You can find the button to go to the profile folder under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userContent.css (name is case sensitive). In this userContent.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userContent.css file as a plain text file.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userContent.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close (Quit/Exit) and restart Firefox when you create or modify the userContent.css file.

See also: More info about userContent.css and userChrome.css in case you are not familiar: *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.

• 1. ac>#toolkit.legacyUserProfileCustomizations.stylesheets = true
• https://www.userchrome.org/firefox-changes-userchrome-css.html

Like I've already said, I've done that and it does nothing.

For the love of god, please add a FIXED scroll bar color to the accessability tab, since I guess I'm not supposed to be changing system files (I don't want to in the first place) and on top of that it doesn't even work anyway.

Literally , the scroll bar is invisible on mozilla's help page using their browser. Who in the hell comes up with this . Websites CAN change the color, none of them do and firefox does the stupidest thing possible in that situation while leaving no user preference to override.

dumb.

[Profanity removed by moderator. Please read Mozilla Support rules and guidelines, thanks.]