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

It seems like they modified this… but content within a card is still black despite the card itself getting a gray color. I added a list inside a card… The list background is black. Is there any simple change I need to make or something I am doing wrong? Or do I need to manually adjust colors to match? It looks very bad in dark mode and my html is very straightforward with no css