style: bg

src/views/Conversations/ChatWindow.jsx

@@ -57,7 +57,7 @@ const ChatWindow = () => {
               <MessagesHeader />
               <Button type='text' icon={collapsedRight ? <MenuFoldOutlined /> : <MenuUnfoldOutlined />} onClick={() => setCollapsedRight(!collapsedRight)} className=' rounded-none rounded-r' />
             </Header>
-            <Content className=' flex-grow'>
+            <Content className="flex-grow bg-whatsapp-bg" >
               <div className='h-full overflow-y-auto'>
                 <Messages />
               </div>

tailwind.config.js

@@ -12,7 +12,8 @@ export default {
         dark: '#075E54',
         second: '#128c7e',
         gossip: '#dcf8c6',
-        bg: '#ece5dd',
+        bg: '#ece5dd', // '#efeae2' '#eae6df' '#d1d7db'
+        bgdark: '#0b141a',
         me: '#ccd5ae',
       },
       'primary': '#1ba784',