From 3826aed3c9249a192a71741b06336a04b097c500 Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Thu, 4 May 2023 06:59:31 +0800
Subject: [PATCH] chore: update reply and forward messgea bg

---
 src/common/component/Message/ForwardedMessage.tsx | 2 +-
 src/common/component/Message/Reply.tsx            | 2 +-
 src/common/component/Send/Replying.tsx            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/common/component/Message/ForwardedMessage.tsx b/src/common/component/Message/ForwardedMessage.tsx
index 6121d4d4..26a4ba49 100644
--- a/src/common/component/Message/ForwardedMessage.tsx
+++ b/src/common/component/Message/ForwardedMessage.tsx
@@ -21,7 +21,7 @@ const ForwardedMessage: FC<Props> = ({ context, to, from_uid, id }) => {
       const forward_mids = messages.map(({ from_mid }) => from_mid) || [];
       // console.log("fff", messages);
       setForwards(
-        <div data-forwarded-mids={forward_mids.join(",")} className="flex flex-col rounded-lg bg-gray-100 dark:bg-gray-900">
+        <div data-forwarded-mids={forward_mids.join(",")} className="flex flex-col rounded-lg bg-gray-200 dark:bg-gray-900">
           <h4 className="p-2 pb-0 flex items-center gap-1 text-gray-500 text-xs">
             <IconForward className="w-4 h-4 fill-gray-500" />
             {t("action.forward")}
diff --git a/src/common/component/Message/Reply.tsx b/src/common/component/Message/Reply.tsx
index 9b8ea827..e20b5f02 100644
--- a/src/common/component/Message/Reply.tsx
+++ b/src/common/component/Message/Reply.tsx
@@ -82,7 +82,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
       }, 3000);
     }
   };
-  const defaultClass = `w-fit flex items-start flex-col md:flex-row p-2 bg-gray-100 dark:bg-gray-900 rounded-lg gap-2 mb-1`;
+  const defaultClass = `w-fit flex items-start flex-col md:flex-row p-2 bg-gray-200 dark:bg-gray-900 rounded-lg gap-2 mb-1`;
   if (!data) return <div
     key={mid}
     data-mid={mid}
diff --git a/src/common/component/Send/Replying.tsx b/src/common/component/Send/Replying.tsx
index bb9194a2..61a1567b 100644
--- a/src/common/component/Send/Replying.tsx
+++ b/src/common/component/Send/Replying.tsx
@@ -79,7 +79,7 @@ export default function Replying({
   const user = usersData[from_uid];
 
   return (
-    <div className="reply bg-gray-100 dark:bg-gray-700 z-[999] flex flex-col md:flex-row items-start justify-start gap-4 rounded-t-lg w-full px-4 py-3 text-sm">
+    <div className="reply bg-gray-100 dark:bg-gray-900 z-[999] flex flex-col md:flex-row items-start justify-start gap-4 rounded-t-lg w-full px-4 py-3 text-sm">
       <div className="whitespace-nowrap text-gray-400 ">
         Replying to <span className="font-bold text-gray-600 dark:text-gray-400">{user?.name}</span>
       </div>