Styling of Embedded Discourse

AI-generated summary

The latest version of Discourse now allows users to add a custom stylesheet when embedding Discourse on their website using the Javascript/IFRAME solution. This feature, found in Admin > Customize > CSS/HTML > Embedded CSS, enables a better visual integration with sites that don’t have a white background. eviltrout provides an example of the improvement, showcasing a site with and without the custom stylesheet applied. riking notes a minor issue with the example, but welcomes the long-awaited feature.

As of this morning, the bleeding edge version of Discourse allows you to add a stylesheet for when you embed discourse on your site using our Javascript/IFRAME solution.

Previously if you embedded discourse on a site that didn’t have a white background it didn’t look great. Here’s an example of that:

And here’s the same site with a stylesheet enabled:

To add a stylesheet to your embedded discourse, visit Admin > Customize > CSS/HTML > Embedded CSS

18 Likes

Hah, you put “dark” text on the dark blog.

Also: Finally! :smile: