CustomChatStars is a simple bit of CSS that allows you to change the chat stars for individual moderators/administrators in chat.


Base formatting

The CSS is used in the following format:

/* CustomChatStars */
/** Removes current default star */
.ChatWindow .User .badge svg {
    background-position: center;
    background-repeat: no-repeat;
.ChatWindow .User .badge svg g {
    visibility: hidden;
/** Add custom chat star **/
.ChatWindow .User .badge #wds-avatar-badges-USERGROUP {
    background-image: url('');


Use the following instructions to adapt the CSS below /** Add custom chat star **/.

  1. Replace "USERGROUP" with the usergroup name(s), using hyphens instead of spaces:
    1. admin - administrators
    2. discussions-moderator - discussions moderators
    3. helper - FANDOM Helpers
    4. helper - VSTF members
  2. Replace the URL with a link to the star you want.

Install the resulting code in either MediaWiki:Chat.css or Special:MyPage/chat.css of your wiki.