For iOS Safari, the color of status bar remains white even if dark mode is on. Because of <meta name="theme-color" content="#ffffff" />

[3-2]

Summary

There is such a line in yari/client/public/index.html:
<meta name="theme-color" content="#ffffff" />
This code restricts the color of status bar to white in Safari for iOS.

Therefore, status bar remains white even if dark mode is on in iOS, which is glaring at night.

Note: this issue doesn't only happen on developer.mozilla.org, but also on support.mozilla.org.

URL

https://developer.mozilla.org

Reproduction steps

1. Open Safari for iOS.
2. Visit https://developer.mozilla.org.
3. Switch dark mode again and again, you can see the color of status bar remains white.

Expected behavior

The color of status bar follows dark mode.

Actual behavior

The color of status bar remains white

Device

Smartphone

Browser

Safari

Browser version

Stable

Operating system

iOS

Screenshot

No response

Anything else?

No response

Validations

• I have read the Community Participation Guidelines.
• I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.

[3-2]

@caugner
Hello!
This issue had been solved. Why did you reopen it?

[caugner]

@3-2 It looks like the issue is not yet resolved, as the PR is not merged yet.

[3-2]

@caugner
I'm not familiar with how GitHub operates. I just see the fact that the colour of status bar now meets user expectation under any situation. It’s black under dark mode.
Can you explain why this issue should keep opened? This will help me be familiar with how GitHub operates. Thank you!

[3-2]

Alright, I'm wrong...It really isn't resolved. It's because of the dark mode extension installed on my Safari that made me feel like the issue had been resolved.
Sorry...@caugner

[caugner]

@3-2 For your information, this should be resolved in the meantime. 😉