# How to style scrollbars in dark mode?

I used the following CSS property to get dark mode styles for scrollbars in my project.

```css
:root {
  color-scheme: dark;
}
```

But, as you can see on the screenshot below, it works for headings, form controls and other elements as well.

![css-color-scheme.webp](https://cdn.hashnode.com/res/hashnode/image/upload/v1666362873336/pIIY8nFqu.webp align="left")

## Resources

- [Example from the screenshot](https://codepen.io/sitek94/pen/xxjvdpX)
- [`colors-scheme` browser support](https://caniuse.com/?search=color-scheme)
- [MDN: color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme)