change to hive chat colour flow on effect on text boxes

stakwork · Feb 7, 2025 · b440457 · b440457
1 parent c8a0eec
commit b440457
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/people/hiveChat/index.tsx b/src/people/hiveChat/index.tsx
@@ -598,7 +598,8 @@ export const HiveChatView: React.FC = observer(() => {
             <MessageBubble key={msg.id} isUser={msg.role === 'user'}>
               {renderMarkdown(msg.message, {
                 codeBlockBackground: '#282c34',
-                textColor: msg.role === 'user' ? 'white' : '',
+                textColor: '#abb2bf',
+                bubbleTextColor: msg.role === 'user' ? 'white' : '',
                 borderColor: '#444',
                 codeBlockFont: 'Courier New'
               })}

diff --git a/src/people/utils/RenderMarkdown.tsx b/src/people/utils/RenderMarkdown.tsx
@@ -85,6 +85,7 @@ const MarkdownContainer = styled.div<{ textColor?: string }>`
 interface CustomStyles {
   codeBlockBackground?: string;
   codeBlockFont?: string;
+  bubbleTextColor?: string;
   textColor?: string;
   borderColor?: string;
 }
@@ -94,12 +95,13 @@ export function renderMarkdown(markdown: any, customStyles?: CustomStyles) {
   const {
     codeBlockBackground = '#050038',
     codeBlockFont = 'monospace',
+    bubbleTextColor = '',
     textColor = '#ffffff',
     borderColor = '#444'
   } = customStyles || {};
 
   return (
-    <MarkdownContainer textColor={textColor}>
+    <MarkdownContainer textColor={bubbleTextColor}>
       <ReactMarkdown
         children={markdown}
         remarkPlugins={[remarkGfm]}