DarkMode behaves weird when computers system pref is set to dark mode

[MathiasGretland]

^^ Title

Whenever the localStorage key is not set react-library-playground-theme (not set the first time you enter the site), then some colors are off if the system pref is set to dark mode.

This seems to only be related to the icons, so we might have to look for a better way to check isDarkModeSet in ThemeProviderUtils as this only checks for the localStorage key and not for the prefers-color-scheme (which most likely here is set to "light". Example illustration to check this would be to have a console log, like:

console.log(Window.matchMedia("(prefers-color-scheme: light)")

See screenshot for illustration:

[ArtemPchela]

^^ Title

Whenever the localStorage key is not set react-library-playground-theme (not set the first time you enter the site), then some colors are off if the system pref is set to dark mode.

This seems to only be related to the icons, so we might have to look for a better way to check isDarkModeSet in ThemeProviderUtils as this only checks for the localStorage key and not for the prefers-color-scheme (which most likely here is set to "light". Example illustration to check this would be to have a console log, like:

console.log(Window.matchMedia("(prefers-color-scheme: light)")

See screenshot for illustration:

Thank you for your detailed observation and suggestion! I appreciate that.