Customer email logo color inversion for dark mode

Andrewm286
New Member
1 0 0

Is there a way to set up the email templates so that when a customer opens the email using dark mode on their phone/tablet, the logo colors invert from black to white?  I’m set up using a standard Shopify email template with a png logo w/ transparent background.

Any help is greatly appreciated!

0 Likes
Zvezdovs
Excursionist
26 0 7

@Andrewm286 howdy!

Yap!
Use css media feature - 

prefers-color-scheme


Best of luck!
Aivis Zvezdovs / ANTI 404

Hire me - zvezdovs@gmail.com
Did my answer helped you? A like would be appreciated!
Shopify is a great platform and will make you a ton of profit, if executed correctly.
Push it to make your store as perfect as you can, or hire a professional to take your store to next level.
0 Likes
Rosstheboss
Tourist
11 0 7

Hi @Zvezdovs 

 

Can you be more specific about this? Where do you put this CSS code and wouldn't you also need to point to an alternate logo for dark mode? I'm having the same issue where my logo is a black PNG, so in dark mode nothing shows up. Any help would be appreciated.

 

Thanks!

 

0 Likes