There are various extensions available in the Web Store to decorate their Chrome installation. [See 5 ultra-useful new tab extensions]. One extension that I found really good to stylize my chrome’s default scroll bar and that give me that little bit of extra screen space or just for the joy of personalizing is Simple Scroll Bar X. This looked good but while installing it chrome warned me that it can access all my websites data. Moreover, if you’re like me and don’t like installing extensions for every small thing, you can easily achieve the same result by simply editing Chrome’s
Custom.css
file.You can find it at the following location:
Hi, I have a new MacBook Air running Lion, and the new Lion hard-to-see scroll bars are driving me NUTZ. I use the Air in my office with an external monitor, KB and mouse, and although the scroll bars are darn hard to see, at least they are always there. It adds scroll bars to Chrome again the way they used to be. They appear to have the right width and height, and arrows on both sides that you can use for scrolling if you prefer to do it this way. Once installed, they look like the ones that you see on the screenshot at the top of the article.
Windows:
%LOCALAPPDATA%GoogleChromeUser DataDefaultUser StyleSheetsCustom.css
Mac:
/Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
Ubuntu:
~/.config/chromium/Default/User StyleSheets/Custom.css
Once located, open it in a text editor and add the following code:
Save the file and reload your tabs to see the change.
As you can see it’s basic CSS so, if you wish, you can easily modify the code to your liking. For example, if you find the scroll bar too thin change its width by editing this part:
You should be able to see this styled scroll bar on all pages, including scroll bars within a page.
Manually customizing your browser by editing style sheet, instead of installing extensions, eradicates the risk of someone tracking your browsing history and it is also less intensive on system resources.
If you’d like to further customize Chrome, check out this post on styling the Web Inspector.
Let us know if you liked the post. That’s the only way we can improve.