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).
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!