Customisability in discourse?

Support
2

Welcome :slight_smile:

Besides the color palette, it will be CSS/SCSS, and more if needed (JS, HTML).

You might be interested in this:

You can create themes and components. Components are like “subthemes” (they can contain styles and features), and any component can be enabled for one or multiple themes.

The image displays a download page for a mobile app, highlighting installable themes that include various customization options and frontend features, with toggle options like "Category list mobile," "Discotoc," and "Emoji." (Captioned by AI)
The image displays a download page for a mobile app, highlighting installable themes that include various customization options and frontend features, with toggle options like "Category list mobile," "Discotoc," and "Emoji." (Captioned by AI)356×455 19.4 KB

This image shows a screenshot of the "Components" section of a forum theme called "DiscoTOC," detailing various default components that can be added or modified to customize the style of a forum, such as emoji fluffs, groups CSS classes, and progress bar settings. (Captioned by AI)
This image shows a screenshot of the "Components" section of a forum theme called "DiscoTOC," detailing various default components that can be added or modified to customize the style of a forum, such as emoji fluffs, groups CSS classes, and progress bar settings. (Captioned by AI)1004×704 65.5 KB

There’s a command line tool that helps for creating themes and components and I suggest you have a look at it:

There’s also a special page that lists most Discourse HTML elements so you can have an overview of what they look like, and create your styles accordingly.
The page must be enabled with the Styleguide enabled site setting.

Example:

https://unicyclist.com/styleguide/molecules/topic-list-item

6 Likes