Since the release of macOS Mojave we redesigned all our websites etc to support the dark theme. This is a system set setting available in most OS/browser combinations. On iOS in safari it works perfectly but not in my ionic app.
I have the following CSS to make the difference obvious.
@media (prefers-color-scheme: dark) {
.content-md,
.content-ios {
background-color: green !important;
}
}
@media (prefers-color-scheme: light) {
.content-md,
.content-ios {
background-color: yellow !important;
}
}
source https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
No matter what I do the content is always yellow, if I open it in the browser on my ios device it works perfectly.