How to use the config/theme.fontColors function in config

})
  },
  webViewButtonClose: {
    justifyContent: 'center',
    paddingRight: 10,
    alignItems: 'center',
    ...Platform.select({
      android: {
        // todo: check how this behaves on Android, now absolute positioning has been purged.
        top: 4
      }
    })
  },
  webViewButtonCloseText: {
    fontFamily: Theme.font,
    color: Theme.fontColors.main,
    fontSize: 22,
    fontWeight: '600'
  },
  webViewUrl: {
    height: 32,
    fontFamily: Theme.font,
    color: Theme.fontColors.light,
    backgroundColor: Theme.colors.color4,
    fontSize: 15,
    fontWeight: '400',
    paddingTop: 4,
    paddingBottom: 4,
    paddingLeft: 10,
    paddingRight: 10,
    marginLeft: 8,
    marginRight: 10,

flex: 1,
    backgroundColor: Theme.background.main,
    padding: 24,
    paddingTop: 10,
    paddingBottom: 10,
    flexDirection: 'column',
    justifyContent: 'space-between'
  },
  contactUsText: {
    fontFamily: Theme.font,
    fontSize: 17,
    fontWeight: '100',
    marginTop: 10,
    ...Platform.select({
      ios: {
        color: Theme.fontColors.light
      }
    })
  }
});

marginTop: 2
      }
    })
  },
  buttonTextLeft: {
    textAlign: 'left'
  },
  buttonTextMain: {
    textAlign: 'center',
    fontStyle: 'normal',
    fontSize: 16
  },
  buttonTextMonochrome: {
    fontStyle: 'normal',
    fontSize: 16,
    color: Theme.fontColors.main
  },
  buttonTextLight: {
    color: Theme.fontColors.secondary,
    fontSize: 17,
    fontWeight: '400'
  },
  buttonTextDisabled: {
    color: Theme.fontColors.light,
    fontWeight: '400',
    marginLeft: 0,
    fontStyle: 'italic'
  },
  buttonTextError: {
    color: Theme.fontColors.white,
    fontWeight: '400',
    marginLeft: 0,

export default StyleSheet.create({
  searchContainer: {
    height: 64,
    paddingLeft: Theme.margin.left,
    paddingRight: Theme.margin.right,
    backgroundColor: Theme.colors.color5,
    borderColor: Theme.colors.color6,
    borderWidth: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center'
  },
  searchText: {
    fontFamily: Theme.font,
    color: Theme.fontColors.secondary,
    fontSize: 17,
    fontWeight: '400'
  },
  modal: {
    flex: 1,
    position: 'relative',
    backgroundColor: Theme.background.main
  },
  search: {
    paddingTop: 8,
    height: 88,
    backgroundColor: Theme.colors.color5,
    borderBottomColor: Theme.borderColors.main,
    borderBottomWidth: 2,
    position: 'relative'
  },

answersContainer: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingLeft: Theme.margin.left,
    paddingRight: Theme.margin.right,
    paddingTop: 16,
    paddingBottom: 16
  },
  answers: {
    flexBasis: 242
  },
  answer: {
    fontFamily: Theme.font,
    color: Theme.fontColors.light,
    fontSize: 17
  }
});

}
    }),
    paddingLeft: 16,
    paddingRight: 16,
    paddingBottom: 16,
    backgroundColor: Theme.background.white,
    flexDirection: 'column',
    width: Theme.screen.width,
    shadowColor: Theme.colors.color2,
    shadowRadius: 5,
    shadowOffset: { height: 2 },
    shadowOpacity: 0.4
  },
  text: {
    fontFamily: Theme.font,
    color: Theme.fontColors.secondary,
    fontSize: 17,
    fontWeight: '400'
  },
  success: {
    backgroundColor: Theme.background.secondary
  },
  successText: {
    color: Theme.fontColors.white
  },
  error: {
    backgroundColor: Theme.background.red
  },
  errorText: {
    color: Theme.fontColors.white
  }
});

import { StyleSheet } from 'react-native';
import Theme from 'config/theme';

export default StyleSheet.create({
  section: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  containerLabel: {
    width: 120,
    overflow: 'hidden',
    justifyContent: 'center',
    fontSize: 17,
    fontWeight: '400',
    fontFamily: Theme.font,
    color: Theme.fontColors.light
  },
  container: {
    flex: 1,
    flexDirection: 'column'
  },
  pickerContainer: {
    overflow: 'hidden'
  },
  pickerItem: {
    fontFamily: Theme.font,
    fontSize: 17,
    fontWeight: '400',
    color: Theme.fontColors.light
  }
});

paddingHorizontal: 18,
    height: 48,
    marginLeft: 6
  },
  cacheTooltipArrow: {
    position: 'absolute',
    left: -5,
    height: 10,
    width: 10,
    backgroundColor: Theme.background.main,
    transform: [{ rotate: '45deg' }],
    marginLeft: 6
  },
  cacheTooltipText: {
    fontFamily: Theme.font,
    color: Theme.fontColors.light,
    fontSize: 17,
    fontWeight: '400'
  },
  cacheBtn: {
    width: 64,
    height: 64,
    backgroundColor: Theme.background.secondary,
    borderRadius: 32,
    alignItems: 'center',
    justifyContent: 'center'
  },
  progressBarContainer: {
    position: 'absolute',
    bottom: 0
  }
});

content: {
    paddingTop: 0,
    paddingBottom: 30
  },
  terms: {
    padding: 30,
    paddingTop: 0,
    paddingBottom: 10,
    flexDirection: 'column',
    justifyContent: 'space-between'
  },
  termsText: {
    fontFamily: Theme.font,
    fontSize: 17,
    fontWeight: '100',
    color: Theme.fontColors.light,
    marginTop: 10
  }
});

ref={ref => {
                  this.input = ref;
                }}
                autoFocus={false}
                autoCorrect={false}
                autoCapitalize="none"
                value={this.state.name}
                keyboardType="default"
                placeholder={i18n.t('setupOverview.placeholder')}
                style={styles.searchInput}
                onChangeText={this.textChange}
                onFocus={this.props.onTextFocus}
                onBlur={this.props.onTextBlur}
                underlineColorAndroid="transparent"
                selectionColor={Theme.colors.color1}
                placeholderTextColor={Theme.fontColors.light}
              />
              <img style="{Theme.icon}"> this.input.focus()} /&gt;
            
          
          
        
      
    );
  }
}