ok.css
Scrollbar
Controls
8px
Thumb radius
Thumb colour
Thumb hover colour
Track colour

Line 1 — scroll to preview your scrollbar

Line 2 — scroll to preview your scrollbar

Line 3 — scroll to preview your scrollbar

Line 4 — scroll to preview your scrollbar

Line 5 — scroll to preview your scrollbar

Line 6 — scroll to preview your scrollbar

Line 7 — scroll to preview your scrollbar

Line 8 — scroll to preview your scrollbar

Line 9 — scroll to preview your scrollbar

Line 10 — scroll to preview your scrollbar

Line 11 — scroll to preview your scrollbar

Line 12 — scroll to preview your scrollbar

Line 13 — scroll to preview your scrollbar

Line 14 — scroll to preview your scrollbar

Line 15 — scroll to preview your scrollbar

Line 16 — scroll to preview your scrollbar

Output
⚠Firefox only (standard)scrollbar-width is W3C standard but only supported in Firefox. Chrome/Safari use ::-webkit-scrollbar.
/* Standard (Firefox / Chrome 121+) */
scrollbar-width: auto;
scrollbar-color: #a1a1aa #f4f4f5;

/* WebKit (Chrome, Safari, Edge) */
&::-webkit-scrollbar {
  width: 8px;
}
&::-webkit-scrollbar-track {
  background: #f4f4f5;
}
&::-webkit-scrollbar-thumb {
  background: #a1a1aa;
  border-radius: 9999px;
}
&::-webkit-scrollbar-thumb:hover {
  background: #71717a;
}