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

  • HouseWolf@lemm.ee
    link
    fedilink
    English
    arrow-up
    30
    ·
    1 year ago

    The 2 pixel wide scroll bar has been a pet peeve of mine for a while on my 1440p display.

    Thank you stranger!

    • n3er0o@lemmy.ml
      link
      fedilink
      arrow-up
      15
      arrow-down
      2
      ·
      1 year ago

      Interesting. I use a 32" 1440p screen (100% scaling) and I prefer the smaller one. I always found scroll bars to be unnecessarily large (especially in drop downs) as I solely use then as a visual indicator.

      I’m glad we have options so everyone can have their preferred size!

      • governorkeagan@lemdro.id
        link
        fedilink
        English
        arrow-up
        2
        ·
        1 year ago

        I find there’s a small line between it being too small and too large. It’s great that we can have the option to choose though.