FB-CustomerChat 暗黑模式

Question

3

你好，我为我的网站创建了一个Facebook页面，并添加了Messenger实时聊天插件，但是我希望它能够呈现暗黑色的外观，因为整个网站都是采用暗黑模式，请问有什么方法可以直接覆盖CSS以获得暗黑模式设计吗？

以下是网站链接：

谢谢！

- Bebo

1

你不能覆盖插件的CSS，因为内容位于从不同源加载的iframe内部，这意味着你无法通过脚本或样式来访问它。 - undefined

有没有办法将这个改成深色肤色呢？ - undefined

2

你可以设置theme_color，但仅限于此。https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin#customization - undefined

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Scrandre · Accepted Answer

有一种方法，我曾经和你处于同样的情况。您可以反转两个iframe（气泡按钮和聊天窗口本身），这将为您提供一个已经相当黑暗的模式：

[data-testid="bubble_iframe"], [data-testid="dialog_iframe"] {
    filter: invert(1);
}

你可以进一步调整它们的反转程度，并添加其他滤镜，如“色相旋转”、“饱和度”、“亮度”等。

如果您有要保留的网站主题，请前往https://pinetools.com/invert-color（或图形编辑器）并反转颜色，使反转颜色成为小部件的主题颜色。经过双重反转后，您将拥有保留主要颜色的深色主题小部件。