Template:DiscordMessage

This template creates Discord-like message formatting.

Usage

{{DiscordMessage
|avatar=Example.jpg
|username=Username
|timestamp=01-Jan-21 12:00 AM
|content=Message content here.
Use @mention to ping someone.
|mentions=mention1#1234,mention2#5678
}}

/* Discord-like styling */
.discord-message {
font-family: 'Whitney', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.discord-message img {
border-radius: 50%;
}

.discord-message .mention {
background: rgba(88,101,242,0.3);
color: #c9cdfb;
border-radius: 3px;
padding: 0 2px;
}

.preserve-whitespace {
white-space: pre-wrap;
}