Comment personnaliser le CSS de ChatMessageInfo / auteur du chat (il n'y a pas de widget ?)

Dev
3

Merci pour votre réponse ! J’avais en fait trouvé une autre solution, mais j’apprécie que vous proposiez la vôtre car elle semble un peu plus propre (dans la mienne, je dois accéder au nom de la classe et ma méthode semble un peu bancale). Voici la stratégie que j’ai utilisée :

// Coloriser également les noms dans le chat en temps réel
api.decorateChatMessage(function (messageContainer, chatChannel) 
{
	let colorized_groups = this.args?.message?.user?.colorized_groups;

	if (colorized_groups == null)
		return; // pas de groupes, rien à faire

	const nameClass = "chat-message-info__username__name";						
	
	let elements = messageContainer.getElementsByClassName(nameClass);
	if (elements.length == 0) // normal : il pourrait s'agir d'un deuxième message qui n'a pas l'en-tête du nom d'utilisateur
		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");
});

Je suppose qu’avec votre méthode, elle passe toujours this.args.message.user ?