This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

Scrollbar appearance changed after Firefox upgrade

  • 3 àwọn èsì
  • 1 ní ìṣòro yìí
  • 18 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ Radu Rendec

more options

I'm using Firefox on Linux (Fedora 33) and MATE Desktop. After a recent Firefox update, I noticed that the default scrollbar appearance has changed. Scrollbars in Firefox no longer look like the desktop theme and all the other apps. Instead, they are very thin and have no arrows at the top and bottom. Please see the attached screenshots: Firefox vs. standard application (Pluma text editor). I would like to get the scrollbars back to the desktop theme appearance.

Just to be clear, this is not about websites that customize the scrollbar appearance through CSS. I captured the attached screenshot using a tiny HTML file that I wrote myself and has no CSS. For what is worth, I tried to customize the scrollbars by following the suggestions I had found in other posts, namely through ~/.config/gtk-3.0/gtk.css and userContent.css. None of that worked.

I'm using Firefox on Linux (Fedora 33) and MATE Desktop. After a recent Firefox update, I noticed that the ''default'' scrollbar appearance has changed. Scrollbars in Firefox no longer look like the desktop theme and all the other apps. Instead, they are very thin and have no arrows at the top and bottom. Please see the attached screenshots: Firefox vs. standard application (Pluma text editor). I would like to get the scrollbars back to the desktop theme appearance. Just to be clear, this is '''not''' about websites that customize the scrollbar appearance through CSS. I captured the attached screenshot using a tiny HTML file that I wrote myself and has '''no''' CSS. For what is worth, I tried to customize the scrollbars by following the suggestions I had found in other posts, namely through ~/.config/gtk-3.0/gtk.css and userContent.css. None of that worked.
Ìsopọ̀ yíyà aṣàfihàn

Ọ̀nà àbáyọ tí a yàn

On a Linux OS in about:config in Firefox, find the preferences beginning widget.non-native-theme.gtk.

Open a new tab and enter about:config in the url bar. You will be warned about proceeding and have to accept the risk if you want to. You can still change the colours with userContent.css.

Ka ìdáhùn ni ìṣètò kíkà 👍 1

All Replies (3)

more options

Ọ̀nà àbáyọ Tí a Yàn

On a Linux OS in about:config in Firefox, find the preferences beginning widget.non-native-theme.gtk.

Open a new tab and enter about:config in the url bar. You will be warned about proceeding and have to accept the risk if you want to. You can still change the colours with userContent.css.

Ti ṣàtúnṣe nípa Terry

more options

Awesome!!! I set widget.non-native-theme.enabled to false and I got back my beloved desktop theme scrollbars.

more options

It worked, but it didn't last long. I just upgraded to Firefox 90 and I'm back to the non-native scrollbar, even though widget.non-native-theme.enabled is still set to false.

But this is where it gets interesting. If I reset widget.non-native-theme.enabled to true, then the other widget.non-native-theme.gtk.scrollbar.* settings control the scrollbar appearance as expected. If I set widget.non-native-theme.enabled to false, the widget.non-native-theme.gtk.scrollbar.* settings are ignored (also expected), but the scrollbars still use the non-native theme (why?) with the default size/aspect.