Adding Chat Icons

With the coding on this page you're able to change the standard yellow star. You can also add it on other places in the chat.

Rail[]

With this code you can add a custom image on the place of the standard yellow star.

.ChatWindow [data-user="username"] .username:after,
.ChatWindow [data-user="username"] .username:after,
.ChatWindow [data-user="username"] .username:after,
.ChatWindow [data-user="username"] .username:after { 
    background: url("http://images.wikia.com/2actimv/images/8/84/Star_Red.png") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
}

Adding the following code gives yourself an image.

.ChatHeader .username:after {
    background: url("http://images.wikia.com/2actimv/images/8/84/Star_Red.png") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
}

Main Chat[]

With this code you can add stars behind the usernames in the main chat.

.ChatWindow .Chat [data-user="username"] .username:after,
.ChatWindow .Chat [data-user="username"] .username:after,
.ChatWindow .Chat [data-user="username"] .username:after,
.ChatWindow .Chat [data-user="username"] .username:after { 
    background: url("http://images.wikia.com/2actimv/images/8/84/Star_Red.png") 3px 0px !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    padding: 0px 19px 0px 0px !important;
}