How to use the co/style/colors.themed.tintColor function in co

largeTitle: {
            fontSize: 30,
            color: themed.inverted(),
            ...Platform.select({
                ios: {
                    fontFamily: 'HelveticaNeue'
                }
            })
        },

        subtitle: {
            color: themed.invertedDark(),
            fontSize: 13,
        },
        backButton: {
            color: themed.tintColor(),
            icon: require('assets/images/backButton.png'),
            showTitle: false
        }
    },
    ...Platform.select({
        ios: {
            screenBackgroundColor: themed.main(),
        }
    }),
    layout: {
        ...Platform.select({
            ios: {
                backgroundColor: themed.main()
            },
            android: {
                componentBackgroundColor: themed.main() //performance improvement

export default withTheme(props=>Platform.OS=='android' ? (
    
) : (
    
))

export const Loading = withTheme((props)=>(
    
))

export default ()=>({
    statusBar: {
        style: (themeIsDark() ? 'light' : 'dark'),
        ...(
            (Platform.OS=='android' && Platform.Version >= 23) ? 
                {backgroundColor: themed.main()} : {}
        )
    },
    topBar: {
        background: {
            color: themed.main(),
            translucent: false,
            blur: false
        },
        
        leftButtonColor: themed.tintColor(),
        rightButtonColor: themed.tintColor(),
        
        barStyle: themeIsDark() ? 'black' : 'default',
        borderColor: themed.invertedLight(),
        //borderHeight: 1,
        noBorder: true,
        elevation: 0,
        
        title: {
            color: themed.inverted(),
            fontSize: fontSize.topBar(),
            ...Platform.select({
                ios: {
                    fontFamily: 'HelveticaNeue-Medium'
                }
            })

statusBar: {
        style: (themeIsDark() ? 'light' : 'dark'),
        ...(
            (Platform.OS=='android' && Platform.Version >= 23) ? 
                {backgroundColor: themed.main()} : {}
        )
    },
    topBar: {
        background: {
            color: themed.main(),
            translucent: false,
            blur: false
        },
        
        leftButtonColor: themed.tintColor(),
        rightButtonColor: themed.tintColor(),
        
        barStyle: themeIsDark() ? 'black' : 'default',
        borderColor: themed.invertedLight(),
        //borderHeight: 1,
        noBorder: true,
        elevation: 0,
        
        title: {
            color: themed.inverted(),
            fontSize: fontSize.topBar(),
            ...Platform.select({
                ios: {
                    fontFamily: 'HelveticaNeue-Medium'
                }
            })
        },

backgroundColor: themed.main(),
        titleDisplayMode: 'alwaysShow',
        elevation: 22,

        ...Platform.select({
            ios: {
                drawBehind: true
            }
        })
    },
    navigationBar: (Platform.Version >= 27 ? {
        backgroundColor: themed.main()
    } : {}),
    bottomTab: {
        selectedIconColor: themed.tintColor(),
        selectedTextColor: themed.tintColor(),

        iconColor: themed.invertedMedium(),
        textColor: themed.invertedMedium(),

        fontFamily: 'sans-serif-medium',
        fontSize: 13,
        selectedFontSize: 13
    },
    animations: {
        setRoot: {
            enabled: true,
            waitForRender: true,
            ...Platform.select({
                ios: {
                    content: fadeIn
                },

color: ${props=>{
				if (props.active && !props.theme.dark) return 'white'
				return themed.tintColor(props)
			}};
		`,

const itemSelectStyle = ({selected, theme})=>selected?`
	background: ${themed.tintColor({theme})}25;
`:''
const SelectIconImage = styled.Image.attrs({