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

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.