Tl;Dr:
In about:config, I changed these preferences:
- widget.non-native-theme.gtk.scrollbar.round-thumb: false - This makes the scrollbar not have rounded edges
- widget.non-native-theme.gtk.scrollbar.thumb-size: 1 - This makes the scrollbar ‘chonkier’ within the scrollbar region
- widget.non-native-theme.scrollbar.size.override: 20 - This increases the scrollbar region size. Larger number = wider scrollbar
- Make sure widget.gtk.overlay-scrollbars.enabled is set to false - This should have been set to false when you enabled “Always show scrollbars”
On Windows, Firefox follows the system setting (System Settings > Accessibility > Visual Effects > Always show scrollbars).
Firefox kinda sucks OOTB, these tweaks along with text render and smooth scrolling ones should be the default.
Could you elaborate on the text render and smooth scroll tweaks? I’m always interested in toying around with this kind of stuff :D
I don’t remember all the settings I changed, it was years ago, but when I initially swapped from Chrome I found the text on Firefox was horrible. Here’s what I found though for text:
gfx.font_rendering.cleartype_params.enhanced_contrast = 100
gfx.font_rendering.cleartype_params.pixel_structure = 5
gfx.font_rendering.cleartype_params.rendering_mode = 5
gfx.font_rendering.fallback.always_use_cmaps = true
And for smooth scrolling:
general.smoothScroll.currentVelocityWeighting = 0
general.smoothScroll.lines.durationMaxMS = 250
general.smoothScroll.msdPhysics.enabled = true
general.smoothScroll.stopDecelerationWeighting = 0.82
mousewheel.min_line_scroll_amount = 23
These tweaks made it much nicer for me personally, of course text rendering may differ on OS (I use W10).
Thanks a ton!