github/inji-wallet
1
1
Fork 0
mirror of https://github.com/mosip/inji-wallet.git synced 2026-01-09 05:27:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

Injimob-3651: update the new branding changes (#2154)

Browse Source 
* [INJIMOB-3622]: add the new branding changes

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3651]: update the new branding changes

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3651]: update the new snapshots

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3651]: update the changes mentioned deskcheck

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

---------

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>
Signed-off-by: jaswanthkumartw <jaswanthkumar.p@thoughtworks.com>
This commit is contained in:
jaswanthkumartw
2025-12-01 15:03:41 +05:30
committed by GitHub
parent 9457ad0d9f
commit edefef6c5d
43 changed files with 1141 additions and 864 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/KebabPopUp.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import {Icon, ListItem, Overlay} from 'react-native-elements';
import {Theme} from '../components/ui/styleUtils';
import {Column, Row, Text} from '../components/ui';
import {Button, Column, Row, Text} from '../components/ui';
import {View} from 'react-native';
import {useKebabPopUp} from './KebabPopUpController';
import {ActorRefFrom} from 'xstate';
@@ -11,6 +11,7 @@ import {VCMetadata} from '../shared/VCMetadata';
import testIDProps from '../shared/commonUtil';
import {getKebabMenuOptions} from './kebabMenuUtils';
import {VCItemMachine} from '../machines/VerifiableCredential/VCItemMachine/VCItemMachine';
import {LinearGradient} from 'react-native-linear-gradient';
export const KebabPopUp: React.FC<KebabPopUpProps> = props => {
const controller = useKebabPopUp(props);
@@ -59,7 +60,7 @@ export const KebabPopUp: React.FC<KebabPopUpProps> = props => {
{item.icon}
</View>
<Text
style={{fontFamily: 'Inter_600SemiBold'}}
style={{fontFamily: 'Montserrat_600SemiBold'}}
color={
item.testID === 'removeFromWallet'
? Theme.Colors.warningText
@@ -70,11 +71,15 @@ export const KebabPopUp: React.FC<KebabPopUpProps> = props => {
{item.label}
</Text>
{item.label === t('reverify') && (
<View style={Theme.KebabPopUpStyles.new}>
<LinearGradient
start={{x: 0, y: 0}}
end={{x: 1, y: 0}}
colors={Theme.Colors.GradientColors}
style={Theme.KebabPopUpStyles.new}>
<Text color="white" weight="bold" style={{fontSize: 10}}>
{t('new')}
</Text>
</View>
</LinearGradient>
)}
</Row>
</ListItem>

8
components/VC/Views/VCDetailView.tsx
View File

@@ -302,7 +302,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
<Text
testID="offlineAuthDisabledHeader"
style={{
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
}}
color={Theme.Colors.statusLabel}
@@ -312,7 +312,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
<Text
testID="offlineAuthDisabledMessage"
style={{
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 12,
}}
color={Theme.Colors.statusMessage}
@@ -345,7 +345,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
testID="profileAuthenticated"
color={Theme.Colors.statusLabel}
style={{
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
}}
margin={'0 18 0 0'}>
@@ -379,7 +379,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
style={{
color: '#007AFF',
fontSize: 16,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
}}>
{t('View Shareable Information')}
</Text>

4
components/VCVerification.tsx
View File

@@ -65,7 +65,7 @@ export const VCVerification: React.FC<VCVerificationProps> = ({
color={display.getTextColor(Theme.Colors.Details)}
style={[
Theme.Styles.verificationStatus,
{fontFamily: 'Inter_400'},
{fontFamily: 'Montserrat_400'},
]}>
{t('lastChecked')}
</Text>
@@ -74,7 +74,7 @@ export const VCVerification: React.FC<VCVerificationProps> = ({
color={display.getTextColor(Theme.Colors.Details)}
style={[
Theme.Styles.verificationStatus,
{fontFamily: 'Inter_400'},
{fontFamily: 'Montserrat_400'},
]}>
{new Date(vcMetadata.lastKnownStatusTimestamp).toLocaleString()}
</Text>

16
components/__snapshots__/AccountInformation.test.tsx.snap
View File

@@ -129,7 +129,7 @@ exports[`AccountInformation Component should match snapshot with different email
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -182,7 +182,7 @@ exports[`AccountInformation Component should match snapshot with different email
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -334,7 +334,7 @@ exports[`AccountInformation Component should match snapshot with different pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -387,7 +387,7 @@ exports[`AccountInformation Component should match snapshot with different pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -539,7 +539,7 @@ exports[`AccountInformation Component should match snapshot with email and pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -592,7 +592,7 @@ exports[`AccountInformation Component should match snapshot with email and pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -744,7 +744,7 @@ exports[`AccountInformation Component should match snapshot with long email 1`]
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -797,7 +797,7 @@ exports[`AccountInformation Component should match snapshot with long email 1`]
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,

20
components/__snapshots__/BannerNotification.test.tsx.snap
View File

@@ -80,7 +80,7 @@ exports[`BannerNotification Component should match snapshot with different testI
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -92,7 +92,7 @@ exports[`BannerNotification Component should match snapshot with different testI
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -250,7 +250,7 @@ exports[`BannerNotification Component should match snapshot with error status 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -262,7 +262,7 @@ exports[`BannerNotification Component should match snapshot with error status 1`
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -420,7 +420,7 @@ exports[`BannerNotification Component should match snapshot with in progress sta
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -432,7 +432,7 @@ exports[`BannerNotification Component should match snapshot with in progress sta
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -590,7 +590,7 @@ exports[`BannerNotification Component should match snapshot with long message 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -602,7 +602,7 @@ exports[`BannerNotification Component should match snapshot with long message 1`
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -760,7 +760,7 @@ exports[`BannerNotification Component should match snapshot with success status
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -772,7 +772,7 @@ exports[`BannerNotification Component should match snapshot with success status
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,

6
components/__snapshots__/CopyButton.test.tsx.snap
View File

@@ -67,7 +67,7 @@ exports[`CopyButton Component should match snapshot with default props 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
null,
@@ -156,7 +156,7 @@ exports[`CopyButton Component should match snapshot with long content 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
null,
@@ -245,7 +245,7 @@ exports[`CopyButton Component should match snapshot with special characters 1`]
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
null,

8
components/__snapshots__/DualMessageOverlay.test.tsx.snap
View File

@@ -13,7 +13,7 @@ exports[`DualMessageOverlay Component should match snapshot with both buttons 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -42,7 +42,7 @@ exports[`DualMessageOverlay Component should match snapshot with both buttons 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -103,7 +103,7 @@ exports[`DualMessageOverlay Component should match snapshot with only ignore but
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -139,7 +139,7 @@ exports[`DualMessageOverlay Component should match snapshot with only try again
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},

760
components/__snapshots__/HelpScreen.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

60
components/__snapshots__/KebabPopUp.test.tsx.snap
View File

@@ -51,7 +51,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -69,7 +69,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -132,7 +132,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -147,7 +147,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -201,7 +201,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -218,7 +218,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -280,7 +280,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -298,7 +298,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -361,7 +361,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -376,7 +376,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -430,7 +430,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -447,7 +447,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -509,7 +509,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -527,7 +527,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -590,7 +590,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -605,7 +605,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -659,7 +659,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -676,7 +676,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -741,7 +741,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -759,7 +759,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -822,7 +822,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -837,7 +837,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -891,7 +891,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -908,7 +908,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -970,7 +970,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -988,7 +988,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -1051,7 +1051,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -1066,7 +1066,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -1120,7 +1120,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -1137,7 +1137,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}

16
components/__snapshots__/Passcode.test.tsx.snap
View File

@@ -85,7 +85,7 @@ exports[`Passcode Component should match snapshot with both message and error 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -136,7 +136,7 @@ exports[`Passcode Component should match snapshot with both message and error 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -243,7 +243,7 @@ exports[`Passcode Component should match snapshot with custom message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -294,7 +294,7 @@ exports[`Passcode Component should match snapshot with custom message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -399,7 +399,7 @@ exports[`Passcode Component should match snapshot with default props 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -450,7 +450,7 @@ exports[`Passcode Component should match snapshot with default props 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -555,7 +555,7 @@ exports[`Passcode Component should match snapshot with error message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -606,7 +606,7 @@ exports[`Passcode Component should match snapshot with error message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{

44
components/__snapshots__/PinInput.test.tsx.snap
View File

@@ -43,7 +43,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -68,7 +68,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -94,7 +94,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -120,7 +120,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -176,7 +176,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -201,7 +201,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -227,7 +227,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -253,7 +253,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -279,7 +279,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -305,7 +305,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -362,7 +362,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -387,7 +387,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -413,7 +413,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -439,7 +439,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -495,7 +495,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -520,7 +520,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -546,7 +546,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -572,7 +572,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -628,7 +628,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -653,7 +653,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -679,7 +679,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -705,7 +705,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,

1
components/ui/SetupPicker.tsx
View File

@@ -45,6 +45,7 @@ export const SetupPicker: Picker = (props: PickerProps<unknown>) => {
style={{paddingTop: 3}}>
<Text
color={selectedIndex === index ? Theme.Colors.Icon : null}
size={'medium'}
weight={selectedIndex === index ? 'semibold' : 'regular'}>
{item.label}
</Text>

11
components/ui/Text.tsx
View File

@@ -26,7 +26,6 @@ export const Text: React.FC<TextProps> = (props: TextProps) => {
accessible={props.accessible}
onPress={props.onPress}>
{props.children}
</RNText>
);
};
@@ -38,7 +37,15 @@ interface TextProps {
weight?: 'regular' | 'semibold' | 'bold';
align?: TextStyle['textAlign'];
margin?: Spacing;
size?: 'small' | 'extraSmall' | 'smaller' | 'regular' | 'large' | 'mediumSmall';
size?:
| 'small'
| 'extraSmall'
| 'smaller'
| 'regular'
| 'large'
| 'mediumSmall'
| 'medium'
| 'mediumExtraSmall';
lineHeight?: number;
numLines?: number;
ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip' | undefined;

2
components/ui/Timestamp.tsx
View File

@@ -10,7 +10,7 @@ export const Timestamp: React.FC<TimestampProps> = props => {
testID={`${props.testId}Time`}
size="regular"
style={{
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontWeight: '600',
fontSize: 14,
letterSpacing: 0,

2
components/ui/__snapshots__/Text.generated.test.tsx.snap
View File

@@ -10,7 +10,7 @@ exports[`<Text /> Testing the Text component 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,

5
components/ui/svg.tsx
View File

@@ -61,6 +61,8 @@ import CopyIcon from '../../assets/file_copy.svg';
import StarIcon from '../../assets/credentialRegestryStar.svg';
import SelectedCheckBox from '../../assets/Selected_Check_Box.svg';
import ReverifyIcon from '../../assets/Reverify.svg';
import Logomark from '../../assets/Logomark.svg';
export class SvgImage {
static selectedCheckBox() {
return <SelectedCheckBox />;
@@ -600,6 +602,9 @@ export class SvgImage {
/>
);
}
static logoIcon(height: number, width: number) {
return <Logomark height={height} width={width} />;
}
}
function getIssuerLogo(props: displayType) {

196
components/ui/themes/DefaultTheme.ts
View File

@@ -16,7 +16,7 @@ const Colors = {
Black: '#000000',
Zambezi: '#5F5F5F',
Violet: '#5B03AD',
BrightOrange: '#FF5300',
Primary: '#FF5300',
Magenta: '#951F6F',
Grey: '#C7C7C7',
Grey5: '#E0E0E0',
@@ -31,7 +31,7 @@ const Colors = {
DimGray: '#737373',
DarkGray: '#A5A5A5',
platinumGrey: '#EDEDED',
Orange: '#951F6F',
Secondary: '#951F6F',
OrangeBrown: '#D9822B',
Blue: '#0000FF',
LightGrey: '#F8F8F8',
@@ -76,26 +76,26 @@ export const DefaultTheme = {
Colors: {
ProfileIconColor: Colors.DarkGray,
DetailedViewBackground: Colors.Gray97,
TabItemText: Colors.Orange,
TabItemText: Colors.Secondary,
Details: Colors.Black,
DetailsLabel: Colors.Gray40,
LoadingDetailsLabel: Colors.Gray40,
AddIdBtnBg: Colors.Orange,
AddIdBtnTxt: Colors.Orange,
AddIdBtnBg: Colors.Secondary,
AddIdBtnTxt: Colors.Secondary,
DownloadIdBtnTxt: Colors.White,
Loading: Colors.Orange,
Cursor: Colors.Orange,
noUinText: Colors.Orange,
IconBg: Colors.Orange,
Loading: Colors.Secondary,
Cursor: Colors.Secondary,
noUinText: Colors.Secondary,
IconBg: Colors.Secondary,
popUp: Colors.Green,
Icon: Colors.Orange,
Icon: Colors.Secondary,
GrayIcon: Colors.Gray50,
helpText: Colors.Gray44,
borderBottomColor: Colors.Grey6,
whiteBackgroundColor: Colors.White,
lightGreyBackgroundColor: Colors.LightGrey,
aboutVersion: Colors.Gray40,
switchHead: Colors.Orange,
switchHead: Colors.Secondary,
switchTrackTrue: Colors.LightOrange,
switchTrackFalse: Colors.Grey,
overlayBackgroundColor: Colors.White,
@@ -112,7 +112,7 @@ export const DefaultTheme = {
whiteText: Colors.White,
flipCameraIcon: Colors.Black,
RetrieveIdLabel: Colors.ShadeOfGrey,
inputSelection: Colors.Orange,
inputSelection: Colors.Secondary,
checkCircleIcon: Colors.White,
OnboardingCircleIcon: Colors.White,
OnboardingCloseIcon: Colors.White,
@@ -147,10 +147,12 @@ export const DefaultTheme = {
warningLogoBgColor: Colors.warningLogoBg,
tooltipIcon: Colors.toolTip,
toolTipPointerColor: Colors.toolTipPointer,
urlLink: Colors.Orange,
urlLink: Colors.Secondary,
warningText: Colors.Red,
PendingIcon: Colors.Yellow,
selectIDTextGradient: ['#F5F5F5', '#FFFFFF'],
unCheckText: Colors.Secondary,
secondaryText: Colors.Secondary,
},
Styles: StyleSheet.create({
title: {
@@ -169,12 +171,12 @@ export const DefaultTheme = {
fieldItemTitle: {
backgroundColor: Colors.Transparent,
fontSize: 11,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
fieldItemValue: {
backgroundColor: Colors.Transparent,
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: 3,
},
loadingSubtitle: {
@@ -183,7 +185,7 @@ export const DefaultTheme = {
},
verificationStatus: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
statusLabel: {
color: Colors.Gray30,
@@ -310,14 +312,14 @@ export const DefaultTheme = {
borderRadius: 15,
margin: 5,
borderWidth: 3,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
overflow: 'hidden',
},
selectedVc: {
borderRadius: 10,
margin: 5,
borderWidth: 2,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
},
labelPartContainer: {
marginLeft: 16,
@@ -562,7 +564,7 @@ export const DefaultTheme = {
borderWidth: 0,
},
tabIndicator: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
tabContainer: {
backgroundColor: Colors.Transparent,
@@ -574,7 +576,7 @@ export const DefaultTheme = {
detailsText: {
fontWeight: 'bold',
fontSize: 15,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
idInputContainer: {
width: Dimensions.get('window').width * 0.86,
@@ -587,13 +589,13 @@ export const DefaultTheme = {
height: isIOS() ? 100 : 'auto',
},
picker: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
},
idInputBottom: {
position: 'relative',
bottom: 18,
borderBottomColor: Colors.Orange,
borderBottomColor: Colors.Secondary,
borderBottomWidth: 1,
minWidth: 210,
},
@@ -608,7 +610,7 @@ export const DefaultTheme = {
marginVertical: 6,
},
placeholder: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
hrLine: {
borderBottomColor: Colors.Gray44,
@@ -650,7 +652,7 @@ export const DefaultTheme = {
borderRadius: 200,
height: 70,
width: 70,
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
justifyContent: 'center',
position: 'absolute',
},
@@ -698,7 +700,7 @@ export const DefaultTheme = {
maxHeight: 20,
borderRadius: 4,
fontSize: 10,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
lineHeight: 12,
},
scanLayoutHeaderContainer: {
@@ -709,7 +711,7 @@ export const DefaultTheme = {
},
scanLayoutHeaderTitle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: isIOS() ? 10 : 20,
paddingBottom: 10,
},
@@ -726,18 +728,18 @@ export const DefaultTheme = {
},
sendVPHeaderTitle: {
fontSize: 18,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
sendVPHeaderSubTitle: {
fontSize: 13,
fontFamily: 'Inter_600SemiBold',
color: Colors.Orange,
fontFamily: 'Montserrat_600SemiBold',
color: Colors.Secondary,
maxWidth: '80%',
overflow: 'hidden',
},
HistoryHeaderTitleStyle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: isIOS() ? 5 : 15,
},
tabBarIconCopilot: {
@@ -774,7 +776,7 @@ export const DefaultTheme = {
backgroundColor: '#DADADA',
},
disclosureTitle: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
color: Colors.Black,
},
@@ -785,7 +787,7 @@ export const DefaultTheme = {
},
disclosureSelectButton: {
fontSize: 14,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
BannerStyles: StyleSheet.create({
@@ -809,7 +811,7 @@ export const DefaultTheme = {
fontSize: 12,
lineHeight: 15,
padding: 1,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
dismiss: {paddingLeft: 9},
inProgress: {
@@ -845,7 +847,7 @@ export const DefaultTheme = {
borderTopLeftRadius: 21,
borderTopRightRadius: 21,
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
paddingBottom: 10,
paddingRight: 15,
paddingLeft: 130,
@@ -881,7 +883,7 @@ export const DefaultTheme = {
color: Colors.Black,
flex: 1,
fontSize: 33,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
height: 50,
lineHeight: 28,
margin: 8,
@@ -889,10 +891,10 @@ export const DefaultTheme = {
},
onEnteringPin: {
borderBottomWidth: 3,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
color: Colors.Black,
flex: 1,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 29,
height: 50,
margin: 8,
@@ -902,33 +904,33 @@ export const DefaultTheme = {
TextStyles: StyleSheet.create({
header: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
},
subHeader: {
color: Colors.mediumLightGrayText,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 19,
fontSize: 13,
paddingTop: 4,
},
semiBoldHeader: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
},
retrieveIdLabel: {
color: Colors.ShadeOfGrey,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 18,
},
helpHeader: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
@@ -937,11 +939,11 @@ export const DefaultTheme = {
helpDetails: {
margin: 5,
color: Colors.Gray44,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
urlLinkText: {
color: Colors.Orange,
fontFamily: 'Inter_600SemiBold',
color: Colors.Secondary,
fontFamily: 'Montserrat_600SemiBold',
},
aboutDetails: {
color: Colors.Black,
@@ -954,7 +956,7 @@ export const DefaultTheme = {
top: 65,
left: 5,
color: Colors.Red,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
minWidth: 200,
},
@@ -964,21 +966,21 @@ export const DefaultTheme = {
lineHeight: 18,
},
regular: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
},
regularGrey: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 15,
lineHeight: 19,
color: Colors.ShadeOfGrey,
},
semibold: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
bold: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
justifyContent: 'center',
},
@@ -993,10 +995,16 @@ export const DefaultTheme = {
fontSize: 11,
lineHeight: 18,
},
mediumExtraSmall: {
fontSize: 14,
},
mediumSmall: {
fontSize: 15,
lineHeight: 18,
},
medium: {
fontSize: 16,
},
large: {
fontSize: 18,
},
@@ -1030,7 +1038,7 @@ export const DefaultTheme = {
}),
ToastItemStyles: StyleSheet.create({
toastContainer: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
position: 'absolute',
alignSelf: 'center',
top: 80,
@@ -1060,7 +1068,7 @@ export const DefaultTheme = {
searchBarContainer: {
alignItems: 'center',
borderBottomWidth: 1,
borderBottomColor: Colors.Orange,
borderBottomColor: Colors.Secondary,
},
vcSearchBarContainer: {
alignItems: 'center',
@@ -1095,14 +1103,14 @@ export const DefaultTheme = {
flex: 1,
},
solid: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
clear: {
backgroundColor: Colors.Transparent,
},
outline: {
backgroundColor: Colors.Transparent,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
},
disabledOutlineButton: {
backgroundColor: Colors.Transparent,
@@ -1117,7 +1125,7 @@ export const DefaultTheme = {
backgroundColor: Colors.Grey,
},
addId: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
gradient: {
borderRadius: 9,
@@ -1138,7 +1146,7 @@ export const DefaultTheme = {
},
radius: {
borderRadius: 10,
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
Large: {
width: Dimensions.get('window').width * 0.9,
@@ -1168,7 +1176,7 @@ export const DefaultTheme = {
backgroundColor: Colors.White,
borderWidth: 0,
marginTop: -15,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
padding: 0,
},
timeoutHintContainer: {
@@ -1188,7 +1196,7 @@ export const DefaultTheme = {
margin: 16,
padding: 8,
borderWidth: 2,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
borderRadius: 30,
},
sharedSuccessfullyVerifierInfo: {
@@ -1271,7 +1279,7 @@ export const DefaultTheme = {
}),
BackupAndRestoreStyles: StyleSheet.create({
backupProgressText: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
color: Colors.Gray44,
},
@@ -1281,7 +1289,7 @@ export const DefaultTheme = {
textAlign: 'center',
lineHeight: 22,
fontSize: 17,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginHorizontal: 30,
},
actionOrLoaderContainer: {
@@ -1298,7 +1306,7 @@ export const DefaultTheme = {
paddingHorizontal: 10,
textAlign: 'center',
paddingTop: 15,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontSize: 14,
letterSpacing: 0,
lineHeight: 17,
@@ -1316,7 +1324,7 @@ export const DefaultTheme = {
headerText: {
justifyContent: 'center',
paddingLeft: 12,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontWeight: '600',
fontSize: 14,
letterSpacing: 0,
@@ -1369,15 +1377,15 @@ export const DefaultTheme = {
new: {
height: 20,
width: 'auto',
backgroundColor: '#FF5300',
alignItems: 'center',
justifyContent: 'center',
marginLeft: 10,
borderRadius: 5,
paddingHorizontal: 5,
},
kebabHeaderStyle: {
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
MessageOverlayStyles: StyleSheet.create({
@@ -1465,7 +1473,7 @@ export const DefaultTheme = {
padding: 20,
},
slider: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
minHeight: 300,
width: '100%',
margin: 0,
@@ -1475,7 +1483,7 @@ export const DefaultTheme = {
sliderTitle: {
color: Colors.White,
marginBottom: 20,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
text: {
color: Colors.White,
@@ -1556,7 +1564,7 @@ export const DefaultTheme = {
marginHorizontal: 9,
},
issuerHeading: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
paddingHorizontal: 3,
marginBottom: 2,
@@ -1582,7 +1590,7 @@ export const DefaultTheme = {
image: {marginTop: -60, paddingBottom: 26},
title: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1591,7 +1599,7 @@ export const DefaultTheme = {
},
message: {
textAlign: 'center',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
lineHeight: 20,
marginTop: 6,
@@ -1601,7 +1609,7 @@ export const DefaultTheme = {
},
additionalMessage: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1646,7 +1654,7 @@ export const DefaultTheme = {
},
heading: {
color: 'black',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
padding: 10,
@@ -1793,16 +1801,16 @@ export const DefaultTheme = {
purposeText: {
fontSize: 13,
position: 'relative',
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
},
cardsSelectedText: {
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
color: '#000000',
fontSize: 14,
},
selectIDText: {
position: 'relative',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 16,
},
}),
@@ -1822,11 +1830,11 @@ export const DefaultTheme = {
justifyContent: 'space-between',
},
bannerTitle: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
bannerGuide: {
opacity: 0.8,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
bannerEnablePermissionContainer: {
marginTop: 15,
@@ -1834,7 +1842,7 @@ export const DefaultTheme = {
bannerEnablePermission: {
borderBottomWidth: 1.5,
borderBottomColor: Colors.White,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
scannerContainer: {
borderRadius: 24,
@@ -1889,14 +1897,18 @@ export const DefaultTheme = {
},
holdPhoneSteadyText: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
cameraFlipIcon: {
height: 50,
width: 50,
},
iconText: {fontFamily: 'Inter_600SemiBold', fontSize: 12, marginTop: 6},
iconText: {
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
marginTop: 6,
},
}),
BottomTabBarStyle: StyleSheet.create({
@@ -1904,7 +1916,7 @@ export const DefaultTheme = {
headerLeftContainerStyle: {paddingEnd: 13},
tabBarLabelStyle: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
tabBarStyle: {
display: 'flex',
@@ -1951,6 +1963,22 @@ export const DefaultTheme = {
paddingTop: 3,
maxWidth: 250,
},
footerContainer: {
alignItems: 'center',
marginTop: 12,
},
poweredByRow: {
alignItems: 'center',
marginBottom: 4,
},
logoStyle: {
width: 24,
height: 24,
marginRight: 5,
marginTop: 12,
},
tuvaliVerisonStyle: {
paddingTop: 3,
paddingBottom: 12,
@@ -2162,7 +2190,7 @@ export const DefaultTheme = {
titleText: {
fontSize: 17,
textAlign: 'left',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: 20,
},
titleDescription: {
@@ -2173,14 +2201,14 @@ export const DefaultTheme = {
},
noteTitleText: {
fontSize: 14,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
color: '#973C00',
marginBottom: 5,
},
noteDescriptionText: {
fontSize: 13,
color: '#973C00',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
lineHeight: 18,
textAlign: 'left',
marginLeft: -25,
@@ -2199,7 +2227,7 @@ export const DefaultTheme = {
},
text: {
fontSize: 14,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
color: 'black',
flex: 1,
},

190
components/ui/themes/PurpleTheme.ts
View File

@@ -52,7 +52,7 @@ const Colors = {
GradientColorsLight: ['#F3E2FF', '#F3E2FF'],
DisabledColors: ['#C7C7C7', '#C7C7C7'],
captureIconBorder: '#F59B4B',
Purple: '#70308C',
Primary: '#70308C',
LightPurple: '#F3E2FF',
TimeoutHintBoxColor: '#FBF5FF',
TimeoutHintBoxBorder: '#F3E2FF',
@@ -78,19 +78,19 @@ export const PurpleTheme = {
Colors: {
ProfileIconColor: Colors.DarkGray,
DetailedViewBackground: Colors.Gray97,
TabItemText: Colors.Purple,
TabItemText: Colors.Primary,
Details: Colors.Black,
DetailsLabel: Colors.Gray40,
LoadingDetailsLabel: Colors.Gray40,
AddIdBtnBg: Colors.Purple,
AddIdBtnTxt: Colors.Purple,
AddIdBtnBg: Colors.Primary,
AddIdBtnTxt: Colors.Primary,
DownloadIdBtnTxt: Colors.White,
Loading: Colors.Purple,
Cursor: Colors.Purple,
noUinText: Colors.Purple,
IconBg: Colors.Purple,
Loading: Colors.Primary,
Cursor: Colors.Primary,
noUinText: Colors.Primary,
IconBg: Colors.Primary,
popUp: Colors.Green,
Icon: Colors.Purple,
Icon: Colors.Primary,
GrayIcon: Colors.Gray50,
helpText: Colors.Gray44,
borderBottomColor: Colors.Grey6,
@@ -98,7 +98,7 @@ export const PurpleTheme = {
lightGreyBackgroundColor: Colors.LightGrey,
errorGrayText: Colors.mediumDarkGrey,
aboutVersion: Colors.Gray40,
switchHead: Colors.Purple,
switchHead: Colors.Primary,
switchTrackTrue: Colors.LightPurple,
switchTrackFalse: Colors.Grey,
overlayBackgroundColor: Colors.White,
@@ -115,7 +115,7 @@ export const PurpleTheme = {
whiteText: Colors.White,
flipCameraIcon: Colors.Black,
RetrieveIdLabel: Colors.ShadeOfGrey,
inputSelection: Colors.Purple,
inputSelection: Colors.Primary,
checkCircleIcon: Colors.White,
OnboardingCircleIcon: Colors.White,
OnboardingCloseIcon: Colors.White,
@@ -150,9 +150,11 @@ export const PurpleTheme = {
warningLogoBgColor: Colors.warningLogoBg,
tooltipIcon: Colors.tooltip,
toolTipPointerColor: Colors.toolTipPointer,
urlLink: Colors.Purple,
urlLink: Colors.Primary,
warningText: Colors.Red,
PendingIcon: Colors.Yellow,
unCheckText: Colors.Orange,
secondaryText: Colors.Orange,
},
Styles: StyleSheet.create({
title: {
@@ -171,12 +173,12 @@ export const PurpleTheme = {
fieldItemTitle: {
backgroundColor: Colors.Transparent,
fontSize: 11,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
fieldItemValue: {
backgroundColor: Colors.Transparent,
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: 3,
},
loadingSubtitle: {
@@ -185,7 +187,7 @@ export const PurpleTheme = {
},
verificationStatus: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
statusLabel: {
color: Colors.Gray30,
@@ -326,14 +328,14 @@ export const PurpleTheme = {
borderRadius: 15,
margin: 5,
borderWidth: 3,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
overflow: 'hidden',
},
selectedVc: {
borderRadius: 10,
margin: 5,
borderWidth: 2,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
},
labelPartContainer: {
marginLeft: 16,
@@ -568,7 +570,7 @@ export const PurpleTheme = {
borderWidth: 0,
},
tabIndicator: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
tabContainer: {
backgroundColor: Colors.Transparent,
@@ -580,7 +582,7 @@ export const PurpleTheme = {
detailsText: {
fontWeight: 'bold',
fontSize: 15,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
idInputContainer: {
width: Dimensions.get('window').width * 0.86,
@@ -593,13 +595,13 @@ export const PurpleTheme = {
height: isIOS() ? 100 : 'auto',
},
picker: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
},
idInputBottom: {
position: 'relative',
bottom: 18,
borderBottomColor: Colors.Purple,
borderBottomColor: Colors.Primary,
borderBottomWidth: 1,
minWidth: 210,
},
@@ -614,7 +616,7 @@ export const PurpleTheme = {
marginVertical: 6,
},
placeholder: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
hrLine: {
borderBottomColor: Colors.Gray44,
@@ -656,7 +658,7 @@ export const PurpleTheme = {
borderRadius: 200,
height: 70,
width: 70,
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
justifyContent: 'center',
position: 'absolute',
},
@@ -699,14 +701,14 @@ export const PurpleTheme = {
paddingHorizontal: 24,
},
newLabel: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
paddingHorizontal: 5,
paddingVertical: 4,
maxHeight: 20,
marginTop: 10,
borderRadius: 4,
fontSize: 10,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
lineHeight: 12,
},
scanLayoutHeaderContainer: {
@@ -717,7 +719,7 @@ export const PurpleTheme = {
},
scanLayoutHeaderTitle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: isIOS() ? 10 : 20,
paddingBottom: 10,
},
@@ -734,18 +736,18 @@ export const PurpleTheme = {
},
sendVPHeaderTitle: {
fontSize: 18,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
sendVPHeaderSubTitle: {
fontSize: 13,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
color: Colors.LightPurple,
maxWidth: '80%',
overflow: 'hidden',
},
HistoryHeaderTitleStyle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: isIOS() ? 5 : 15,
},
tabBarIconCopilot: {
@@ -783,7 +785,7 @@ export const PurpleTheme = {
marginBottom: 12,
},
disclosureTitle: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
color: Colors.Black,
},
@@ -794,7 +796,7 @@ export const PurpleTheme = {
},
disclosureSelectButton: {
fontSize: 14,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
BannerStyles: StyleSheet.create({
@@ -814,7 +816,7 @@ export const PurpleTheme = {
fontSize: 12,
lineHeight: 15,
padding: 1,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
topBanner: {
marginTop: 10,
@@ -854,7 +856,7 @@ export const PurpleTheme = {
borderTopLeftRadius: 21,
borderTopRightRadius: 21,
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
paddingBottom: 10,
paddingRight: 15,
paddingLeft: 130,
@@ -890,7 +892,7 @@ export const PurpleTheme = {
color: Colors.Black,
flex: 1,
fontSize: 33,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
height: 40,
lineHeight: 28,
margin: 8,
@@ -898,10 +900,10 @@ export const PurpleTheme = {
},
onEnteringPin: {
borderBottomWidth: 3,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
color: Colors.Black,
flex: 1,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 29,
height: 40,
margin: 8,
@@ -911,33 +913,33 @@ export const PurpleTheme = {
TextStyles: StyleSheet.create({
header: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
},
subHeader: {
color: Colors.mediumLightGrayText,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 19,
fontSize: 13,
paddingTop: 4,
},
semiBoldHeader: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
},
retrieveIdLabel: {
color: Colors.ShadeOfGrey,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 18,
},
helpHeader: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
@@ -946,11 +948,11 @@ export const PurpleTheme = {
helpDetails: {
margin: 5,
color: Colors.Gray44,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
urlLinkText: {
color: Colors.Purple,
fontFamily: 'Inter_600SemiBold',
color: Colors.Primary,
fontFamily: 'Montserrat_600SemiBold',
},
aboutDetails: {
color: Colors.Black,
@@ -963,7 +965,7 @@ export const PurpleTheme = {
top: 65,
left: 5,
color: Colors.Red,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
minWidth: 200,
},
@@ -973,21 +975,21 @@ export const PurpleTheme = {
lineHeight: 18,
},
regular: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
},
regularGrey: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 15,
lineHeight: 19,
color: Colors.ShadeOfGrey,
},
semibold: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
bold: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
justifyContent: 'center',
},
@@ -999,6 +1001,12 @@ export const PurpleTheme = {
fontSize: 15,
lineHeight: 18,
},
mediumExtraSmall: {
fontSize: 14,
},
medium: {
fontSize: 16,
},
extraSmall: {
fontSize: 12,
},
@@ -1039,7 +1047,7 @@ export const PurpleTheme = {
}),
ToastItemStyles: StyleSheet.create({
toastContainer: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
position: 'absolute',
alignSelf: 'center',
top: 80,
@@ -1069,7 +1077,7 @@ export const PurpleTheme = {
searchBarContainer: {
alignItems: 'center',
borderBottomWidth: 1,
borderBottomColor: Colors.Purple,
borderBottomColor: Colors.Primary,
},
vcSearchBarContainer: {
alignItems: 'center',
@@ -1104,14 +1112,14 @@ export const PurpleTheme = {
flex: 1,
},
solid: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
clear: {
backgroundColor: Colors.Transparent,
},
outline: {
backgroundColor: Colors.Transparent,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
},
disabledOutlineButton: {
backgroundColor: Colors.Transparent,
@@ -1126,7 +1134,7 @@ export const PurpleTheme = {
backgroundColor: Colors.Grey,
},
addId: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
gradient: {
borderRadius: 9,
@@ -1147,7 +1155,7 @@ export const PurpleTheme = {
},
radius: {
borderRadius: 10,
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
}),
OIDCAuthStyles: StyleSheet.create({
@@ -1174,7 +1182,7 @@ export const PurpleTheme = {
backgroundColor: Colors.White,
borderWidth: 0,
marginTop: -15,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
padding: 0,
},
timeoutHintContainer: {
@@ -1194,7 +1202,7 @@ export const PurpleTheme = {
margin: 16,
padding: 8,
borderWidth: 2,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
borderRadius: 30,
},
sharedSuccessfullyVerifierInfo: {
@@ -1277,7 +1285,7 @@ export const PurpleTheme = {
}),
BackupAndRestoreStyles: StyleSheet.create({
backupProgressText: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
color: Colors.Gray44,
},
@@ -1291,7 +1299,7 @@ export const PurpleTheme = {
textAlign: 'center',
lineHeight: 22,
fontSize: 17,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginHorizontal: 30,
},
cloudInfo: {
@@ -1304,7 +1312,7 @@ export const PurpleTheme = {
paddingHorizontal: 10,
textAlign: 'center',
paddingTop: 15,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontSize: 14,
letterSpacing: 0,
lineHeight: 17,
@@ -1322,7 +1330,7 @@ export const PurpleTheme = {
headerText: {
justifyContent: 'center',
paddingLeft: 12,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontWeight: '600',
fontSize: 14,
letterSpacing: 0,
@@ -1383,7 +1391,7 @@ export const PurpleTheme = {
},
kebabHeaderStyle: {
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
MessageOverlayStyles: StyleSheet.create({
@@ -1472,7 +1480,7 @@ export const PurpleTheme = {
padding: 20,
},
slider: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
minHeight: 300,
width: '100%',
margin: 0,
@@ -1482,7 +1490,7 @@ export const PurpleTheme = {
sliderTitle: {
color: Colors.White,
marginBottom: 20,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
text: {
color: Colors.White,
@@ -1564,7 +1572,7 @@ export const PurpleTheme = {
marginHorizontal: 9,
},
issuerHeading: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
paddingHorizontal: 3,
marginBottom: 2,
@@ -1588,7 +1596,7 @@ export const PurpleTheme = {
image: {marginTop: -60, paddingBottom: 26},
title: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1597,7 +1605,7 @@ export const PurpleTheme = {
},
message: {
textAlign: 'center',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
lineHeight: 20,
marginTop: 6,
@@ -1607,7 +1615,7 @@ export const PurpleTheme = {
},
additionalMessage: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1656,7 +1664,7 @@ export const PurpleTheme = {
},
heading: {
color: 'black',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
padding: 10,
@@ -1800,16 +1808,16 @@ export const PurpleTheme = {
purposeText: {
fontSize: 13,
position: 'relative',
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
},
cardsSelectedText: {
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
color: '#000000',
fontSize: 14,
},
selectIDText: {
position: 'relative',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 16,
},
}),
@@ -1829,11 +1837,11 @@ export const PurpleTheme = {
justifyContent: 'space-between',
},
bannerTitle: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
bannerGuide: {
opacity: 0.8,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
bannerEnablePermissionContainer: {
marginTop: 15,
@@ -1841,7 +1849,7 @@ export const PurpleTheme = {
bannerEnablePermission: {
borderBottomWidth: 1.5,
borderBottomColor: Colors.White,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
scannerContainer: {
borderRadius: 24,
@@ -1895,21 +1903,25 @@ export const PurpleTheme = {
},
holdPhoneSteadyText: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
cameraFlipIcon: {
height: 50,
width: 50,
},
iconText: {fontFamily: 'Inter_600SemiBold', fontSize: 12, marginTop: 6},
iconText: {
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
marginTop: 6,
},
}),
BottomTabBarStyle: StyleSheet.create({
headerRightContainerStyle: {paddingEnd: 13},
headerLeftContainerStyle: {paddingEnd: 13},
tabBarLabelStyle: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
tabBarStyle: {
display: 'flex',
@@ -1956,6 +1968,20 @@ export const PurpleTheme = {
paddingTop: 3,
maxWidth: 250,
},
footerContainer: {
alignItems: 'center',
marginTop: 12,
},
poweredByRow: {
alignItems: 'center',
marginBottom: 4,
},
logoStyle: {
width: 24,
height: 24,
marginRight: 5,
},
tuvaliVerisonStyle: {
paddingTop: 3,
paddingBottom: 12,
@@ -2164,7 +2190,7 @@ export const PurpleTheme = {
titleText: {
fontSize: 17,
textAlign: 'left',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: 20,
},
titleDescription: {
@@ -2175,14 +2201,14 @@ export const PurpleTheme = {
},
noteTitleText: {
fontSize: 14,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
color: '#973C00',
marginBottom: 5,
},
noteDescriptionText: {
fontSize: 13,
color: '#973C00',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
lineHeight: 18,
textAlign: 'left',
marginLeft: -25,
@@ -2201,7 +2227,7 @@ export const PurpleTheme = {
},
text: {
fontSize: 14,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
color: 'black',
flex: 1,
},

16
components/ui/themes/Readme.md
View File

@@ -70,7 +70,7 @@ To change the color of TabItemText
```
export const DefaultTheme = {
Colors: {
TabItemText: colors.Orange,
TabItemText: colors.Primary,
...
}
}
@@ -83,7 +83,7 @@ To change the color of Details Label Text
```
export const DefaultTheme = {
Colors: {
DetailsLabel: colors.Orange,
DetailsLabel: colors.Primary,
...
}
}
@@ -109,8 +109,8 @@ To change the color of AddId Button Text and Background
```
export const DefaultTheme = {
Colors: {
AddIdBtnBg: colors.Orange,
AddIdBtnTxt: colors.Orange,
AddIdBtnBg: colors.Primary,
AddIdBtnTxt: colors.Primary,
...
}
}
@@ -123,7 +123,7 @@ To change the color of Icons
```
export const DefaultTheme = {
Colors: {
Icon: colors.Orange,
Icon: colors.Primary,
...
}
}
@@ -136,7 +136,7 @@ To change the Background Color of Icons
```
export const DefaultTheme = {
Colors: {
IconBg: colors.Orange,
IconBg: colors.Primary,
...
}
}
@@ -149,7 +149,7 @@ To change the Color of Loading Transition
```
export const DefaultTheme = {
Colors: {
Loading: colors.Orange,
Loading: colors.Primary,
...
}
}
@@ -175,7 +175,7 @@ To change the Color of noUinText
```
export const DefaultTheme = {
Colors: {
noUinText : colors.Orange,
noUinText : colors.Primary,
...
}
}