How To Make Scrollbars More Thin on Google Chrome – Without Extension !

Soon after I posted about this nice little extension “Thin Scroll Bar” I got something better from François Beaufort, an easy way to make the scroll bar thin without the extension !

So, dedicating this post to all of you who wants more screenspace on your browser ! Oh, and also to those who will love to keep Chrome more secure, this will get rid of an additional extension which may have access to your browsing history.

Thanks François Beaufort again for keeping the consistent flow of helpful stuff !!

Locate your Custom.css file in ~/.config/google-chrome/Default/User StyleSheets for Ubuntu or C:\Documents and Settings\\Local Settings\Application Data\Google\Chrome\Default\User StyleSheets for Windows and insert these lines:

#body{}
::-webkit-scrollbar
{
width: 3px;
height: 3px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 5px;
background-color: #666;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 3px;
}

Reload your tabs and enjoy your new scrollbars! And uninstall the previous extension ;) The only problem here is, the custom.css is not yet being synced ( but extensions are, one small advantage for that extension ) so if you have multiple computers running Chrome or Chrome OS, you will need to make this edit on all of them.

Enjoy !!