Dark text shows on dark background

[ninjadevpunk]

What version of Tailwind CSS are you using?

Referring to the tailwind website not tailwind itself.

What build tool (or framework if it abstracts the build tool) are you using?

not applicable

What version of Node.js are you using?

not applicable

What browser are you using?

Chrome

What operating system are you using?

Windows 11

Reproduction URL

not applicable.

Describe your issue

So I went on the site to go learn tailwind and I couldn't see the text well because it was black text on a dark background. I actually found the light mode settings by accident and changing the setting (any change works for dark mode and light mode works fine) from system settings to dark mode removes the issue. It seems like it doesn't really matter what settings I use between system and dark mode settings, just changing the setting at least once fixes the issue. It always does the issue I mentioned when I first visit the site then I have to go down to the bottom of the page and change mode and then it's fixed. Just to be clear simply changing the setting makes the modes work normal.

I'd suggest a fix if it's not just my browser doing this and putting the modes at the top of the page for people to see easier since I found it by mistake.

[RobinMalfait]

Do you have any extensions installed in your browser such as darkreader that could be messing with the text on the docs?

The text should be white on dark in dark mode:

[ninjadevpunk]

Whenever I arrive at the site or refresh the page after changing modes it does this. It works fine after changing modes tho (shows light on dark and vice versa) Dunno if I'm the only one having this issue. And no I do not have any extensions that affect sites.