Styleguide Plugin Now in Discourse Core

News and Events Announcements

AI-generated summary

Styleguide Plugin Now in Discourse Core

The discourse-styleguide plugin has been merged into Discourse Core, announced by jordan-vidrine. To enable the styleguide, search for styleguide in admin settings and click to enable. This feature allows users to visit yoursite.com/styleguide to see Discourse components and widgets in various configurations, aiding in styling custom themes.

The styleguide includes examples such as buttons and icons, as seen in the included images. nolo has expressed appreciation for the styleguide, suggesting that it could be improved by including notification elements like .post-notice and #banner to make it easier to test color combinations.

1

We are happy to announce that the discourse-styleguide plugin has been merged into Discourse Core!

:partying_face:

To enable it, search styleguide in your admin settings, and click to enable.

image
image1600×210 21.5 KB

This will allow you to visit yoursite.com/styleguide which will render Discourse components and widgets in various configurations to aid in styling.

This helps a ton when designing custom themes and specifically targeting some of the less seen elements of Discourse.

Some examples of what you can find at /styleguide include the following + many more.

Buttons

image
image976×1220 88.2 KB

Icons

image
image2004×1458 307 KB

43 Likes
Discourse 2.6.0.beta4 Release Notes
Why is the styleguide so well hidden?
Discourse playground/storybook?
Post Notice Visibility Control
Change Default Badge Colors (Bronze, Silver, Gold)
[Admin-Hinweis] Eines deiner Themes oder Plug-ins enthält Code, der aktualisiert werden muss
10

Love the styleguide! :heart:

Would be great if it could include some of the notification elements, like .post-notice, .alert-info, #banner,… they can look really off with some color combinations and it’s a bit cumbersome to check them individually on the site.

2 Likes