Highlight topic starter

Just wanted to share a small code snipped I created to highlight the topic starter with a small badge next to the author information in each reply but not the first message in a thread:

<#if (env.context.message.parent??) && (page.context.thread.topicMessage.author.id == env.context.message.author.id)>
  <div>Topic Starter</div>
</#if>

Just drop the above code in a custom component and add it to the "ForumMessage" page layout next to the author information like avatar, name and rank.

 

How does it look

With a pill shape styling similar to that of labels it can look like this:

Alternatively you could @override the author avatar component and use above condition to wrap it into a topic starter class container and then add some styling to the avatar like a ring:

Or do both at the same time. Have fun with it.