<STYLE type="text/css">
<!--
body {
scrollbar-base-color: #b7e69d;
}
-->
</STYLE>

バーのベース色だけをページの背景色
と同じ色に指定しています。
背景色は、「デザインの変更」で指定していますので、ここではbacground-colorは
指定していません。
<style type=text/css>
<!--
body {
background-color : #b7e69d;
scrollbar-3dlight-color : #00FFFF;
scrollbar-arrow-color : #FF0000;
scrollbar-base-color : #b7e69d;
scrollbar-darkshadow-color : #00FFFF;
scrollbar-face-color : #b7e69d;
scrollbar-highlight-color : #b7e69d;
scrollbar-shadow-color : #0080FF;
}
-->
</style>

バー全体の色を各部分とも指定しています。
背景色もここで指定していますが、背景色や
背景画像は「デザインの変更」で指定する方が
楽なようです。