Add per device prefers-color-scheme switch

[raphaelsaunier]

🚀 Feature Request

📝 Description

It would be very useful to be able to view both the light and the dark mode variant of a page side by side simultaneously. The current toggle button doesn't seem to allow this and changes the colour theme for all devices.

n.b. This is an extension of https://github.com/responsively-org/responsively-app/issues/165.

✨ Describe the solution you'd like

Add the ability to toggle the prefers-color-scheme value on a per device basis. The global switch implemented in #173 would remain and allow the user to reset all devices to the same state.

✍️ Describe alternatives you've considered

No alternatives seem to exist.

[open-collective-bot[bot]]

Hey @raphaelsaunier :wave:,

Thank you for opening an issue. We will get back to you as soon as we can. Have you seen our Open Collective page? Please consider contributing financially to our project. This will help us involve more contributors and get to issues like yours faster.

https://opencollective.com/responsively

We offer priority support for all financial contributors. Don't forget to add priority label once you become one! :smile:

[anirudhlagisetty]

I would like to work on this and see what I can do!

[manojVivek]

@anirudhlagisetty That's great! I have assigned this issue to you. Please let us know if you get any questions along the way.

[alystair]

Just tried this program and was the first issue I noticed, would be good to have a general toggle across all browser frames for these sort of render params.

[andyjeffries]

Just came to look if this was a feature… @anirudhlagisetty are you still working on this? If not, if anyone can give any tips on where to get started with this I may have a go..