Automatically turn on dark mode with prefers-color-scheme

[Steffan153]

https://css-tricks.com/dark-modes-with-css/ and https://flaviocopes.com/javascript-detect-dark-mode/ will be useful

[max-programming]

Yeah I know that. But I am using Dark Reader. We can use Media Queries by Material UI and it is a Media Query I guess

[Steffan153]

I know you use dark reader, but you have a button to turn it on and off so just automatically turn it on when detected

[max-programming]

Dark Reader has a method that detects and does something.
https://github.com/darkreader/darkreader#using-for-a-website
Here, Darkreader.auto() is a method that relates to this issue.

[Steffan153]

That probably does the same thing, sure.
Edit: Yep https://github.com/darkreader/darkreader/blob/master/src/utils/media-query.ts

[max-programming]

That probably does the same thing, sure.
Edit: Yep https://github.com/darkreader/darkreader/blob/master/src/utils/media-query.ts

But, maybe it didn't seem to work on mine. Try it out on your side, does it work?

[PriyalPatney]

How about auto dark mode can use the current time and switch accordingly! 🤔

[max-programming]

How about auto dark mode can use the current time and switch accordingly! 🤔

Maybe we could add a different setting for that. Which can enable dark mode automatically if it's night