Functionality + support for branding in Dark Mode

Hi there

As many may have noticed, big brands are starting to add in the option to view UI in Dark Mode. When we send out an email, our branding currently uses dark text - as most email clients (up until now) have had a light background. If we were to send out an email with our current logo and the user views it with their UI set to Dark Mode, it will appear like this:

We have reached out to find out whether HubSpot can send out the suitable logo version (either light text or dark text) depending on the user’s interface preference, but there is currently no support for this.

Has anyone else experienced this same issue? We are not interested in changing our branding just to resolve this issue (some suggestions have been to add a stroke around the text or change the shade of the writing…)

Can HubSpot please consider support for this? We believe the inclusion of Dark Mode as a UI option will only increase going forward.

Thanks

Lou

A Dark Mode test view for emails.

Thanks for posting @adodge, we’ll keep an eye on this and see if there’s anything we can do in the future to offer this in-app.

I just saw that Litmus is offering this in their email tools. Not sure what the current uptake is on dark mode, but with how high iphone usage rates are for emails, would be a great feature to have available.

This would be very handy going forward now that iOS 13 and Android 10 (both released in Sept 2019) contain system wide Dark Modes. Also worth mentioning
Windows 10 (Since 2019)
MacOS (Since 2018)
Outlook for Mac/Windows (2019)
Thunderbird (2019)

Yes, very good idea!

Agreed - we’re experiencing the same issue with our marketing emails.

Hubspot support for alternating between light/dark logo according to the user’s interface is a must at this point. It’s disappointing that it wasn’t addressed with the launch of light and dark modes some time ago.

I second your concern about having to change your branding to work with this issue. We’ve found that the only other ideas to address the issue manually include coding or designing a background under the logo so it would always be displayed over white, for example. Unfortunately, because of the way dark mode works, even hard-coded backgrounds in emails are overwritten when a user implements dark mode. At this point, other than designing a new company logo, we’re sort of at a loss when it comes to ideas of how to address this issue on our end.

At this point without a solution, Hubspot users run the risk of looking unprofessional and unprepared when our emails reach Dark Mode inboxes.

We’ve run into this problem too! Any fixes yet?

We have the same problem, and we’re in the tech industry with a majority of our database utilizing dark mode - they can’t read our emails! How can we optimize our emails for this?

Same issue here. Access to responsive templates that include code to optimize regardless of which appearance mode the viewer has selected on their device is critical for both branding and visual presentation of messaging. If HubSpot is going to remain a suitable option for organizations to publish professional, consistant content, this must be addressed across the board, for emails, landing pages, blogs, etc.

This is an important issue for us too.

The only resource that covers this in depth is Dark Mode for Email: The Definitive Guide for Marketers

I’m not a developer so this is definitely outside my limited CSS/HTML knowledge.

Commenting to suggest that HubSpot work on a solution for this. Gmail is automatically inverting colors, including dark background modules. I know we can add outlines to images and design logos to work in light and dark mode, but not feasible for most company logos. Please HubSpot - look into a way to add a feature for this. Our eblasts look unprofessional on devices running dark mode.

This is important for us as well.

Agreed! I just found this is a massive probem for me and it makes all my emails look horrible. Hope this is resolved soon.

This is really important to us as well. Do we have any update on this yet?

Yes, please! I use dark mode on my own phone, and it’s frustrating to see our marketing emails show up not looking great. There’s currently no easy way to address this in HubSpot that I’ve found.

Hubspot would really have a leg up if they offered a “dark mode” preview toggle/simulator in the email design tool as well as simple tools to draft emails to accommodate dark mode on iOS and Android devices. Like, ideally all the CSS and special or platform-specific code or whatever is done behind the scenes, so the user doesn’t have to fool with it… that would be cool.

We also would have an urgent need to get a solution here, also for users that are working with the templates and will probably not write their own HTML Version for Marketing Emails.

Yes having the same issue here. Mails in light mode are finde, but dark mode destroys some elements which might increase CTR and other stuff. Is there any update on this?

This just came to my attention while testing out some new emails. I sent to my phone, and bam! Logo is gone. Please help with this Hubspot!