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 = 100gfx.font_rendering.cleartype_params.pixel_structure = 5gfx.font_rendering.cleartype_params.rendering_mode = 5gfx.font_rendering.fallback.always_use_cmaps = trueAnd for smooth scrolling:
general.smoothScroll.currentVelocityWeighting = 0general.smoothScroll.lines.durationMaxMS = 250general.smoothScroll.msdPhysics.enabled = truegeneral.smoothScroll.stopDecelerationWeighting = 0.82mousewheel.min_line_scroll_amount = 23These tweaks made it much nicer for me personally, of course text rendering may differ on OS (I use W10).
Thanks a ton!