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

${props => {
				if (props.active)
					return `background-color: ${props.theme.dark ? themed.invertedLight() : props.theme.tintColor || themed.tintColor()};`
			}}
		`,

background-color: ${props=>{
		if (props.theme.sectionActive === true)
			return props.theme.dark ? themed.invertedLight(props) : props.theme.tintColor || themed.tintColor(props)

		return (props.theme.backgroundColor || themed.main(props))
	}};
	border-bottom-color: ${themed.invertedLight};

(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'
                }
            })
        },

        largeTitle: {
            fontSize: 30,

${({theme}) => {
		if (theme.itemSelected === true)
			return `background-color: ${theme.dark ? themed.invertedLight() : theme.tintColor || themed.tintColor()};`
	}}
`

export const baseFormElementStyle = (theme)=>`
	height: ${formElementHeight}px;
	margin-left: ${paddingHorizontal}px;
	padding-left: 0;
	padding-right: ${paddingHorizontal}px;
	border-color: ${themed.invertedLight({theme})};
`