Change your logo for dark mode in MJML


Developing emails can be a time-consuming process, but with MJML, you can simplify email development. This powerful framework makes it easy to create accessible emails that work across a variety of popular email clients.

If you want to change the appearance of your logo in dark mode, the good news is that MJML offers a simple solution. By applying the following code, you can customise the logo to your liking in dark mode. However, it’s important to keep in mind that prefers-color-scheme have limited email client support. To ensure that your logo is visible in all email clients, it’s a good idea to use a border or shadow for the light version of your logo. With these tips in mind, you’ll be well on your way to creating emails that look great!

If you want to know more about dark mode emails, then Litmus has a great blog on this.



  /* Dark Mode Style For Apple Mail and iOS */

  :root {
  color-scheme: light dark;
  supported-color-schemes: light dark;

  @media (prefers-color-scheme: dark) {






Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Post

A Tool for Exploring and Testing Google Workspace APIs

Next Post

How to Plan an Event: Event Planning Steps, Tips & Checklist

Related Posts