Esta página é um anexo do post CSS: barra de rolagem colorida com ::webkit-scrollbar.
Aqui temos um exemplo de barra de rolagem 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:
/* barra de rolagem começa aqui - meuted.io */
::-webkit-scrollbar {width:15px; height:15px;} /* barra de rolagem toda */
::-webkit-scrollbar-thumb {background:transparent; border:15px dotted deeppink; border-left:0; border-top:0;} /* parte móvel da barra de rolagem */
::-webkit-scrollbar-thumb:hover {border-color:red;} /* mouse sobre parte da barra que se movimenta */
::-webkit-scrollbar-thumb:active {border-color:blue;} /* clique sobre parte da barra que se movimenta */
/* barra de rolagem termina aqui - meuted.io */