wip

QuivrHQ · Jan 27, 2024 · 7a18b8c · 7a18b8c
1 parent bcb9a69
commit 7a18b8c
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 11 deletions.
diff --git a/...components/ChatDialogue/components/QADisplay/components/MessageRow/MessageRow.module.scss b/...components/ChatDialogue/components/QADisplay/components/MessageRow/MessageRow.module.scss
@@ -18,7 +18,7 @@
 
   &.brain {
     align-self: flex-start;
-    background-color: Colors.$black;
+    background-color: rgba(Colors.$black, 0.9);
     margin-left: 1px;
   }
 }
diff --git a/...nts/ChatDialogue/components/QADisplay/components/MessageRow/components/MessageContent.tsx b/...nts/ChatDialogue/components/QADisplay/components/MessageRow/components/MessageContent.tsx
@@ -44,11 +44,13 @@ export const MessageContent = ({
   return (
     <div data-testid="chat-message-text">
       {isLog && showLog && logs.length > 0 && (
-        <div className="text-xs text-white-600 p-2 rounded">
+        <div className="text-xs text-white p-2 rounded">
           <ReactMarkdown>{logs}</ReactMarkdown>
         </div>
       )}
-      <ReactMarkdown className={`text-base ${markdownClasses}`}>
+      <ReactMarkdown
+        className={`${isUser ? "text-black" : "text-ivory"} ${markdownClasses}`}
+      >
         {cleanedText}
       </ReactMarkdown>
     </div>

diff --git a/...ents/ChatDialogue/components/QADisplay/components/MessageRow/components/QuestionBrain.tsx b/...ents/ChatDialogue/components/QADisplay/components/MessageRow/components/QuestionBrain.tsx
@@ -11,10 +11,7 @@ export const QuestionBrain = ({
   }
 
   return (
-    <span
-      data-testid="brain-tags"
-      className="text-msg-header-gray mb-1 text-xs"
-    >
+    <span data-testid="brain-tags" className="text-highlight mb-1 text-xs">
       @{brainName}
     </span>
   );

diff --git a/...nts/ChatDialogue/components/QADisplay/components/MessageRow/components/QuestionPrompt.tsx b/...nts/ChatDialogue/components/QADisplay/components/MessageRow/components/QuestionPrompt.tsx
@@ -11,10 +11,7 @@ export const QuestionPrompt = ({
   }
 
   return (
-    <span
-      data-testid="prompt-tags"
-      className="text-msg-header-gray mb-1 text-xs"
-    >
+    <span data-testid="prompt-tags" className="text-highlight mb-1 text-xs">
       #{promptName}
     </span>
   );