Open ianmclaughlin opened 9 months ago
Thanks for this @ianmclaughlin
For inlined we can embed these styles and use !important
However I was under the impression iOS Mail would automatically invert. Adding something like this just gives you more control over those dark mode colors. Could you share a screenshot?
This is what I see in Gmail app when switching between light and dark mode. And this is what Litmus shows me for iPhone 15 (I don't have Apple Mail on iOS handy).
I should probably have mentioned, I was including images. Reading around I came across this https://www.dyspatch.io/blog/the-danger-of-dark-mode-and-email/ and this https://www.campaignmonitor.com/resources/guides/dark-mode-in-email so I tried the media query.
Without the media query:
With the media query:
@ianmclaughlin
Hi there! I got a question about your last reply. when you added that media query for dark mode. does not be affecting by other Mail clients? like outlook or gmail? also you are not adding any !important in those queries so maybe mail client can change it for you. I like this simple template for that but I would like to make it maybe not bullet proof but close.
Any recommendation it would be appreciate it though. @leemunroe
I almost forget to say something. if I want to add like a head image I'm not referring to top top of the email but more like simple image. where exactly you have add html I added after and then in tbody I just added new
`
Mail isn't automatically dark inverted using the Mail app on iOS, until I use
@media (prefers-color-scheme: dark)
and feed it the inverted colors