CSS Dark Scrollbars
CSS -Guide - Simple
CSS code to create default dark scrollbars:
:root {
color-scheme: dark;
}
Guide - Specific
You can also specify the colours yourself.
body {
scrollbar-color: #4949e4 #4bb071; /* handle, background */
}
Guide - Custom
Custom scrollbar with custom colours and width size:
::-webkit-scrollbar { /*Width of scrollbar (required)*/
width: 10px;
}
::-webkit-scrollbar-track { /*Background colour of track*/
background: #2e2e2e;
}
::-webkit-scrollbar-thumb { /*Background colour of scrollbar*/
background: #b9b9b9;
}
Note: This custom option does not allow up and down buttons.