rainbow scrollbar

<style>
p{
  height: 150px;
  width: 150px;
  overflow: scroll;
  overflow-x: hidden;
  border: solid black 2px;
  padding: 12px;
}

::-webkit-scrollbar{
  width: 12px;
}
::-webkit-scrollbar-thumb{
	box-shadow: inset 0 0 10px 0px #fff;
    border: 1px solid black;
}
::-webkit-scrollbar-track{
  background: linear-gradient(0deg, rgba(255,199,189,1) 0%, rgba(255,245,224,1) 24%, rgba(232,255,222,1) 35%, rgba(218,255,255,1) 54%, rgba(231,201,255,1) 73%, rgba(255,201,222,1) 100%);
  border: 1px solid black;
}
</style>

<p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>