Bueno puede hacerlo a traves de CSS o HTML
Asi que las propiedades que podemos utilizar son las siguentes:
* scrollbar-3dlight-color, color del borde que hace el efecto 3D en la barra de scroll.
* scrollbar-arrow-color, color de las flechas.
* scrollbar-base-color, es el color genérico a utilizar por la barra de scroll. Podríamos utilizar únicamente este para dar color a la barra.
* scrollbar-darkshadow-color, sombra de la barra de progreso.
* scrollbar-face-color, el color de lo que es realmente la barra de progreso. Es decir, del bloque que se mueve por la barra.
* scrollbar-highlight-color, el color del fondo de la barra.
* scrollbar-shadow-color, son los dos botones sobre los que podemos pulsar para desplazar la barra.
* scrollbar-track-color, es el color de fondo de la barra de scroll.
en tu estilo.css puedes utilizar este para guiarte:
Código:
body {
scrollbar-face-color:fuchsia;
scrollbar-highlight-color:yellow;
scrollbar-3dlight-color:orange;
scrollbar-darkshadow-color:darkblue;
scrollbar-shadow-color:gray;
scrollbar-arrow-color:yellow;
scrollbar-track-color:aqua;
}