# Come personalizzare ChatMessageInfo / CSS autore chat (non c'è un widget?)

**URL:** <https://meta.discourse.org/t/how-to-customize-chatmessageinfo-chat-author-css-there-is-no-widget/335336>\
**Category:** Development\
**Created:** [9 Novembre 2024, 12:21pm UTC](https://meta.discourse.org/t/how-to-customize-chatmessageinfo-chat-author-css-there-is-no-widget/335336 "2024-11-09T12:21:18Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![SkyeDragon](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@SkyeDragon](https://meta.discourse.org/u/SkyeDragon)\
**Post date:** [4 Dicembre 2024, 1:32am UTC](https://meta.discourse.org/t/how-to-customize-chatmessageinfo-chat-author-css-there-is-no-widget/335336/3 "2024-12-04T01:32:00Z")

</div>

Grazie per la risposta! In realtà ho risolto con un’altra soluzione, ma apprezzo che tu abbia offerto la tua perché sembra un po’ più pulita (nella mia devo accedere al nome della classe e il mio metodo sembra un po’ una forzatura). Ecco la strategia che ho usato:

```js
// Colora anche i nomi nella chat in tempo reale
api.decorateChatMessage(function (messageContainer, chatChannel) 
{
	let colorized_groups = this.args?.message?.user?.colorized_groups;

	if (colorized_groups == null)
		return; // nessun gruppo, niente da fare

	const nameClass = "chat-message-info __username__ name";					
	
	let elements = messageContainer.getElementsByClassName(nameClass);
	if (elements.length == 0) // normale: questo potrebbe essere un secondo messaggio che non ha l'intestazione del nome utente
		return; 

	let nameDiv = elements[0];

	if (colorized_groups.indexOf("developer") > -1)
		nameDiv.classList.add("developer");
	else if (colorized_groups.indexOf("wip_researcher") > -1)
		nameDiv.classList.add("wip_researcher");
	else if (colorized_groups.indexOf("researcher") > -1)
		nameDiv.classList.add("researcher");
});

```

Presumo che con il tuo metodo, passi ancora anche `this.args.message.user`?

---

_[View the full topic](https://meta.discourse.org/t/how-to-customize-chatmessageinfo-chat-author-css-there-is-no-widget/335336)._