changed own message theme

1 files changed, 15 insertions, 2 deletions

diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx
index 18d40f96..ae95cd62 100644
--- a/src/screens/chat/ChatScreen.tsx
+++ b/src/screens/chat/ChatScreen.tsx
@@ -6,9 +6,11 @@ import {SafeAreaView, useSafeAreaInsets} from 'react-native-safe-area-context';
 import {
   Channel,
   Chat,
+  DeepPartial,
   MessageInput,
   MessageList,
   useAttachmentPickerContext,
+  Theme,
 } from 'stream-chat-react-native';
 import {ChatContext} from '../../App';
 import {ChatHeader, ChatInput, TabsGradient} from '../../components';
@@ -29,7 +31,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
   const {setTopInset} = useAttachmentPickerContext();
   const insets = useSafeAreaInsets();
 
-  const chatTheme = {
+  const chatTheme: DeepPartial<Theme> = {
     messageList: {
       container: {
         backgroundColor: 'white',
@@ -70,7 +72,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
       content: {
         container: {},
         containerInner: {
-          backgroundColor: '#DEE6F4',
+          backgroundColor: '#E4F0F2',
           borderColor: 'transparent',
           borderBottomLeftRadius: 10,
           borderTopLeftRadius: 10,
@@ -154,6 +156,17 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
   },
+  typingIndicatorContainer: {
+    backgroundColor: '#E4F0F2',
+    width: 88,
+    height: 32,
+    borderRadius: 10,
+    marginBottom: 10,
+    marginLeft: 10,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
 });
 
 export default ChatScreen;