[HTML] Update styling to match Discord

DiscordChatExporter.Core/Exporting/Writers/Html/Core.css

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

DiscordChatExporter.Core/Exporting/Writers/Html/Dark.css

@@ -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 {

DiscordChatExporter.Core/Exporting/Writers/Html/Light.css

@@ -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 {

DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml

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