HTML Email dark mode issues

3KAN · Mar 26, 2026

I’ve got a problem with dark mode in HTML email. I’m using black background, dark images and white text, but it just doesn’t work right on iPhones in Gmail app.

Right now I kind of fixed it with background-image: linear-gradient(black, black) !important;. Maybe someone knows a better way to handle this?

BobChipeska · May 24, 2026

<body class="body">
<style>
u + .body .gmail-blend-screen {
background:#000;
mix-blend-mode:screen;
}

u + .body .gmail-blend-difference {
background:#000;
mix-blend-mode:difference;
}
</style>

<div style="background:#000; background-image:linear-gradient(#000,#000);">
<div class="gmail-blend-screen">
<div class="gmail-blend-difference">
<p style="color:#fff;">White text</p>
</div>
</div>
</div>
</body>

HTML Email dark mode issues

3KAN

Registered Member

BobChipeska

Junior Member

Main Menu

Marketplace

Making Money

BlackHat World