CSS ile kaydırma çubuğunu renklendirme

/* genislik */
::-webkit-scrollbar {
  width: 8px;
}

/* kaydırma cubugunun kaydıgı alan */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey;
  border-radius: 10px;
}
 
/* kaydırma cubugu */
::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
}

/* Fare cubugun uzerine geldiginde */
::-webkit-scrollbar-thumb:hover {
  background: black;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: black;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 10px;
  border: 2px solid black;
}

::-webkit-scrollbar kaydırma çubuğu
::-webkit-scrollbar-button kaydırma çubuğundaki yukarı aşağı okları
::-webkit-scrollbar-thumb sürüklenen çubuk
::-webkit-scrollbar-track çubuğun sürüklendiği alan