[INJIMOB-2313]: modify fallback colors for vc rendering (#1716)

Signed-off-by: adityankannan-tw <adityan410pm@gmail.com>
Co-authored-by: adityankannan-tw <adityan410pm@gmail.com>

components/VC/Views/VCCardViewContent.tsx

@@ -104,7 +104,7 @@ export const VCCardViewContent: React.FC<VCItemContentProps> = props => {
                 <KebabPopUp
                   iconColor={getTextColor(
                     props.wellknown,
-                    Theme.Colors.helpText,
+                    Theme.Colors.blackIcon,
                   )}
                   vcMetadata={props.vcMetadata}
                   iconName="dots-three-horizontal"

components/VC/Views/VCDetailView.tsx

@@ -114,7 +114,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = props => {
                       {
                         borderBottomColor: getTextColor(
                           props.wellknown,
-                          Theme.Styles.hrLine.borderBottomColor,
+                          Theme.Colors.blackIcon,
                         ),
                       },
                     ]}></View>

components/VC/common/VCItemField.tsx

@@ -14,7 +14,7 @@ export const VCItemFieldName = ({fieldName, wellknown, testID}) => {
       {fieldName && (
         <Text
           testID={`${testID}Title`}
-          color={getTextColor(wellknown, Theme.Colors.DetailsLabel)}
+          color={getTextColor(wellknown, Theme.Colors.Details)}
           style={Theme.Styles.fieldItemTitle}>
           {fieldName}
         </Text>

components/VC/common/VCUtils.tsx

@@ -101,7 +101,7 @@ export const getFieldName = (field: string, wellknown: any) => {
 export const getBackgroundColour = (wellknown: any) => {
   return {
     backgroundColor:
-      wellknown?.display[0]?.background_color ?? Theme.Colors.textValue,
+      wellknown?.display[0]?.background_color ?? Theme.Colors.whiteBackgroundColor,
   };
 };