Don't you want to detect what color scheme the user has requested?

[fromaline]

Does it make sense to you, if initially, the values of custom properties would reflect the color scheme which the user prefers (dark or light theme)?

---

This feature is CSS-based and almost all browsers, that you currently support, support this functionality, except for Edge (supports only from version 79) and IE. There it will have no effect.

[jenil]

Yeah I wrote some docs about how this is done using JS here https://jenil.github.io/chota/#customizing.
We can add a CSS-based solution.

[fromaline]

Yeah, I've seen it, your solution is great.
Maybe it just me preferring a CSS-based solution if possible because it's a bit more convenient to have as much style-related stuff in CSS as possible.

[gagarine]

The way to go is to use https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

Additionally, ou can use a class if you want to toggle the dark mode from javascript.