From 04afcc1cd1396064c84a447c1b7cf74ca4ec7961 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Fri, 17 Jan 2025 14:31:53 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=87=E8=AE=B0=E6=8E=A5=E6=94=B6?=
 =?UTF-8?q?=E5=88=B0=E7=9A=84=E6=B6=88=E6=81=AF=E7=9A=84=E5=AF=B9=E8=B1=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Conversations/Online/Components/BubbleIM.jsx    |  3 ++-
 tailwind.config.js                                  | 13 +++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/views/Conversations/Online/Components/BubbleIM.jsx b/src/views/Conversations/Online/Components/BubbleIM.jsx
index df28e3a..2f232e7 100644
--- a/src/views/Conversations/Online/Components/BubbleIM.jsx
+++ b/src/views/Conversations/Online/Components/BubbleIM.jsx
@@ -132,7 +132,8 @@ const BubbleIM = ({ handlePreview, handleContactClick, setNewChatModalVisible, s
         focusMsg === message.id ? 'message-box-focus' : '',
         message.status === 'failed' ? 'failed-msg' : '',
         // '*:bg-waba-me'
-        message.sender === 'me' ? (message.msg_source.toLowerCase() === 'waba' ? `*:!bg-waba-me` : `*:!bg-whatsapp-me`) : '',
+        message.sender === 'me' ? (message.msg_source.toLowerCase() === 'waba' ? `[&_.rce-mbox]:bg-waba-me` : `[&_.rce-mbox]:bg-whatsapp-me`) : '',
+        message.sender !== 'me' ? (message.msg_source.toLowerCase() === 'waba' ? `[&_.rce-mbox-time:before]:text-waba-600 [&_.rce-mbox-time:before]:font-semibold` : `[&_.rce-mbox-time:before]:text-whatsapp`) : '',
       ].join(' ')}
       {...(message.type === 'meetingLink'
         ? {
diff --git a/tailwind.config.js b/tailwind.config.js
index 8c090bd..61acfa9 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,8 +31,17 @@ export default {
       },
       'waba': {
         DEFAULT: '#2ba84a',
-        400: '#6bc280',
-        300: '#95d4a5',
+        900: '#0E3719',
+        800: '#155325',
+        700: '#1D6F31',
+        600: '#248B3D',
+        500: '#2ba84a',
+        400: '#38CC5D',
+        300: '#60D67D',
+        200: '#87E09E',
+        100: '#AFEABE',
+        dark: '#075E54',
+        second: '#128c7e',
         me: '#ccd5ae', // '#e1fef2', // '#d9fdd3' '#00a884'
       },
       'primary': '#1ba784',