Custom Scrollbar
define your own custom scroll bar
CSS
css
::-webkit-scrollbar { width: 0.75rem; height: 0.75rem; background-color: blue; } ::-webkit-scrollbar-thumb { border-radius: 20px; background-color: gray; } /** firefox **/ html { scrollbar-width: thin; scrollbar-color: blue; }
References
- MDN
- W3Schools: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
- sznm.dev - chakra-ui implementation