How to Configure Firefox Scrollbars | 0penrc's cool site

Updated at: 29 feb 2024
Created at: 29 feb 2024

This page shows you how Firefox Scrollbars are configured.

Firefox has 5 scrollbar styles:

0: The style for your current OS (for example, Linux uses 2 by default)
1: MacOS style
2: GTK style (Linux/Unix style)
3: Android style
4: Windows 10 style
5: Windows 11 style

You can set it to one of them through "widget.non-native-theme.scrollbar.style".
Set it to one of the numbers above.

The styles should work on every OS.

I highly recommend using style 2 (GTK style) if you want to have a configurable scrollbar.
If you just want to have a traditional scrollbar instantly, set it to 4 (Windows 10 Style)

GTK style has a lot of options:

widget.gtk.overlay-scrollbars.enabled: Thin/overlay scrollbars. Set it to 0 for normal scrollbars.
widget.non-native-theme.gtk.scrollbar.round-thumb: Drag part of scrollbar is round or not. Set to 0 for square, 1 for rounded.
widget.non-native-theme.gtk.scrollbar.thumb-size: Size of the drag part. Set to 1 for full size. It's like a percentage but devided by 100 (if you want 85% of the scrollbar to have the drag part, set it to 0.85 and 100% then 1.
widget.non-native-theme.gtk.scrollbar.thumb-cross-size: Not sure what this does.
widget.non-native-theme.gtk.scrollbar.allow-buttons: Not sure what this does. Maybe allows you to show the scrollbar buttons or not?
widget.gtk.alt-theme.scrollbar_active: Alternate style? I don't see the difference.

Generic options (works on most if not all styles):

widget.non-native-theme.scrollbar.dark-themed: Make scrollbar dark on dark themed pages.
widget.non-native-theme.scrollbar.size.override: Width of the scrollbar. Set to 17 for traditional width.
widget.non-native-theme.scrollbar.active-always-themed: Not sure what this does.

I hope this page helped you customize the Firefox scrollbar.