3

In KDE 5.40 on openSUSE Tumbleweed, I have configured scrollbars to look and work like this:

However in Firefox, scrollbars are different. Note the lack of buttons at the end of each bar and being too slim:

The solutions from How do I change the width of scrollbars in Gnome? unfortunately only work on applications from ca. 2009.

Improve this question
1
  • I think firefox ignores the theme / window manager settings and uses whatever scrollbar it prefers. Only vaguely related, but this Q on AskUbuntu might be worth trying, basically echo -e "[Settings]\ngtk-primary-button-warps-slider = false" >> ~/.config/gtk-3.0/settings.ini (if the file already exists take a look at it first) + restart Firefox, and it's easy to undo if it doesn't work
    – Xen2050
    Nov 28, 2017 at 11:41

1 Answer 1

Reset to default
5

The styles from /usr/share/themes/*/gtk-3.20/gtk.css need to be overridden. Because the GTK-tards changed yet once again how the system works for no good reason, many previous solutions to the problem stopped working.

The CSS class is now scrollbar, was previously .scrollbar. -GtkRange-slider-width and -GtkRange-stepper-size were apparently removed, use min-width/min-height on the widget element instead.

My content of ~/.config/gtk-3.0/gtk.css:

scrollbar, scrollbar button, scrollbar slider {
    -GtkScrollbar-has-backward-stepper: true;
    -GtkScrollbar-has-forward-stepper: true;
    min-width: 25px;
    min-height: 25px;
    border: 1px solid #5d9797;
    border-radius: 0;
}
scrollbar slider {
    background: theme_bg_color;
}
scrollbar slider:hover {
    border-color: #418bd4;
}

Looks like this; close enough for me.

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .