Feature request - "system" option for ColorMode`

[egucciar]

Would be a small value add/win in the library if Reshaped provided a ootb mechanism to sync color mode with system changes. Just added a bit of code for this, wasn't much or hard, got me thinking if it should be in the library.

[blvdmitry]

Do you have an example of how you're handling it? There is an example for this in the docs but it has to be injected in a standalone script tag to avoid fouc. So maybe it should be exposed as a component or a utility? 👀

[egucciar]

@blvdmitry can you point me to where this is shown in the docs? Anyway, this is what im doing

const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");

And then adding a query listener for that as well in my theme provider wrapper.

[pascalduez]

Hello,

can you point me to where this is shown in the docs?

https://reshaped.so/docs/getting-started/react/installation#system-dark-mode