Skip to main content
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?

 

 

Best answer by Daniel M15

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.

View original
Did this topic help you find an answer to your question?

3 replies

Diana Tripac
Intercom Team
Forum|alt.badge.img+2
  • Senior Community Program Manager @Intercom
  • 154 replies
  • April 13, 2023

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


Daniel M15
Employee
  • Employee
  • 240 replies
  • Answer
  • April 20, 2023

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.


  • Author
  • New Participant
  • 1 reply
  • April 20, 2023

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings