[HTML] Update styling to match Discord

pull/613/head
Tyrrrz 3 years ago
parent b28f029382
commit 4fd6f8272e

@ -521,7 +521,7 @@ img {
border-radius: 3px;
vertical-align: middle;
line-height: 1.3;
background: #7289da;
background: #5865F2;
color: #ffffff;
font-size: 0.625em;
font-weight: 500;

@ -6,7 +6,7 @@ body {
}
a {
color: #0096cf;
color: #00aff4;
}
.spoiler-text {
@ -34,7 +34,7 @@ a {
color: #b9bbbe !important;
}
/* === Preamble === */
/* Preamble */
.preamble__entry {
color: #ffffff;
@ -92,7 +92,7 @@ a {
}
.chatlog__embed-color-pill--default {
background-color: rgba(79, 84, 92, 1);
background-color: #202225;
}
.chatlog__embed-content-container {
@ -113,7 +113,7 @@ a {
}
.chatlog__embed-description {
color: rgba(255, 255, 255, 0.6);
color: #dcddde;
}
.chatlog__embed-field-name {
@ -121,11 +121,11 @@ a {
}
.chatlog__embed-field-value {
color: rgba(255, 255, 255, 0.6);
color: #dcddde;
}
.chatlog__embed-footer {
color: rgba(255, 255, 255, 0.6);
color: #dcddde;
}
.chatlog__reaction {

@ -7,7 +7,7 @@ body {
}
a {
color: #00b0f4;
color: #0068e0;
}
.spoiler-text {
@ -115,7 +115,7 @@ a {
}
.chatlog__embed-description {
color: #737f8d;
color: #2e3338;
}
.chatlog__embed-field-name {
@ -123,11 +123,11 @@ a {
}
.chatlog__embed-field-value {
color: #737f8d;
color: #2e3338;
}
.chatlog__embed-footer {
color: rgba(79, 83, 91, 0.6);
color: #2e3338;
}
.chatlog__reaction {

@ -311,8 +311,8 @@
<div class="chatlog__reactions">
@foreach (var reaction in message.Reactions)
{
<div class="chatlog__reaction">
<img class="emoji emoji--small" alt="@reaction.Emoji.Name" title="@reaction.Emoji.Name" src="@await ResolveUrlAsync(reaction.Emoji.ImageUrl)">
<div class="chatlog__reaction" title="@reaction.Emoji.Name">
<img class="emoji emoji--small" alt="@reaction.Emoji.Name" src="@await ResolveUrlAsync(reaction.Emoji.ImageUrl)">
<span class="chatlog__reaction-count">@reaction.Count</span>
</div>
}

Loading…
Cancel
Save