fix(embeds): import custom theme into chat embeds

web/pages/embed/chat/readonly/index.tsx

@@ -7,6 +7,7 @@ import {
   visibleChatMessagesSelector,
   isChatAvailableSelector,
 } from '../../../../components/stores/ClientConfigStore';
+import { Theme } from '../../../../components/theme/Theme';
 
 export default function ReadOnlyChatEmbed() {
   const currentUser = useRecoilValue(currentUserAtom);
@@ -16,6 +17,7 @@ export default function ReadOnlyChatEmbed() {
   return (
     <div>
       <ClientConfigStore />
+      <Theme />
       {currentUser && (
         <ChatContainer
           messages={messages}

web/pages/embed/chat/readwrite/index.tsx

@@ -16,6 +16,7 @@ import Header from '../../../../components/ui/Header/Header';
 import { ClientConfig } from '../../../../interfaces/client-config.model';
 import { AppStateOptions } from '../../../../components/stores/application-state';
 import { ServerStatus } from '../../../../interfaces/server-status.model';
+import { Theme } from '../../../../components/theme/Theme';
 
 export default function ReadWriteChatEmbed() {
   const currentUser = useRecoilValue(currentUserAtom);
@@ -47,6 +48,7 @@ export default function ReadWriteChatEmbed() {
         `}
       </style>
       <ClientConfigStore />
+      <Theme />
       <Header name={headerText} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} />
       {currentUser && (
         <div id="chat-container">