Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Often when I'm browsing a web page with a lot of content, the scroll bar is hard to find because the contrast between the position of the clickable part and the background is low.

It would be great if there was a way for me to change the color of the clickable part of the scroll bar so that I could see it better. Is this possible?

share|improve this question
Looked around for a good 10 minutes and didn't find anything helpful =p – cutrightjm Nov 29 '12 at 0:30
Try Decor8 ( If it doesn't support it, request the feature and hope the developers will add it. – magicandre1981 Nov 29 '12 at 6:25
@magicandre1981 It seems to me like the feature set for Decor8 is focused on the Win8 start screen, whereas I'm looking at desktop apps (specifically Chrome) and their color scheme. – khrave Nov 30 '12 at 16:22
up vote 4 down vote accepted

The scrollbar color is defined by the Windows theme.

For browsers you can use a custom CSS. In your case, for Google Chrome you can install extension 'Stylish' and add a new style with the following code:

body {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px; 
    overflow-y: scroll;
    overflow-x: hidden;

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }

Optionally the style can be further improved with:

html { overflow: auto; }
share|improve this answer
Thanks! This answers my question and after tinkering with the CSS a little bit, I think I can tweak it to my liking. Good answer. – khrave Dec 13 '12 at 14:44
I have the same problem - but also with other programs than just the browser. I'd love to see a solution that covers the scrollbar for all windows. – Joe Mar 12 '13 at 12:10

You must log in to answer this question.

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