Color Scheme Should Follow Device Settings

Would it be possible for the developers to create a third option for the default color scheme? Right now we have “Dark Mode” or “Not Dark Mode”. What I’d like is for the developers to wrap the CSS for Dark Mode in a media query

@media (prefers-color:scheme: dark) {
...
}

… and likewise the Light Mode in a media query…

@media (prefers-color:scheme: light) {
...
}

… and make that available as an option of “Use Device Settings”.

Or hey, maybe you’re not using pure CSS or you’re using some sort of CSS-in-JS library? And suddenly that makes it difficult. Possibly? Most CSS-in-JS libraries should have some sort of option for this by now.

It would be great! If easy, please, please, please!