Dark mode on iPhone with "Dynamic Island"

[azureqaq]

Current Behavior

In dark mode, the upper part of the page shows an incongruous white color.

Expected Behavior

right color

Steps To Reproduce

1. Open crates.io on Safari
2. Keep the phone screen in vertical orientation
3. Observe the top of the page

Environment

• Browser: Safari on iOS 18.4.1
• OS: iOS 18.4.1
• Model: iPhone 15 Pro

Anything else?

[Turbo87]

I assume this is related to

crates.io/config/manifest.js

Line 10 in 808173c

background_color: '#3b6837',

(and https://zonkyio.github.io/ember-web-app), but I'm not sure if that plugin supports different color themes 🤔

[Turbo87]

according to https://zonkyio.github.io/ember-web-app/docs/manifest/available-properties#background_color, that fields does not apply on Apple devices though, but it's possible that the docs are outdated. unfortunately I don't have an iPhone, so I can't test/debug this locally.

[azureqaq]

I think this might be controlled by the theme-color. However, I'm not familiar with front-end technologies. I hope this information could be useful.

[LawnGnome]

That seems plausible, but I don't have an iPhone to test this with. Any eager iPhone users who want to play around with this are welcome!

[rmehri01]

Yeah theme-color seems to do it! I'll put up a pr for it