// JavaScript Document
<!-- Script barra de rolagem -->
// inicio da função scrollBar
function scrollBar(line,face,theme)
{
// Se as variáveis line e face tiverem valor igual null, aparecerá o tema. - Não modifique estas linhas.
if (!line||!face)
{
line=null;
face=null;
switch(theme)
{
// tema azul - aqui você coloca as cores da scrollbar no tema azul
case "azul":
var line="#3366CC"; // coloque a cor da variavel line 
var face="#AABFEA"; // coloque a cor a variavel face 
break;
// tema amarelo - aqui você coloca as cores da scrollbar no tema amarelo
case "amarelo":
var line="#FFCC00"; // coloque a cor da variavel line
var face="#FFFF99"; // coloque a cor da variavel face
break;
}
}
// integração da folha de estilos no javascript
with(document.body.style)
{
// no tema você deu o valor das variáveis line e face. Abaixo você vê onde cada cor vai ficar.
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="#666666"; // aqui é a cor da setinha, dependendo da cor que você escolher para line e face, é melhor trocar a cor preta pela cor branca 
(#FFFFFF).
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor=face; 
}
}
// Inicio da função colorBar
function colorBar(){
var w = document.body.clientWidth; // variavel w, captura a largura da janela (navegador)
var h = document.body.clientHeight; // variavel h, captura a altura da janela (navegador)
var x = event.clientX;
var y = event.clientY;



// Abaixo você deve colocar as cores que devem aparecer quando o mouse passar por cima da scrollbar.
if (x>w) scrollBar('#FFCC66','#FFFFCC'); 
// coloque cores diferentes do tema, senão o efeito não será visto.
// Aqui você deve colocar o nome do tema escolhido, no código eu tenho tema azul e tema amarelo, eu escolhi que a scrollbar tenha as cores do tema amarelo.
else scrollBar(null,null,"amarelo");
}
if (document.all){
// Coloque novamente o tema escolhido. Deixe as outras duas opções do jeito que estão,com valores NULL.
scrollBar(null,null,"amarelo");
document.onmousemove=colorBar;
}