Replaces profileIconBg with IconContainer

components/EditableListItem.tsx

@@ -16,7 +16,7 @@ export const EditableListItem: React.FC<EditableListItemProps> = (props) => {
         name={props.Icon}
         type="antdesign"
         size={20}
-        style={Theme.Styles.profileIconBg}
+        style={Theme.Styles.IconContainer}
         color={Theme.Colors.Icon}
       />
       <ListItem.Content>

components/ui/themes/DefaultTheme.ts

@@ -15,7 +15,7 @@ const Colors = {
   Green: '#219653',
   Transparent: 'transparent',
   Warning: '#f0ad4e',
-  LightOrange: '#fce7e3',
+  LightOrange: '#faf1e8',
 };
 
 export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5;
@@ -60,7 +60,7 @@ export const DefaultTheme = {
     OnboardingCircleIcon: Colors.White,
     OnboardingCloseIcon: Colors.White,
     WarningIcon: Colors.Warning,
-    ProfileIconBg: Colors.LightOrange,
+    DefaultToggle: Colors.LightOrange,
   },
   Styles: StyleSheet.create({
     splashScreen: {
@@ -223,10 +223,11 @@ export const DefaultTheme = {
       flex: 1,
       padding: 10,
     },
-    profileIconBg: {
-      padding: 8,
-      width: 40,
-      height: 40,
+    IconContainer: {
+      padding: 4,
+      width: 36,
+      height: 36,
+      margin: 6,
       borderRadius: 6,
       backgroundColor: Colors.LightOrange,
     },
@@ -673,8 +674,9 @@ export const DefaultTheme = {
   WarningLogo: require('../../../assets/warningLogo.png'),
   OtpLogo: require('../../../assets/otp-mobile-logo.png'),
   SuccessLogo: require('../../../assets/success-logo.png'),
-  DigitalIdentityLogo: require('../../../assets/digital_identity_icon.png'),
-  InjiLogo: require('../../../assets/inji_logo.png'),
+  DigitalIdentityLogo: require('../../../assets/digital-identity-icon.png'),
+  InjiLogo: require('../../../assets/inji-logo.png'),
+  InjiHomeLogo: require('../../../assets/inji-home-logo.png'),
 
   elevation(level: ElevationLevel): ViewStyle {
     // https://ethercreative.github.io/react-native-shadow-generator/

screens/Home/MyVcsTab.tsx

@@ -28,7 +28,7 @@ export const MyVcsTab: React.FC<HomeScreenTabProps> = (props) => {
   return (
     <React.Fragment>
       <Column fill style={{ display: props.isVisible ? 'flex' : 'none' }}>
-        <Column fill pY={25} pX={22}>
+        <Column fill pY={20} pX={20}>
           {controller.vcKeys.length > 0 && (
             <React.Fragment>
               <Column
@@ -55,7 +55,7 @@ export const MyVcsTab: React.FC<HomeScreenTabProps> = (props) => {
                   linearGradient
                   isVcThere
                   disabled={controller.isRefreshingVcs}
-                  title={t('downloadId', {
+                  title={t('downloadID', {
                     vcLabel: controller.vcLabel.singular,
                   })}
                   onPress={controller.DOWNLOAD_ID}

screens/Profile/Credits.tsx

@@ -51,7 +51,7 @@ export const Credits: React.FC<CreditsProps> = (props) => {
         name="filetext1"
         type="antdesign"
         size={20}
-        style={Theme.Styles.profileIconBg}
+        style={Theme.Styles.IconContainer}
         color={Theme.Colors.Icon}
       />
       <ListItem.Content>

screens/Profile/ProfileScreen.tsx

@@ -70,7 +70,7 @@ export const ProfileScreen: React.FC<MainRouteProps> = (props) => {
             name="fingerprint"
             type="fontawesome"
             size={25}
-            style={Theme.Styles.profileIconBg}
+            style={Theme.Styles.IconContainer}
             color={Theme.Colors.Icon}
           />
           <ListItem.Content>
@@ -89,7 +89,7 @@ export const ProfileScreen: React.FC<MainRouteProps> = (props) => {
             name="unlock"
             size={20}
             type="antdesign"
-            style={Theme.Styles.profileIconBg}
+            style={Theme.Styles.IconContainer}
             color={Theme.Colors.Icon}
           />
           <ListItem.Content>
@@ -106,7 +106,7 @@ export const ProfileScreen: React.FC<MainRouteProps> = (props) => {
             name="logout"
             type="fontawesome"
             size={20}
-            style={Theme.Styles.profileIconBg}
+            style={Theme.Styles.IconContainer}
             color={Theme.Colors.Icon}
           />
           <ListItem.Content>

screens/Profile/Revoke.tsx

@@ -19,7 +19,7 @@ export const Revoke: React.FC<RevokeScreenProps> = (props) => {
         name={props.Icon}
         type="font-awesome"
         size={20}
-        style={Theme.Styles.profileIconBg}
+        style={Theme.Styles.IconContainer}
         color={Theme.Colors.Icon}
       />
       <ListItem.Content>

screens/QrLogin/QrConsent.tsx

@@ -70,7 +70,7 @@ export const QrConsent: React.FC<QrConsentProps> = (props) => {
                   </Text>
                 </ListItem.Title>
               </ListItem.Content>
-              <Switch value={true} color={Theme.Colors.ProfileIconBg} />
+              <Switch value={true} color={Theme.Colors.DefaultToggle} />
             </ListItem>
             {controller.claims.map((claim, index) => {
               if (claim == 'name' || claim == 'picture') {