My website provides the dark mode button, so when button was click, I need to change the color theme of Dicourse Embeds to keep the same with my website. But when I try to add class for body of embedded iframe, I found iframe.contentDocument is always null, and if use document.getElementById("disco…

I’m having a similar challenge. Were you able to find a workaround? Because of the cross-origin issue, I can’t add any kind of marker on the iframe that my embedded CSS can use to figure out what colors to use: [image]

Not resolved yet. I haven’t received an official reply either, so I don’t know if all the official friends are on vacation.

(Friendly bump to see if we have any official guidance :slight_smile: )

There is an official way but only for official themes: Styling of Embedded Discourse That could help: app/assets/stylesheets/embed.scss 67e422c2d @import "./vendor/normalize"; @import "./vendor/normalize-ext"; @import "./common/foundation/base"; @import "./color_definitions"; …

Using offical latest feature, I have implemented it. If you still have requirements, you can refer to [圖片] Automatic dark mode for embedded comments as well? Feature I have implemented it by using postMessage. The codes and its execution logic are as blow: […

如何在嵌入式Discourse中切换暗模式和亮白色模式

支持

mikeguo (Mike) 2023年二月9日 09:45 8

我使用了官方的最新功能，并已成功实现。
如果您仍有其他需求，可以参考：

話題		回覆	觀看
Automatic dark mode for embedded comments as well? Feature embedding	17	2403	2024年十一月6日
How to solve cross-origin for embedded Discourse? Support	0	520	2022年十二月23日
Trouble using embedding in dark mode Support embedding	3	582	2023年八月12日
How to customize appearance of discourse embeds? Support	4	1325	2022年十月6日
Background color of iFrame not working Support	2	6370	2022年七月15日

如何在嵌入式Discourse中切换暗模式和亮白色模式

相關主題