CSS Custom scroll bar styles

/* Define scrollbar track inner shadow + rounded corner */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240.240.240.0.5);
  border-radius: 10px;
  background-color: rgba(240.240.240.0.5);
}
/* Define slider inner shadow + rounded corner */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240.240.240.0.5);
  background-color: rgba(240.240.240.0.5);
}
/* Define progress bar height and background color */
::-webkit-scrollbar {
  height: 6px;
  background: #222c3c;
}
Copy the code