Color en las barras de desplazamiento

La consulta de hoy es sobre el color de las barras de desplazamiento de los navegadores web. Parece que alguien anduvo visitando mi pagina personal y tal vez alguna otra como la de Green-site Producciones y le llamó la atención ese detalle a la derecha de su pantalla.

Cuando comienzo a buscar el color de las barras para un diseño comienzo siempre con el atributo

scrollbar-base-color

que se utiliza por ejemplo dentro de una definicion de estilo del Body.

body {scrollbar-base-color:#003333;}

Una vez que encuentro el color base sigo buscando personalizar los otros atributos de la barra y casi siempre continúo con la propiedad

SCROLLBAR-TRACK-COLOR

porque no me gusta el color grillado (ese con puntitos) que le queda a la barra cuando se utiliza base-color unicamente entonces sigo trabajando con una definicion como por ejemplo

body {
scrollbar-base-color:#003333;
SCROLLBAR-TRACK-COLOR: #007777;
}

Si hace falta retocar todas las propiedades de color de la barra termino trabajando con 7 atributos que en conjunto me significan un bloque de codigo como el siguiente:

body{
SCROLLBAR-FACE-COLOR: #003333;
SCROLLBAR-HIGHLIGHT-COLOR: #00FFFF;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #444444;
SCROLLBAR-ARROW-COLOR: #00ff99;
SCROLLBAR-TRACK-COLOR: #007777;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

En ese bloque el base-color ha desaparecido (aunque se lo puede incluir) porque esa propiedad queda tapada por las otras asi que no implica ningun cambio ponerlo.

Como simpre mi recomendacion es copiar estos bloques de código, ver ejemplos y jugar hasta obtener los resultados que a cada uno le guste.