![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
completely disable scroll bar themes
A very simple question.
Firefox recently changed the scroll bar, and I hate it because it's literally invisible on 99% of webpages I visit.
I have tried changing several settings, as well as making a custom .css file and nothing works.
How do I completely disable this stupid scroll bar formatting thing?
Alle svar (6)
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".
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.
cor-el said
You can look at widget.non-native-theme prefs on the about:config page.You can open the about:config page via the location/address bar. You can click the button to "Accept the Risk and Continue".
- widget.non-native-theme.scrollbar.size
- widget.non-native-theme.win.scrollbar.use-system-size
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.
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
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.
- 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.
cor-el said
Websites can use CSS code to set the width and color of the scrollbar on a webpage.You can possibly override this with code in userContent.css (i.e. not in userChrome.css).
- 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
* { 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.
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
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.
- 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.]
Ændret af Chris Ilias den