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] Is there a way for me to have the embedded instance inherit the styles from…

And as another potential helpful thread there are a few CSS pointers here, though I haven’t done it myself: [afbeelding] Style the embedded Discourse frame on your web page Administrators How to style the embedded Discourse frame on your web page Getting Start…

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:

I think the auto-dark embeds has cropped up before if this is any use: [afbeelding] Automatic dark mode for embedded comments as well? Feature Automatic Dark Mode color scheme switching is a fantastic addition, thanks for integrating it! With (automatic) colo…

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

Hoe pas ik het uiterlijk van discourse embeds aan?

Ondersteuning

weallwegot (juicecounty.prodigy) 28 september 2022 om 04:00 4

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

Topic		Antwoorden	Weergaven
Trouble using embedding in dark mode Support embedding	3	529	12 augustus 2023
Styling of Embedded Discourse Feature feedback	1	2327	13 augustus 2015
Automatic dark mode for embedded comments as well? Feature embedding	17	2221	6 november 2024
How to style embedded comments? Support	19	5081	2 juni 2019
How to switch between dark mode and bright white mode in embedded Discourse Support	5	1174	9 februari 2023

Hoe pas ik het uiterlijk van discourse embeds aan?

Gerelateerde topics