Earlier today, I made a little plugin which lets me customize the author line of each forum post with some CSS based on some special site-specific logic. Example: function initColorize(api) { api.includePostAttributes('colorized_groups'); // Hijacking post icons to sneak in CSS for forum posts …

Hey, I think it won’t be easy. There is no available PluginOutlet in this area (don’t hesitate to request it!) If you want to add only classnames, you should be able to do this way: api.modifyClass( "component:chat/message/info", (Superclass) => class extends Superclass { get userna…

Thanks for the reply! I actually had gone about it with another solution, but I appreciate you offering yours as it seems a bit cleaner (in mine I have to access the class name and my method feels a bit hacky). Here’s the strategy I used: // Also colorize names in the real-time chat api.decorateC…

Good job for finding a way! It’s not that hacky. :smile: But yes, overwriting the getter is straight and cleaner. [image] Skye: I assume with your method, it also still passes the this.args.message.user ? That’s correct. :slight_smile:

How to customize ChatMessageInfo / chat author CSS (there is no widget?)

Dev

Arkshine December 4, 2024, 1:55am 4

Good job for finding a way! It’s not that hacky.
But yes, overwriting the getter is straight and cleaner.

That’s correct.

1 Like

Topic		Replies	Views
Add user's groups as a class to messages in chat Feature chat	3	898	February 22, 2023
Speccing out a full page chat plugin Dev	29	7923	August 21, 2022
Discourse Chat Plugin official , chat , included-in-core	39	32539	February 17, 2026
Chat messages layout to look more like Telegram Feature chat	2	117	September 17, 2025
Add plugin outlet for group chats similar to `after-chat-channel-username` Feature chat	4	114	November 25, 2025

How to customize ChatMessageInfo / chat author CSS (there is no widget?)

Related topics