How to style scrollbars in dark mode?

Updated October 25, 20221 min readMarkdown

Maciek Sitkowski

Part of seriesToday I Learned

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

:root {
  color-scheme: dark;
}

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

Resources

Comments

Join the discussion

No comments yet. Be the first to comment.

Today I Learned

Part 3 of 13

In this series, I post short notes about the stuff, that I've recently learned.

Up nextJavaScript: Functions are First-Class CitizensVery often you can hear that in JavaScript "Functions are first-class citizens". All it means is that it's possible to: Assign a function to a variable Pass a function to another function (callback) Return a function from another function Store fun...

More from this blog