🍭 Barra de rolagem que muda de cor

::-webkit-scrollbar {background:#ffffff; width:20px; height:20px;} /* barra de rolagem toda */ ::-webkit-scrollbar-thumb {background:purple;} /* parte da barra que se movimenta */ ::-webkit-scrollbar-thumb:hover {background:#ffffff; border:2px solid purple;} /* mouse sobre a barra */ ::-webkit-scrollbar-thumb:active {background:deeppink; border:0;} /* mouse clicando na barra */ ::-webkit-scrollbar-corner {background:#ffffff;} /* canto inferior direito da barra de rolagem */

Tutorial completo: CSS | Barra de rolagem colorida no Google Chrome.