# prevent websites from making scrollbars smaller
layout.css.scrollbar-width-thin.disabled = true

# set the scrollbar width
widget.non-native-theme.scrollbar.size.override = 20

# set scrollbar style
# 0. Default Platform scrollbar style
# 1. MacOS style
# 2. GTK scrollbars
# 3. Android style
# 4. Windows 10 style
# 5. Windows 11 style
# using 2 cause because of gtk config stuff
widget.non-native-theme.scrollbar.style = 4

# don't do scrollbars as overlays over content
# https://docs.gtk.org/gtk3/property.ScrolledWindow.overlay-scrolling.html
widget.gtk.overlay-scrollbars.enabled = false

# use square ends instead of round on GTK style scrollbars
widget.non-native-theme.gtk.scrollbar.round-thumb = false