You can completely change the color of the scrollbars in your browser, although the effect only works in Internet Explorer 5.5 and above. You can change the following using CSS:

1) scrollbar-3dlight-color
2) scrollbar-arrow-color
3) scrollbar-base-color
4) scrollbar-darkshadow-color
5) scrollbar-face-color
6) scrollbar-highlight-color
7) scrollbar-shadow-color
8) scrollbar-track-color

The scrollbars in the side menu are painted. Take a look at the CSS style we used.

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #CACAFF;
scrollbar-arrow-color: #A8A8FF;
scrollbar-track-color: #ECECFF;
}
-->
</STYLE>

If there is no scrollbar, just expand a few of the tree folders and they will appear once it goes off the screen. This code shows you the actual code inserted straight into the page, we did not put it in a exernal style sheet. You don't have to use HTML Colours though, and you can also change scrollbars of other HTML components. Take a look at this text area:

<style type="text/css">
<!--
TEXTAREA {
scrollbar-arrow-color: green;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: rgb(12,35,244);
}
// -->
</style>

Try each component and see which gives you the best effect. You can combine both of them too, into one style sheet if you wanted.

Source: Worfolk Developers Library