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?
Looping in 
Hey 
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
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
