Answered

White background of Intercom messenger on dark background with RudderStack implementation


We’re seeing a problem where the Intercom messenger defaults to a white background while enabled on a dark background of our website.

We’ve implemented Intercom using RudderStack. We’re not sure how to force the background of the messenger window to show as transparent instead of white when on a dark background. Does anyone have any ideas?

 

 

icon

Best answer by Daniel M15 20 April 2023, 15:50

View original

3 replies

Userlevel 3
Badge +2

Looping in @Nathan Sudds in case he can advise on that 🙌

Userlevel 2

Hey @John Marbach! Daniel from Customer Support Engineering here 🔧 

 

RudderStack is a third party integration that we do not offer an official integration with. If you are continually having trouble integrating Intercom with RudderStack, we recommend trying one of our official integrations such as Google Tag Manager, or using our basic JavaScript snippet. If you are required to use this integration as a part of your app’s structure, I recommend reaching out to their development team for troubleshooting help. If you are able to replicate this on our standard integrations, we can escalate this case via the Messenger for you.

Hey there,

To follow up - we discovered that Intercom is non-compliant with the “color-scheme” meta tag that tells the embedding element (Intercom) what background color to use. When this tag is missing from the embedding element, like it is in Intercom today, the browser defaults to showing an opaque white background.

More info:

https://github.com/w3c/csswg-drafts/issues/4772

Reply