Dark Mode does not follow System theme about infima

[slorber]

Note once you play with the theme toggle, your choice becomes persisted in localstorage and we don't use the system color anymore: it is only used for the initial visit, so make sure to use an incognito session or clear localstorage before testing.

We also have a respectPrefersColorScheme option to use system color in priority.

[slorber]

(oh didn't notice we are on the Infima repo, but anyway this is a Docusaurus-related topic, not really Infima, because Infima only adapt its CSS according to a HTML class name that the Infima user (ie Docusauurs) has to set.

[yangshun]

but wonder why do you care that much? 😅

Maybe cuz Hacktoberfest. Feel free to make a PR!

[AJAYK-01]

(oh didn't notice we are on the Infima repo, but anyway this is a Docusaurus-related topic, not really Infima, because Infima only adapt its CSS according to a HTML class name that the Infima user (ie Docusauurs) has to set.

Cool, Docusauurs doesn't seem to have any such issue, my bad, thanks for pointing out.
I was just looking for beginner friendly stuff to contribute :)

[AJAYK-01]

Note once you play with the theme toggle, your choice becomes persisted in localstorage and we don't use the system color anymore: it is only used for the initial visit, so make sure to use an incognito session or clear localstorage before testing.

We also have a respectPrefersColorScheme option to use system color in priority.

Heyya, looks like the docusaurus.config.js of the infima website doesn't have the property respectPrefersColorScheme set to true.
Upon trying locally the website seems to open with light/dark theme depending upon the system theme only when this property is set to true like you mentioned

Is this intentional or would you welcome an update making that true? 😄

[slorber]

Hey

You can add that respectPrefersColorScheme: true config if you want, but wonder why do you care that much? 😅

[AJAYK-01]

Hey

You can add that respectPrefersColorScheme: true config if you want, but wonder why do you care that much? 😅

Nothing much, I was just looking at the docs, and I tend to get most websites in dark mode since I set my system to dark mode. I understand it is not a big deal to have it by default, as there is the switch, but I just tend to notice things like this since light mode burns my eyes 😅. Never mind 😇

[AJAYK-01]

but wonder why do you care that much? 😅

Maybe cuz Hacktoberfest. Feel free to make a PR!

Okay 😄