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

To help you get started, we’ve selected a few co examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github raindropio / mobile / src / co / style / form.js View on Github external
export const BaseInput = styled.TextInput.attrs(props=>({
	enablesReturnKeyAutomatically: true,
	blurOnSubmit: true,
	underlineColorAndroid: 'transparent',
	disableFullscreenUI: true,
	placeholderTextColor: themed.invertedMedium(props),
	keyboardAppearance: themeIsDark(props)?'dark':'default',
	numberOfLines: 1
}))`
	font-size: ${fontSize.normal}px;
github raindropio / mobile / src / co / common / cover / style.js View on Github external
export const LoadingWrap = styled.ActivityIndicator.attrs(props=>({
	color: themed.invertedMedium(props)
}))`
	position: absolute;
github raindropio / mobile / src / co / collections / item / style.js View on Github external
tint-color: ${({theme})=>{
		if (theme.itemSelected === true)
			return 'white'

		return themed.invertedMedium({theme})
	}};
`
github raindropio / mobile / src / co / screen / styles / base.js View on Github external
...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
                },
                android: fadeIn
            })
        },
github raindropio / mobile / src / co / screen / styles / base.js View on Github external
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
                },
                android: fadeIn
            })