From f4de7ed31f564be3a62a25b9989745bcd7f0dd67 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 24 Jun 2022 21:42:42 -0700
Subject: [PATCH] Insert custom CSS styles into layout. Closes #1972

---
 web/components/layouts/Main.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/components/layouts/Main.tsx b/web/components/layouts/Main.tsx
index 7bc4e7e39..c8cae0b14 100644
--- a/web/components/layouts/Main.tsx
+++ b/web/components/layouts/Main.tsx
@@ -14,7 +14,7 @@ import FatalErrorStateModal from '../modals/FatalErrorModal';
 
 function Main() {
   const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
-  const { name, title } = clientConfig;
+  const { name, title, customStyles } = clientConfig;
   const isChatAvailable = useRecoilValue<boolean>(isChatAvailableSelector);
   const fatalError = useRecoilValue<DisplayableError>(fatalErrorStateAtom);
 
@@ -75,6 +75,8 @@ function Main() {
         <meta name="msapplication-TileColor" content="#ffffff" />
         <meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png" />
         <meta name="theme-color" content="#ffffff" />
+
+        <style>{customStyles}</style>
       </Head>
 
       <ClientConfigStore />