LBRYFoundation/lbry-android
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-android.git synced 2025-08-23 17:47:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

change font to Inter-UI. change LBRY green colour.

Browse source
This commit is contained in:
Akinwale Ariwodola 2018-12-11 21:06:42 +01:00
parent 53166d9bba
commit b2fa6bb3a9
31 changed files with 97 additions and 97 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/src/styles/about.js
View file

@ -31,14 +31,14 @@ const aboutStyle = StyleSheet.create({
title: { title: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontSize: 24, fontSize: 24,
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
marginTop: 16, marginTop: 16,
marginLeft: 12, marginLeft: 12,
marginRight: 12, marginRight: 12,
marginBottom: 8 marginBottom: 8
}, },
paragraph: { paragraph: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
lineHeight: 24, lineHeight: 24,
marginLeft: 12, marginLeft: 12,
@ -52,13 +52,13 @@ const aboutStyle = StyleSheet.create({
}, },
link: { link: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
marginBottom: 24 marginBottom: 24
}, },
listLink: { listLink: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 15, fontSize: 15,
alignSelf: 'flex-end' alignSelf: 'flex-end'
}, },
@ -66,30 +66,30 @@ const aboutStyle = StyleSheet.create({
alignSelf: 'stretch' alignSelf: 'stretch'
}, },
socialTitle: { socialTitle: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
marginLeft: 12, marginLeft: 12,
marginRight: 12, marginRight: 12,
marginBottom: 8, marginBottom: 8,
fontSize: 20 fontSize: 20
}, },
releaseInfoTitle: { releaseInfoTitle: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
marginLeft: 12, marginLeft: 12,
marginRight: 12, marginRight: 12,
marginBottom: 12, marginBottom: 12,
fontSize: 20 fontSize: 20
}, },
text: { text: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: 15 fontSize: 15
}, },
valueText: { valueText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
textAlign: 'right', textAlign: 'right',
fontSize: 15 fontSize: 15
}, },
lineValueText: { lineValueText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 15 fontSize: 15
} }
}); });

2
app/src/styles/button.js
View file

@ -29,7 +29,7 @@ const buttonStyle = StyleSheet.create({
color: Colors.DarkGrey color: Colors.DarkGrey
}, },
text: { text: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
textWithIcon: { textWithIcon: {

4
app/src/styles/channelPage.js
View file

@ -16,7 +16,7 @@ const channelPageStyle = StyleSheet.create({
}, },
title: { title: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: 30, fontSize: 30,
margin: 16 margin: 16
}, },
@ -27,7 +27,7 @@ const channelPageStyle = StyleSheet.create({
flexDirection: 'row' flexDirection: 'row'
}, },
infoText: { infoText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 20, fontSize: 20,
textAlign: 'center', textAlign: 'center',
marginLeft: 10 marginLeft: 10

2
app/src/styles/colors.js
View file

@ -3,7 +3,7 @@ const Colors = {
ChannelGrey: '#9b9b9b', ChannelGrey: '#9b9b9b',
DarkGrey: '#555555', DarkGrey: '#555555',
DescriptionGrey: '#999999', DescriptionGrey: '#999999',
LbryGreen: '#40b89a', LbryGreen: '#2f9176',
BrighterLbryGreen: '#40b887', BrighterLbryGreen: '#40b887',
LightGrey: '#cccccc', LightGrey: '#cccccc',
LighterGrey: '#e5e5e5', LighterGrey: '#e5e5e5',

16
app/src/styles/discover.js
View file

@ -33,13 +33,13 @@ const discoverStyle = StyleSheet.create({
flexDirection: 'row' flexDirection: 'row'
}, },
title: { title: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 20, fontSize: 20,
textAlign: 'center', textAlign: 'center',
marginLeft: 10 marginLeft: 10
}, },
categoryName: { categoryName: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: 20, fontSize: 20,
marginLeft: 24, marginLeft: 24,
marginTop: 16, marginTop: 16,
@ -58,12 +58,12 @@ const discoverStyle = StyleSheet.create({
justifyContent: 'center' justifyContent: 'center'
}, },
fileItemName: { fileItemName: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
marginTop: 8, marginTop: 8,
fontSize: 18 fontSize: 18
}, },
channelName: { channelName: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: 16, fontSize: 16,
marginTop: 4, marginTop: 4,
color: Colors.LbryGreen color: Colors.LbryGreen
@ -79,7 +79,7 @@ const discoverStyle = StyleSheet.create({
borderRadius: 4 borderRadius: 4
}, },
filePriceText: { filePriceText: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 12, fontSize: 12,
textAlign: 'center', textAlign: 'center',
color: '#0c604b' color: '#0c604b'
@ -112,7 +112,7 @@ const discoverStyle = StyleSheet.create({
color: Colors.White, color: Colors.White,
fontSize: 14, fontSize: 14,
textAlign: 'center', textAlign: 'center',
fontFamily: 'Metropolis-Regular' fontFamily: 'Inter-UI-Regular'
}, },
rewardTitleContainer: { rewardTitleContainer: {
alignItems: 'center', alignItems: 'center',
@ -129,11 +129,11 @@ const discoverStyle = StyleSheet.create({
flex: 0.9 flex: 0.9
}, },
menuText: { menuText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16 fontSize: 16
}, },
titleText: { titleText: {
fontFamily: 'Metropolis-Regular' fontFamily: 'Inter-UI-Regular'
} }
}); });

2
app/src/styles/downloads.js
View file

@ -29,7 +29,7 @@ const downloadsStyle = StyleSheet.create({
}, },
noDownloadsText: { noDownloadsText: {
textAlign: 'center', textAlign: 'center',
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
position: 'absolute' position: 'absolute'
}, },

2
app/src/styles/fileDownloadButton.js
View file

@ -10,7 +10,7 @@ const fileDownloadButtonStyle = StyleSheet.create({
backgroundColor: '#40c0a9', backgroundColor: '#40c0a9',
}, },
text: { text: {
fontFamily: 'Metropolis-Medium', fontFamily: 'Inter-UI-Medium',
color: '#ffffff', color: '#ffffff',
fontSize: 14, fontSize: 14,
textAlign: 'center' textAlign: 'center'

4
app/src/styles/fileItemMedia.js
View file

@ -10,7 +10,7 @@ const fileItemMediaStyle = StyleSheet.create({
alignItems: 'center' alignItems: 'center'
}, },
autothumbText: { autothumbText: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
textAlign: 'center', textAlign: 'center',
color: Colors.White, color: Colors.White,
fontSize: 40 fontSize: 40
@ -55,7 +55,7 @@ const fileItemMediaStyle = StyleSheet.create({
}, },
text: { text: {
color: '#ffffff', color: '#ffffff',
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
marginTop: 8 marginTop: 8
}, },

8
app/src/styles/fileList.js
View file

@ -28,16 +28,16 @@ const fileListStyle = StyleSheet.create({
justifyContent: 'center', justifyContent: 'center',
}, },
title: { title: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: (screenWidthPixels <= 720) ? 12 : 16 fontSize: (screenWidthPixels <= 720) ? 12 : 16
}, },
uri: { uri: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: (screenWidthPixels <= 720) ? 12 : 14, fontSize: (screenWidthPixels <= 720) ? 12 : 14,
marginBottom: 8 marginBottom: 8
}, },
publisher: { publisher: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: (screenWidthPixels <= 720) ? 12 : 14, fontSize: (screenWidthPixels <= 720) ? 12 : 14,
marginTop: (screenWidthPixels <= 720) ? 1 : 3, marginTop: (screenWidthPixels <= 720) ? 1 : 3,
color: Colors.LbryGreen color: Colors.LbryGreen
@ -49,7 +49,7 @@ const fileListStyle = StyleSheet.create({
marginTop: (screenWidthPixels <= 720) ? 4 : 8 marginTop: (screenWidthPixels <= 720) ? 4 : 8
}, },
downloadStorage: { downloadStorage: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: (screenWidthPixels <= 720) ? 12 : 14, fontSize: (screenWidthPixels <= 720) ? 12 : 14,
color: Colors.ChannelGrey color: Colors.ChannelGrey
}, },

20
app/src/styles/filePage.js
View file

@ -35,7 +35,7 @@ const filePageStyle = StyleSheet.create({
height: containedMediaHeightWithControls height: containedMediaHeightWithControls
}, },
emptyClaimText: { emptyClaimText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
textAlign: 'center', textAlign: 'center',
fontSize: 20, fontSize: 20,
marginLeft: 16, marginLeft: 16,
@ -52,7 +52,7 @@ const filePageStyle = StyleSheet.create({
flex: 1 flex: 1
}, },
title: { title: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 24, fontSize: 24,
marginTop: 12, marginTop: 12,
marginLeft: 20, marginLeft: 20,
@ -60,7 +60,7 @@ const filePageStyle = StyleSheet.create({
marginBottom: 12 marginBottom: 12
}, },
channelName: { channelName: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: 20, fontSize: 20,
marginLeft: 20, marginLeft: 20,
marginRight: 20, marginRight: 20,
@ -69,7 +69,7 @@ const filePageStyle = StyleSheet.create({
}, },
description: { description: {
color: Colors.DescriptionGrey, color: Colors.DescriptionGrey,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
lineHeight: 20, lineHeight: 20,
marginLeft: 20, marginLeft: 20,
@ -136,7 +136,7 @@ const filePageStyle = StyleSheet.create({
borderRadius: 4 borderRadius: 4
}, },
filePriceText: { filePriceText: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 12, fontSize: 12,
textAlign: 'center', textAlign: 'center',
color: '#0c604b' color: '#0c604b'
@ -178,19 +178,19 @@ const filePageStyle = StyleSheet.create({
paddingRight: 24 paddingRight: 24
}, },
dmcaText: { dmcaText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 18, fontSize: 18,
lineHeight: 24 lineHeight: 24
}, },
dmcaLink: { dmcaLink: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 18, fontSize: 18,
lineHeight: 24, lineHeight: 24,
marginTop: 24 marginTop: 24
}, },
infoText: { infoText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 20, fontSize: 20,
textAlign: 'center', textAlign: 'center',
marginLeft: 10 marginLeft: 10
@ -239,7 +239,7 @@ const filePageStyle = StyleSheet.create({
marginBottom: 14 marginBottom: 14
}, },
input: { input: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
tipAmountInput: { tipAmountInput: {
@ -253,7 +253,7 @@ const filePageStyle = StyleSheet.create({
marginTop: 17 marginTop: 17
}, },
text: { text: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
lineHeight: 24 lineHeight: 24
} }

12
app/src/styles/firstRun.js
View file

@ -12,7 +12,7 @@ const firstRunStyle = StyleSheet.create({
backgroundColor: Colors.LbryGreen backgroundColor: Colors.LbryGreen
}, },
title: { title: {
fontFamily: 'Metropolis-SemiBold', fontFamily: 'Inter-UI-SemiBold',
fontSize: 40, fontSize: 40,
marginLeft: 32, marginLeft: 32,
marginRight: 32, marginRight: 32,
@ -20,7 +20,7 @@ const firstRunStyle = StyleSheet.create({
color: Colors.White color: Colors.White
}, },
paragraph: { paragraph: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 18, fontSize: 18,
lineHeight: 24, lineHeight: 24,
marginLeft: 32, marginLeft: 32,
@ -29,7 +29,7 @@ const firstRunStyle = StyleSheet.create({
color: Colors.White color: Colors.White
}, },
infoParagraph: { infoParagraph: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
lineHeight: 20, lineHeight: 20,
marginLeft: 32, marginLeft: 32,
@ -38,7 +38,7 @@ const firstRunStyle = StyleSheet.create({
color: Colors.White color: Colors.White
}, },
emailInput: { emailInput: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 24, fontSize: 24,
lineHeight: 24, lineHeight: 24,
marginLeft: 32, marginLeft: 32,
@ -58,7 +58,7 @@ const firstRunStyle = StyleSheet.create({
actionButton: { actionButton: {
backgroundColor: Colors.White, backgroundColor: Colors.White,
alignSelf: 'center', alignSelf: 'center',
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 12, fontSize: 12,
paddingLeft: 16, paddingLeft: 16,
paddingRight: 16 paddingRight: 16
@ -70,7 +70,7 @@ const firstRunStyle = StyleSheet.create({
paddingRight: 32 paddingRight: 32
}, },
buttonText: { buttonText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 24, fontSize: 24,
color: Colors.White color: Colors.White
}, },

2
app/src/styles/floatingButton.js
View file

@ -22,7 +22,7 @@ const floatingButtonStyle = StyleSheet.create({
}, },
text: { text: {
color: Colors.White, color: Colors.White,
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 18, fontSize: 18,
}, },
bottomRight: { bottomRight: {

4
app/src/styles/mediaPlayer.js
View file

@ -71,7 +71,7 @@ const mediaPlayerStyle = StyleSheet.create({
bottom: 14, bottom: 14,
}, },
elapsedDuration: { elapsedDuration: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
position: 'absolute', position: 'absolute',
left: 8, left: 8,
bottom: 24, bottom: 24,
@ -79,7 +79,7 @@ const mediaPlayerStyle = StyleSheet.create({
color: '#ffffff' color: '#ffffff'
}, },
totalDuration: { totalDuration: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
position: 'absolute', position: 'absolute',
right: 40, right: 40,
bottom: 24, bottom: 24,

2
app/src/styles/pageHeader.js
View file

@ -42,7 +42,7 @@ const pageHeaderStyle = StyleSheet.create({
flexDirection: 'row', flexDirection: 'row',
}, },
titleText: { titleText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: Platform.OS === 'ios' ? 17 : 20, fontSize: Platform.OS === 'ios' ? 17 : 20,
fontWeight: Platform.OS === 'ios' ? '700' : '500', fontWeight: Platform.OS === 'ios' ? '700' : '500',
color: 'rgba(0, 0, 0, .9)', color: 'rgba(0, 0, 0, .9)',

2
app/src/styles/relatedContent.js
View file

@ -12,7 +12,7 @@ const relatedContentStyle = StyleSheet.create({
borderTopWidth: 1 borderTopWidth: 1
}, },
title: { title: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 18, fontSize: 18,
}, },
itemList: { itemList: {

32
app/src/styles/reward.js
View file

@ -48,36 +48,36 @@ const rewardStyle = StyleSheet.create({
paddingBottom: 16 paddingBottom: 16
}, },
text: { text: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
lineHeight: 24 lineHeight: 24
}, },
infoText: { infoText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 18, fontSize: 18,
marginLeft: 12 marginLeft: 12
}, },
title: { title: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 22, fontSize: 22,
marginBottom: 6, marginBottom: 6,
color: Colors.LbryGreen color: Colors.LbryGreen
}, },
subtitle: { subtitle: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 18, fontSize: 18,
marginBottom: 6, marginBottom: 6,
color: Colors.LbryGreen color: Colors.LbryGreen
}, },
subcardText: { subcardText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 15, fontSize: 15,
lineHeight: 20, lineHeight: 20,
marginLeft: 2, marginLeft: 2,
marginRight: 2 marginRight: 2
}, },
subcardTextInput: { subcardTextInput: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
marginTop: 2, marginTop: 2,
marginBottom: 2 marginBottom: 2
@ -99,7 +99,7 @@ const rewardStyle = StyleSheet.create({
}, },
link: { link: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
}, },
textLink: { textLink: {
@ -118,21 +118,21 @@ const rewardStyle = StyleSheet.create({
alignItems: 'center' alignItems: 'center'
}, },
rewardAmount: { rewardAmount: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 26, fontSize: 26,
textAlign: 'center' textAlign: 'center'
}, },
rewardCurrency: { rewardCurrency: {
fontFamily: 'Metropolis-Regular' fontFamily: 'Inter-UI-Regular'
}, },
rewardTitle: { rewardTitle: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
color: Colors.LbryGreen, color: Colors.LbryGreen,
marginBottom: 4, marginBottom: 4,
}, },
rewardDescription: { rewardDescription: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
lineHeight: 18, lineHeight: 18,
marginBottom: 4 marginBottom: 4
@ -162,7 +162,7 @@ const rewardStyle = StyleSheet.create({
}, },
summaryText: { summaryText: {
color: Colors.White, color: Colors.White,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
lineHeight: 20, lineHeight: 20,
flex: 0.7 flex: 0.7
@ -175,18 +175,18 @@ const rewardStyle = StyleSheet.create({
marginLeft: 8 marginLeft: 8
}, },
phoneInputText: { phoneInputText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
letterSpacing: 1.3 letterSpacing: 1.3
}, },
verifyingText: { verifyingText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
marginLeft: 12, marginLeft: 12,
alignSelf: 'flex-start' alignSelf: 'flex-start'
}, },
verificationCodeInput: { verificationCodeInput: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 24, fontSize: 24,
letterSpacing: 12 letterSpacing: 12
}, },
@ -204,7 +204,7 @@ const rewardStyle = StyleSheet.create({
flex: 0.2 flex: 0.2
}, },
customCodeInput: { customCodeInput: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
letterSpacing: 1.3, letterSpacing: 1.3,
marginTop: -8, marginTop: -8,

4
app/src/styles/search.js
View file

@ -26,12 +26,12 @@ const searchStyle = StyleSheet.create({
searchInput: { searchInput: {
width: '100%', width: '100%',
height: '100%', height: '100%',
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16 fontSize: 16
}, },
noResultsText: { noResultsText: {
textAlign: 'center', textAlign: 'center',
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
position: 'absolute' position: 'absolute'
}, },

4
app/src/styles/settings.js
View file

@ -25,13 +25,13 @@ const settingsStyle = StyleSheet.create({
}, },
label: { label: {
fontSize: 14, fontSize: 14,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
lineHeight: 18 lineHeight: 18
}, },
description: { description: {
color: '#aaaaaa', color: '#aaaaaa',
fontSize: 12, fontSize: 12,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
lineHeight: 18 lineHeight: 18
} }
}); });

6
app/src/styles/splash.js
View file

@ -8,7 +8,7 @@ const splashStyle = StyleSheet.create({
backgroundColor: Colors.LbryGreen backgroundColor: Colors.LbryGreen
}, },
title: { title: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 64, fontSize: 64,
textAlign: 'center', textAlign: 'center',
marginBottom: 48, marginBottom: 48,
@ -23,7 +23,7 @@ const splashStyle = StyleSheet.create({
width: '50%' width: '50%'
}, },
details: { details: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
marginLeft: 16, marginLeft: 16,
marginRight: 16, marginRight: 16,
@ -31,7 +31,7 @@ const splashStyle = StyleSheet.create({
textAlign: 'center' textAlign: 'center'
}, },
message: { message: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 18, fontSize: 18,
color: Colors.White, color: Colors.White,
marginLeft: 16, marginLeft: 16,

10
app/src/styles/storageStats.js
View file

@ -16,16 +16,16 @@ const storageStatsStyle = StyleSheet.create({
padding: 16 padding: 16
}, },
totalSize: { totalSize: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 36 fontSize: 36
}, },
annotation: { annotation: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
marginTop: -4 marginTop: -4
}, },
statsText: { statsText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
distributionBar: { distributionBar: {
@ -57,12 +57,12 @@ const storageStatsStyle = StyleSheet.create({
height: 16, height: 16,
}, },
legendText: { legendText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
flex: 0.3 flex: 0.3
}, },
legendSize: { legendSize: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
flex: 0.6, flex: 0.6,
textAlign: 'right' textAlign: 'right'

10
app/src/styles/transactionList.js
View file

@ -21,29 +21,29 @@ const transactionListStyle = StyleSheet.create({
alignSelf: 'stretch' alignSelf: 'stretch'
}, },
text: { text: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
link: { link: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
amount: { amount: {
textAlign: 'right' textAlign: 'right'
}, },
smallText: { smallText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 12, fontSize: 12,
color: '#aaaaaa' color: '#aaaaaa'
}, },
smallLink: { smallLink: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 12 fontSize: 12
}, },
noTransactions: { noTransactions: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
textAlign: 'center', textAlign: 'center',
padding: 16, padding: 16,
color: '#aaaaaa' color: '#aaaaaa'

4
app/src/styles/uriBar.js
View file

@ -22,7 +22,7 @@ const uriBarStyle = StyleSheet.create({
borderColor: Colors.LightGrey, borderColor: Colors.LightGrey,
padding: 8, padding: 8,
borderRadius: 4, borderRadius: 4,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
width: '100%' width: '100%'
}, },
@ -47,7 +47,7 @@ const uriBarStyle = StyleSheet.create({
padding: 12 padding: 12
}, },
itemText: { itemText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
marginLeft: 12, marginLeft: 12,
marginRight: 12 marginRight: 12

24
app/src/styles/wallet.js
View file

@ -11,7 +11,7 @@ const walletStyle = StyleSheet.create({
flexDirection: 'row' flexDirection: 'row'
}, },
address: { address: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
borderWidth: 1, borderWidth: 1,
borderStyle: 'dashed', borderStyle: 'dashed',
borderColor: '#cccccc', borderColor: '#cccccc',
@ -38,12 +38,12 @@ const walletStyle = StyleSheet.create({
margin: 16 margin: 16
}, },
title: { title: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 20, fontSize: 20,
marginBottom: 24 marginBottom: 24
}, },
transactionsTitle: { transactionsTitle: {
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 20 fontSize: 20
}, },
transactionsHeader: { transactionsHeader: {
@ -55,16 +55,16 @@ const walletStyle = StyleSheet.create({
borderBottomColor: '#eeeeee' borderBottomColor: '#eeeeee'
}, },
text: { text: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
link: { link: {
color: Colors.LbryGreen, color: Colors.LbryGreen,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
smallText: { smallText: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 12 fontSize: 12
}, },
balanceCard: { balanceCard: {
@ -80,14 +80,14 @@ const walletStyle = StyleSheet.create({
}, },
balanceTitle: { balanceTitle: {
color: '#ffffff', color: '#ffffff',
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 18, fontSize: 18,
marginLeft: 16, marginLeft: 16,
marginTop: 16 marginTop: 16
}, },
balanceCaption: { balanceCaption: {
color: '#caedB9', color: '#caedB9',
fontFamily: 'Metropolis-Medium', fontFamily: 'Inter-UI-Medium',
fontSize: 14, fontSize: 14,
marginLeft: 16, marginLeft: 16,
marginTop: 8, marginTop: 8,
@ -95,20 +95,20 @@ const walletStyle = StyleSheet.create({
}, },
balance: { balance: {
color: '#ffffff', color: '#ffffff',
fontFamily: 'Metropolis-Bold', fontFamily: 'Inter-UI-Bold',
fontSize: 36, fontSize: 36,
marginLeft: 16, marginLeft: 16,
marginBottom: 16 marginBottom: 16
}, },
infoText: { infoText: {
color: '#aaaaaa', color: '#aaaaaa',
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14, fontSize: 14,
padding: 16, padding: 16,
textAlign: 'center' textAlign: 'center'
}, },
input: { input: {
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 14 fontSize: 14
}, },
amountInput: { amountInput: {
@ -129,7 +129,7 @@ const walletStyle = StyleSheet.create({
}, },
warningText: { warningText: {
color: Colors.White, color: Colors.White,
fontFamily: 'Metropolis-Regular', fontFamily: 'Inter-UI-Regular',
fontSize: 16, fontSize: 16,
lineHeight: 24 lineHeight: 24
}, },

BIN
src/main/assets/fonts/Inter-UI-Bold.ttf Normal file
View file

Binary file not shown.

BIN
src/main/assets/fonts/Inter-UI-Medium.ttf Normal file
View file

Binary file not shown.

BIN
src/main/assets/fonts/Inter-UI-Regular.ttf Normal file
View file

Binary file not shown.

BIN
src/main/assets/fonts/Inter-UI-SemiBold.ttf Normal file
View file

Binary file not shown.

BIN
src/main/assets/fonts/Metropolis-Bold.ttf
View file

Binary file not shown.

BIN
src/main/assets/fonts/Metropolis-Medium.ttf
View file

Binary file not shown.

BIN
src/main/assets/fonts/Metropolis-Regular.ttf
View file

Binary file not shown.

BIN
src/main/assets/fonts/Metropolis-SemiBold.ttf
View file

Binary file not shown.