FANDOM


With Highlighting Friends you're able to highlight the usernames and messages of your friends in chat.

Highlighting UsernamesEdit

Below is the code with which you only change the color of the usernames.

.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username {
    color: lime !important;
}

If you want to customize more, below is an example.

.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username {
    color: lime !important;
    font-weight: bold !important;
    font-style: italic;
    text-decoration: underline;
    font-family: monospace;
}

You can highlight your own username in the chat header with this code.

.ChatWindow .ChatHeader .username {
    color: lime !important;
}

Highlighting MessagesEdit

Use the code below to give messages of certain users an other color.

.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message {
    color: lime !important;
}

If you want to customize more, below is an example.

.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message {
    color: lime !important;
    font-weight: bold !important;
    font-style: italic;
    text-decoration: underline;
    font-family: monospace;
}