How can I change Chrome scrollbars to the thin scrollbars?

Question

The default scrollbars do not properly integrate into the elementary OS design.

Default Chrome scrollbars

user42 · Accepted Answer · 2015-07-02 15:41:55Z

12

You can get thin overlay scroll bars in Chrome by setting the #overlay-scrollbars flag to enabled. Go to:

chrome://flags/#overlay-scrollbars

user3

answered Jul 2, 2015 at 15:38

user42

1364 bronze badges

1

Sadly, it seems that this flag has been removed from Chrome. Checked on Chrome version 71
– jottr
Commented Jan 17, 2019 at 16:33
It is still there, on Google Chrome 74.0.3729.169.
– avpaderno
Commented May 30, 2019 at 19:32
I'm running chrome 78.0.3904.87 & I don't see the option :(
– Aaron N. Brock
Commented Nov 5, 2019 at 23:52

Add a comment |

png2378 · Accepted Answer · 2015-07-05 15:27:35Z

13

Install this extension from Chrome Web Store.

Also, you can install this theme for better integration.

After all the above steps Chrome looks like this:

user3

answered Jul 2, 2015 at 13:36

png2378

4,5553 gold badges25 silver badges60 bronze badges

There's also an alternative Freya theme for Chrome, but I can't see any differences.
– quassy
Commented Jul 2, 2015 at 14:28
Still, there are differences. Varies the color of the window title, for your link it looks worse (1 and 2).
– png2378
Commented Jul 2, 2015 at 15:10
Can't tell which is which but 1 looks better and more similar to how stock elementary headerbars are styled (they are not flat like in 2). Although I'd prefer the button color to be a bit darker, they look a bit deactivated.
– quassy
Commented Jul 2, 2015 at 17:27
The extension does not display scrollbars on all websites, e.g. no scrollbars are shown on Google Docs. I marked the chrome:flags answer as the best answer as it provides better compatibility.
– orschiro
Commented Jul 6, 2015 at 10:57

Add a comment |

2 Answers 2