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: [صورة] Style the embedded Discourse frame on your web page Administrators How to style the embedded Discourse frame on your web page Getting Started To …

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: [صورة] 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) color sche…

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

كيفية تخصيص مظهر تضمينات الخطاب؟

الدعم

JammyDodger 28 سبتمبر 2022، 3:48ص 3

أعتقد أن تضمينات الوضع المظلم التلقائي قد ظهرت من قبل إذا كان هذا مفيدًا:

الموضوع		الردود	مرات العرض
Trouble using embedding in dark mode Support embedding	3	526	12 أغسطس 2023
Styling of Embedded Discourse Feature feedback	1	2325	13 أغسطس 2015
Automatic dark mode for embedded comments as well? Feature embedding	17	2180	6 نوفمبر 2024
How to style embedded comments? Support	19	5081	2 يونيو 2019
How to switch between dark mode and bright white mode in embedded Discourse Support	5	1170	9 فبراير 2023

كيفية تخصيص مظهر تضمينات الخطاب؟

الموضوعات ذات الصلة