How to Optimize Email For Dark Mode!

Hi @Riffat Junaid,

Here are some possible solutions that I can think of:

• Use Dark mode specific CSS (not all email clients support these queries)

• Inline Styles with important tag (inline styles with the !important tag can help override the email client's default dark mode settings)

• Transparent PNGs for Buttons instead of Button blocks
• If the color change is too disruptive, consider designing the email with less reliance on large areas of maroon, focusing more on white or light backgrounds with maroon used more sparingly.
• ☝️ Educate and offer alternatives: I’ve seen many brands, like Patagonia’s email, being flexible with how emails turn to dark mode. How about you reconsider the persistence of the maroon colour?

Another option would be to maybe stick to the most important brand elements (like CTAs and PNG images) and let the rest visually appealing but not brand aligned?

Hope that helps,