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

  • Carighan Maconar
    link
    61 year ago

    There’s a good reason they are done that way, namely that few people ever need to directly interact with them. People instead scroll content with their mouse wheel, touchpad or via touch devices directly, and hence the scroll bar is relegated to a pure indicator of roughly where on the page you are, which for many pages isn’t even necessary.

    That being said: If you set Windows 11 to “Always show scroll bars” - which you would if you need them as actual input surfaces - then it also signals all apps to show them at full size again. Which Firefox in fact does, as I just found out.