Barra de rolagem colorida

Aperte Ctrl+F, procure por ]]></b:skin> e cole antes esse código: 

/*** Rolagem da Vertical da Página ***/ ::-webkit-scrollbar-thumb:vertical { background: #ff0f72; /*Cor da barrinha que se move*/ border: 1px solid #bgh; /*Coloque borda se quiser*/ height:50px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } /*** Rolagem da Horizontal da Página***/ ::-webkit-scrollbar-thumb:horizontal { background-color:#ff0f72; /*Cor da barrinha que se move*/ border: 1px solid #bgh; /*Coloque borda se quiser*/ height:10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } /*** Parte fixa da rolagem (fundo que não se move) ***/ ::-webkit-scrollbar { height:10px; width:15px; /*Largura da barra de rolagem*/ background: #000000; /*Cor da parte fixa, que fica no mundo*/ border: 1px solid #bgh; /*Coloque borda se quiser*/ }

É só alterar as cores em vermelho para trocar as cores da barrinha é do fundo da barrinha, visualizar, e se estiver tudo certo, salve. Se não quiser cantos arredondados, apague as partes em verde.

Tabela de Cores (www)

Créditos : CB & QMN