GraphiQL theme should respect prefers-color-scheme

[freddydumont]

Is your feature request related to a problem? Please describe.

The GraphiQL dark mode is hard coded. The contrast it creates with tabs and apps respecting the system color scheme makes it difficult to use.

I do understand the motivation for applying a dark mode to GraphiQL, as it can be blinding at night. However, it should be conditional on user preference.

Describe the solution you'd like

It should depend on prefers-color-scheme.

Describe alternatives you've considered

Browser extensions like Dark Reader work well to apply a dark mode over a light theme when system dark mode is turned on, but the use case to apply a light theme over dark mode when system dark mode is off isn't really supported.

Additional context

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

[enisdenjo]

GraphiQL shipping with Yoga v3 now respects the system preferred color scheme.