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 年 2 月 9 日午前 9:45 8

最新の公式機能を使用して実装しました。
それでも要件がある場合は、以下を参照してください。

トピック		返信	表示
Automatic dark mode for embedded comments as well? Feature embedding	17	2221	2024 年 11 月 6 日
How to solve cross-origin for embedded Discourse? Support	0	499	2022 年 12 月 23 日
Trouble using embedding in dark mode Support embedding	3	530	2023 年 8 月 12 日
How to customize appearance of discourse embeds? Support	4	1266	2022 年 10 月 6 日
Background color of iFrame not working Support	2	6296	2022 年 7 月 15 日

埋め込みDiscourseでダークモードと明るいホワイトモードを切り替える方法

関連トピック