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

  • verysoft@kbin.social
    link
    fedilink
    arrow-up
    6
    ·
    edit-2
    7 months ago

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