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

Sviluppatore
3

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:

// 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?