refactor: finished tailwind

src/common/component/Message/Reply.tsx

@@ -14,14 +14,14 @@ const renderContent = (data: MessagePayload) => {
   switch (content_type) {
     case ContentTypes.text:
       res = (
-        <span className="text-ellipsis overflow-hidden break-words break-all text-gray-800">
+        <span className="text-ellipsis overflow-hidden break-words break-all text-gray-800 dark:text-gray-100">
           <LinkifyText text={content} url={false} mentionTextOnly={true} mentionPopOver={false} />
         </span>
       );
       break;
     case ContentTypes.markdown:
       res = (
-        <div className="max-h-[152px] overflow-hidden">
+        <div className="max-h-[152px] overflow-hidden dark:text-gray-100">
           <MarkdownRender content={content} />
         </div>
       );
@@ -36,7 +36,7 @@ const renderContent = (data: MessagePayload) => {
           res = (
             <>
               {icon}
-              <span className="ml-1 text-[10px] text-gray-500">{name}</span>
+              <span className="ml-1 text-[10px] text-gray-500 dark:text-gray-100">{name}</span>
             </>
           );
         }
@@ -77,7 +77,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
     <div
       key={mid}
       data-mid={mid}
-      className={`flex items-start p-2 bg-gray-100 rounded-lg gap-2 mb-1 ${interactive ? "cursor-pointer" : "!bg-transparent"}`}
+      className={`flex items-start p-2 bg-gray-100 dark:bg-gray-900 rounded-lg gap-2 mb-1 ${interactive ? "cursor-pointer" : "!bg-transparent"}`}
       onClick={interactive ? handleClick : undefined}
     >
       <div className="flex items-center gap-1 whitespace-nowrap">
@@ -90,7 +90,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
         />
         <span className="text-sm text-primary-500">{currUser.name}</span>
       </div>
-      <div className="text-sm flex items-center text-gray-400 overflow-hidden">{renderContent(data)}</div>
+      <div className="text-sm flex items-center overflow-hidden">{renderContent(data)}</div>
     </div>
   );
 };