scrollbars.css

/*
::-webkit-scrollbar the scrollbar.
::-webkit-scrollbar-button the buttons on the scrollbar (arrows pointing upwards and downwards).
::-webkit-scrollbar-thumb the draggable scrolling handle.
::-webkit-scrollbar-track the track (progress bar) of the scrollbar.
::-webkit-scrollbar-track-piece the track (progress bar) NOT covered by the handle.
::-webkit-scrollbar-corner the bottom corner of the scrollbar, where both horizontal and vertical scrollbars meet.
::-webkit-resizer
*/

/* width */
::-webkit-scrollbar {
  width: 5px;
  background: rgba(85, 210, 108, 0.2) !important;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px lightblue !important;
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(40,40,65,0.9) !important;
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover 
{
    background: rgba(100,70,115,0.6) !important;
}

::-webkit-scrollbar:hover  {
  background: rgba(45, 74, 133, 0.8) !important;
    width: 40px;
}