How to customize appearance of discourse embeds?

Support
1

Hi everyone,

I use the discourse embed feature to surface posts on a non-discourse site. When I have dark mode on the main site enabled, I would like to style the discourse embeds to appear appropriately as well:

image
image2420×1098 218 KB

Is there a way for me to have the embedded instance inherit the styles from the parent page? I believe it is iframed right now, and that is limiting style sharing.

Thanks,
Kirupa

2

Another thing is that the code syntax highlighting is also missing. Is there a way to make the embed look more natural with the site it is being displayed in while also retaining syntax highlighting? :slight_smile:

3

I think the auto-dark embeds has cropped up before if this is any use:

4

And as another potential helpful thread there are a few CSS pointers here, though I haven’t done it myself:

2 Likes
5

Thanks so much for the suggestions! I’ll try setting custom CSS via the approach you have described :slight_smile:

6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.