From 4f41c4fff3111c115afc26b8ade816d7f0b64df7 Mon Sep 17 00:00:00 2001
From: Tyrrrz <1935960+Tyrrrz@users.noreply.github.com>
Date: Wed, 14 Sep 2022 20:14:30 +0300
Subject: [PATCH] Fix styles for system notifications in HTML

---
 .../Exporting/Writers/Html/MessageGroupTemplate.cshtml        | 4 +++-
 .../Exporting/Writers/Html/PreambleTemplate.cshtml            | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml b/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
index 992f68ff..f1e236ef 100644
--- a/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
+++ b/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
@@ -73,7 +73,9 @@
                         @{/* System notification content */}
                         @if(message.Kind == MessageKind.ChannelPinnedMessage)
                         {
-                            <span class="chatlog__system-notification"> pinned</span><span class="chatlog__system-message-reference-link chatlog__reference-link" onclick="scrollToMessage(event, '@message.Reference?.MessageId')"> a message</span><span class="chatlog__system-message"> to this channel.</span>
+                            <span class="chatlog__system-notification"> pinned</span>
+                            <span class="chatlog__system-notification-reference-link chatlog__reference-link" onclick="scrollToMessage(event, '@message.Reference?.MessageId')"> a message</span>
+                            <span class="chatlog__system-notification"> to this channel.</span>
                         }
                         else
                         {
diff --git a/DiscordChatExporter.Core/Exporting/Writers/Html/PreambleTemplate.cshtml b/DiscordChatExporter.Core/Exporting/Writers/Html/PreambleTemplate.cshtml
index 97379a37..3173306d 100644
--- a/DiscordChatExporter.Core/Exporting/Writers/Html/PreambleTemplate.cshtml
+++ b/DiscordChatExporter.Core/Exporting/Writers/Html/PreambleTemplate.cshtml
@@ -255,12 +255,12 @@
         }
 
         .chatlog__system-notification {
-            color: @Themed("rgb(150, 152, 157)", "rgb(94, 103, 114)")
+            color: @Themed("#96989d", "#5e6772")
         }
 
         .chatlog__system-notification-reference-link {
             font-weight: 500;
-            color: #ffffff
+            color: @Themed("#ffffff", "#2f3136");
         }
 
         .chatlog__system-notification-icon {