CSS Custom Scrollbars

CSS

Customize Scrollbar

Using the "-webkit-" prefix, you are able to make a custom scrollbar:

Make sure your page is scrollable, so the bar appears. Also, the WebKit selector is supported in Chrome, M. Edge, Safari, and other older ones don't have that feature.

Branded Scrollbar

If you want to make a scrollbar fit your site's brand, use the right themes:

Here we have this blue one, that could fit into a website, which has 2 primary colors - like dark grey and blue.

Edit Scrollbar's Thumb

One of the way to customize the scrollbar's thumb like this:

That way you can change the thumb's width - but also color, change border and do whatever more you want with it.