From 9e18cf2f0c7487f3f2dd5d474f769a36a9370278 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sun, 21 Aug 2022 16:01:35 -0700
Subject: [PATCH] Fix incorrect font variable being used

---
 web/components/chat/ChatContainer/ChatContainer.module.scss   | 4 ++--
 .../chat/ChatSystemMessage/ChatSystemMessage.module.scss      | 2 +-
 web/components/chat/ChatUserBadge/ChatUserBadge.module.scss   | 2 +-
 .../chat/ChatUserMessage/ChatUserMessage.module.scss          | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/components/chat/ChatContainer/ChatContainer.module.scss b/web/components/chat/ChatContainer/ChatContainer.module.scss
index a171718bd..cdcb17884 100644
--- a/web/components/chat/ChatContainer/ChatContainer.module.scss
+++ b/web/components/chat/ChatContainer/ChatContainer.module.scss
@@ -25,10 +25,10 @@
   background-color: var(--color-owncast-background);
   & .nameChangeText {
     font-weight: bold;
-    font-family: var(--theme-header-font-family);
+    font-family: var(--theme-text-display-font-family);
     & .plain {
       font-weight: normal;
-      font-family: var(--font-owncast-family) !important;
+      font-family: var(--theme-text-body-font-family) !important;
     }
   }
 }
diff --git a/web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss b/web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss
index c475ec419..56cbb841e 100644
--- a/web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss
+++ b/web/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss
@@ -16,7 +16,7 @@
   .user {
     display: flex;
     align-items: center;
-    font-family: var(--theme-header-font-family);
+    font-family: var(--theme-text-display-font-family);
     font-weight: bold;
     color: white;
   }
diff --git a/web/components/chat/ChatUserBadge/ChatUserBadge.module.scss b/web/components/chat/ChatUserBadge/ChatUserBadge.module.scss
index c60e8fb26..d8a0fa355 100644
--- a/web/components/chat/ChatUserBadge/ChatUserBadge.module.scss
+++ b/web/components/chat/ChatUserBadge/ChatUserBadge.module.scss
@@ -1,7 +1,7 @@
 @import 'styles/mixins.scss';
 
 .badge {
-  font-family: var(--theme-header-font-family);
+  font-family: var(--theme-text-display-font-family);
   font-weight: 500;
   font-size: 0.4em;
   text-transform: uppercase;
diff --git a/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss b/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
index e304077e2..65a95cec3 100644
--- a/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
+++ b/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
@@ -9,7 +9,7 @@
   .user {
     display: flex;
     align-items: center;
-    font-family: var(--theme-header-font-family);
+    font-family: var(--theme-text-display-font-family);
     font-weight: bold;
   }
   .message {