Highlighting Friends

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

Highlighting Usernames[]

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 Messages[]

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;
}