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

  • @[email protected]
    link
    fedilink
    21 year ago

    Could you elaborate on the text render and smooth scroll tweaks? I’m always interested in toying around with this kind of stuff :D

    • verysoft
      link
      fedilink
      6
      edit-2
      1 year 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).