Dark mode on iPhone with "Dynamic Island"
Closed this issue · 5 comments
Current Behavior
In dark mode, the upper part of the page shows an incongruous white color.
Expected Behavior
right color
Steps To Reproduce
- Open crates.io on Safari
- Keep the phone screen in vertical orientation
- 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?
I assume this is related to
Line 10 in 808173c
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.
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.
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!
Yeah theme-color seems to do it! I'll put up a pr for it