Esta página é um anexo do post CSS: barra de rolagem colorida com ::webkit-scrollbar.
Aqui temos um exemplo de barra de rolagem (scrollbar) colorida que deve funcionar no Google Chrome e em outros navegadores desktop que usam webkit.
Para um método mais atual e que funciona em todos os navegadores, use scrollbar-color.
Código para a folha de estilos:
::-webkit-scrollbar {width:20px; height:20px;} /* barra de rolagem toda */
::-webkit-scrollbar-thumb {background:purple;} /* parte móvel da barra de rolagem */
::-webkit-scrollbar-thumb:hover {background:#ffffff; border:2px solid purple;} /* mouse sobre parte móvel da barra de rolagem */
::-webkit-scrollbar-thumb:active {background:deeppink; border:0;} /* clique sobre parte móvel da barra de rolagem */
::-webkit-scrollbar-corner {background:#ffffff;} /* canto da barra de rolagem */
::-webkit-scrollbar-track {background:#ffffff;} /* fundo da barra de rolagem */