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.