Updated Case Contact Details Screen

Author: 7riumph

src/components/CaseContactDetailCard.tsx

@@ -5,9 +5,9 @@ import tw from 'twrnc';
 const CaseContactDetailCard = ({ item }) => {
   return (
     <View
-      style={tw`flex justify-between flex-col items-center rounded-xl  border-b-4 border-slate-300/70 w-[70]   border-x-2 h-[45] pb-8 px-6`}>
+      style={tw`flex justify-between flex-col items-center rounded-xl  border-b-4 border-slate-300/70 w-[70] border-x-2 h-[45] pb-8 px-6`}>
       <View>
-        <Text style={tw`flex text-center text-lg font-bold text-[#345073]`}>{item.name}</Text>
+        <Text style={tw`flex text-center text-lg font-bold text-[#3A9BA4]`}>{item.name}</Text>
 
         <Text style={tw`flex text-center text-md text-[#b6b6b6] font-bold`}>
           {item.description}

src/screens/CaseContactDetailScreen.tsx

@@ -34,9 +34,9 @@ const CaseContactDetailScreen = ({ navigation }) => {
   ];
 
   return (
-    <View style={tw`flex items-center gap-3 flex-1 bg-[#d5d7da]`}>
+    <View style={tw`flex items-center gap-3 flex-1 bg-[#535353]`}>
       <View style={tw`flex-col justify-center h-1/6`}>
-        <Text style={tw`flex pt-4 text-3xl font-bold`}>🦋CINA-11-1002</Text>
+        <Text style={tw`flex pt-4 text-white text-3xl font-bold`}>🏛CINA-11-1002</Text>
       </View>
 
       <View style={tw`flex flex-col bg-white rounded-xl items-center w-80 py-4 h-4/6 shadow-xl`}>