مستوحى من هذا الموضوع، والألوان المخصصة لأدوار Discord، لقد كتبت هذا الكود البسيط جدًا الذي يضيف data-mention إلى إشارات المجموعات والمستخدمين، بهذه الطريقة لوضع ألوان مختلفة (وليس “لون عام”) عبر CSS 
الكود حاليًا هو JQuery ولكن في وقت ما سأغيره إلى Vanilla JavaScript 
لتطبيقه، ما عليك سوى لصق الكود في رأس السمة أو المكون الخاص بك:
<script type="text/discourse-plugin" version="0.9">
$(document).ajaxSuccess(() =>{
$('a.mention').each(function() {
$(this).attr('data-mention', $(this).text().replace('@', ''));
});
$('a.mention-group').each(function() {
$(this).attr('data-mention', $(this).text().replace('@', ''));
});
});
</script>
بعد ذلك، يمكنك تطبيق النمط الذي تريده عبر CSS 
على سبيل المثال:
a.mention[data-mention="Alexander"] {
color: #4527a0 !important;
}
في هذه الحالة، كان الأمر يتعلق باسم مستخدم محدد، ومع ذلك فإنه يعمل أيضًا للمجموعات باستخدام a.mention-group[data-mention="group-name"]
سأبحث في تحويل هذا إلى مكون سمة يمكن تخصيصه من “إعداداته” دون تعديل CSS 