firefox scrollbar color
Hi
I have a new mac mini with ventura. I am trying to transition from Chrome to Firefox and I have one single thing that is stopping me from doing that.
It is the color of the scrollbar thumb. Currently it is light grey on slightly lighter grey. Almost impossible for me to see with my older eyes.
What I've done so far is to set this to true in the firefox config:
toolkit.legacyUserProfileCustomizations.stylesheets
and created the userChrome.css in the correct profile folder (from firefox troubleshooting information page)
What I want is that anytime the scrollbar displays, I want the thumb to be blue so I can see it. I've not been able to find the css to do this.
Please help me with this, Chrome has become almost unusable and I need to switch to Firefox.
thanks Nick
Gekose oplossing
No restart is required when changing these colors.
Set toolkit.legacyUserProfileCustomizations.stylesheets to false then restart to avoid interference.
Change the style of the scrollbar with widget.non-native-theme.scrollbar.style to 2 or larger (non-Mac style).
Having high contrast enabled will override any custom colors (widget.non-native-theme.always-high-contrast).
Lees dié antwoord in konteks 👍 3All Replies (6)
Go to about:config in the address bar and create ui.themedScrollbarThumb (String) with value blue. No userChrome.css required.
Scrollbar colors that can be modified:
ui.themedScrollbar
ui.themedScrollbarInactive
ui.themedScrollbarThumb
ui.themedScrollbarThumbHover
ui.themedScrollbarThumbActive
ui.themedScrollbarThumbInactive
Those preferences aren't available in my browser. The following code in userContent.css works for me. That file goes in the same folder as userChrome.css. You may not need the first line; I need it for some code in my userContent.css file.
@namespace html url("http://www.w3.org/1999/xhtml");
:root { scrollbar-color: #6495ed #d9d9d9 !important; }
That is a Cornflower blue (the first colour) thumb on a light grey.
I have just posted a reply which has to be moderated.
zeroknight said
Go to about:config in the address bar and create ui.themedScrollbarThumb (String) with value blue. No userChrome.css required.
Thanks for responding. I added a string value to about:config with the value "blue" (also tried #0000FF) and restarted firefox but it's still grey.
I checked my add-ons, there is nothing that affects scrollbars.
I think I did it right. You can see what I did at the very bottom of the attached image.
Gekose oplossing
No restart is required when changing these colors.
Set toolkit.legacyUserProfileCustomizations.stylesheets to false then restart to avoid interference.
Change the style of the scrollbar with widget.non-native-theme.scrollbar.style to 2 or larger (non-Mac style).
Having high contrast enabled will override any custom colors (widget.non-native-theme.always-high-contrast).
zeroknight said
No restart is required when changing these colors. Set toolkit.legacyUserProfileCustomizations.stylesheets to false then restart to avoid interference. Change the style of the scrollbar with widget.non-native-theme.scrollbar.style to 2 or larger (non-Mac style). Having high contrast enabled will override any custom colors (widget.non-native-theme.always-high-contrast).
Thank you very much.
widget.non-native-theme.scrollbar.style worked great.
This is a little bit of a sad day for me. I've been using Chrome since it was in beta but it got to the point where it just became non-responsive. Clicking on buttons quit working, etc. Even after getting my new mac mini a few months ago.
But it's time for me to move forward and now I am total happy with Firefox. Thanks!