Skip to main content

Change text colour / png logo colour for dark mode

  • February 5, 2025
  • 1 reply
  • 95 views

Forum|alt.badge.img

Hello,

When testing my email, I forgot about dark mode! My text and png logo is black so it is not optimised for dark mode. How do I fix it so that when it goes into an inbox on dark mode, the text and png changes to white?

Thank you in advance.

Ella.

 

1 reply

emma.owens
Community Manager
Forum|alt.badge.img+20
  • Community Manager
  • 216 replies
  • February 5, 2025

Hi ​@ellacoker ! 

Here are some recommendations for how to optimize your logo for dark mode inboxes. 

  • Use logos and images that look great on light and dark backgrounds, like this one for Bola’s baked goods.
    Bolas logos on dark and light backgrounds

 

  • Or add a light-colored shadow to a dark logo with a transparent background, so it stands out in dark mode.

 

SWAK logo on dark and light backgrounds

 

  • Alternatively, use image files that include background colors, rather than using a transparent background. If you choose this option, make sure your image completely fills the space it takes up (e.g., 600px wide for full-width images). This would be my recommendation for your use case! 


Nani headers on light and dark backgrounds

 

I hope this helps! :)