mirror of
https://github.com/Tyrrrz/DiscordChatExporter.git
synced 2026-04-28 08:46:44 +00:00
[HTML] Update styling to match Discord
This commit is contained in:
@@ -521,7 +521,7 @@ img {
|
|||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
background: #7289da;
|
background: #5865F2;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 0.625em;
|
font-size: 0.625em;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #0096cf;
|
color: #00aff4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spoiler-text {
|
.spoiler-text {
|
||||||
@@ -34,7 +34,7 @@ a {
|
|||||||
color: #b9bbbe !important;
|
color: #b9bbbe !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* === Preamble === */
|
/* Preamble */
|
||||||
|
|
||||||
.preamble__entry {
|
.preamble__entry {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
@@ -92,7 +92,7 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-color-pill--default {
|
.chatlog__embed-color-pill--default {
|
||||||
background-color: rgba(79, 84, 92, 1);
|
background-color: #202225;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-content-container {
|
.chatlog__embed-content-container {
|
||||||
@@ -113,7 +113,7 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-description {
|
.chatlog__embed-description {
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: #dcddde;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-field-name {
|
.chatlog__embed-field-name {
|
||||||
@@ -121,11 +121,11 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-field-value {
|
.chatlog__embed-field-value {
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: #dcddde;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-footer {
|
.chatlog__embed-footer {
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: #dcddde;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__reaction {
|
.chatlog__reaction {
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #00b0f4;
|
color: #0068e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spoiler-text {
|
.spoiler-text {
|
||||||
@@ -115,7 +115,7 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-description {
|
.chatlog__embed-description {
|
||||||
color: #737f8d;
|
color: #2e3338;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-field-name {
|
.chatlog__embed-field-name {
|
||||||
@@ -123,11 +123,11 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-field-value {
|
.chatlog__embed-field-value {
|
||||||
color: #737f8d;
|
color: #2e3338;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__embed-footer {
|
.chatlog__embed-footer {
|
||||||
color: rgba(79, 83, 91, 0.6);
|
color: #2e3338;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatlog__reaction {
|
.chatlog__reaction {
|
||||||
|
|||||||
@@ -311,8 +311,8 @@
|
|||||||
<div class="chatlog__reactions">
|
<div class="chatlog__reactions">
|
||||||
@foreach (var reaction in message.Reactions)
|
@foreach (var reaction in message.Reactions)
|
||||||
{
|
{
|
||||||
<div class="chatlog__reaction">
|
<div class="chatlog__reaction" title="@reaction.Emoji.Name">
|
||||||
<img class="emoji emoji--small" alt="@reaction.Emoji.Name" title="@reaction.Emoji.Name" src="@await ResolveUrlAsync(reaction.Emoji.ImageUrl)">
|
<img class="emoji emoji--small" alt="@reaction.Emoji.Name" src="@await ResolveUrlAsync(reaction.Emoji.ImageUrl)">
|
||||||
<span class="chatlog__reaction-count">@reaction.Count</span>
|
<span class="chatlog__reaction-count">@reaction.Count</span>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user