Is this really what ion-card should look like in iOS dark mode?

With system dark mode enabled for iOS ion-cards become basically invisible. Is something set up wrong in my project or is this correct? On Android the card has a slightly lighter background and it looks a lot better.

Any suggestions on this would be great.

Hmm, I’m in agreement here. While the styles could be updated by the end user, the default out of the box experience isn’t great. Could you open an issue on the main repo so we can update the card default styles?

ok thanks, will do - glad I hadn’t missed something dumb. I ended up doing:

this.prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;

<ion-card [ngClass]="{ 'dark-mode-background': prefersDark}">

.dark-mode-background {
  background-color: #1E1E1E;
}

which works buy I had to do it for the ion-list as well so was a little involved