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 [imagem] 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…

Como alternar entre o modo escuro e o modo branco brilhante no Discourse incorporado

Suporte

mikeguo (Mike) 9 Fevereiro , 2023 09:45 8

Usando o último recurso oficial, eu o implementei.
Se você ainda tiver requisitos, pode consultar

Tópico		Respostas	Vistas
Automatic dark mode for embedded comments as well? Feature embedding	17	2275	6 Novembro , 2024
How to solve cross-origin for embedded Discourse? Support	0	505	23 Dezembro , 2022
Trouble using embedding in dark mode Support embedding	3	547	12 Agosto , 2023
How to customize appearance of discourse embeds? Support	4	1280	6 Outubro , 2022
Background color of iFrame not working Support	2	6329	15 Julho , 2022

Como alternar entre o modo escuro e o modo branco brilhante no Discourse incorporado

Related topics