🍭 Barra de rolagem listrada (sem imagem) que muda de cor

::-webkit-scrollbar {background:#ffffff; width:20px; height:20px;} ::-webkit-scrollbar-thumb {background:repeating-linear-gradient(45deg, transparent, transparent 10px, #990099 10px, #990099 20px), linear-gradient(to bottom, #eeeeee, #999999);} ::-webkit-scrollbar-thumb:hover {background:repeating-linear-gradient(45deg, transparent, transparent 10px,#99cc00 10px,#99cc00 20px), linear-gradient(to bottom, #eeeeee, #999999);} ::-webkit-scrollbar-thumb:active {background:repeating-linear-gradient(45deg, transparent, transparent 10px,#0099cc 10px,#0099cc 20px), linear-gradient(to bottom, #eeeeee, #999999);} ::-webkit-scrollbar-corner {background:#ffffff;}

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