How to use the datax-common.Colors.white function in datax-common

paddingTop: 30,
    paddingBottom: 30,
    flex: 1,
    display: 'flex',
    flexDirection: 'column',
    overflowY: 'hidden'
};

const rightPaneStyle = {
    flex: 3,
    display: 'flex',
    flexDirection: 'column'
};

const listContainerStyle = {
    backgroundColor: Colors.white,
    border: `1px solid ${Colors.neutralTertiaryAlt}`,
    flex: 1,
    overflowY: 'auto'
};

overflowX: 'hidden',
    overflowY: 'hidden',
    flex: 1
};

const tabContainerStyle = {
    display: 'flex',
    flexDirection: 'column',
    overflowX: 'hidden',
    overflowY: 'hidden',
    flex: 1
};

const modelHeaderStyle = {
    background: Colors.themePrimary,
    color: Colors.white,
    padding: '20px 30px'
};

const modalBodyStyle = {
    flex: 1,
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    height: '150px'
};

export default withRouter(
    connect(
        mapStateToProps,
        mapDispatchToProps
    )(FlowDefinitionPanel)

paddingRight: 30,
    paddingTop: 30,
    paddingBottom: 30,
    flex: 1,
    display: 'flex',
    flexDirection: 'column'
};

const filterContainerStyle = {
    paddingBottom: 15,
    display: 'flex',
    flexDirection: 'row'
};

const detailsContainerStyle = {
    backgroundColor: Colors.white,
    border: `1px solid ${Colors.neutralTertiaryAlt}`,
    flex: 1,
    overflowY: 'auto'
};

const buttonStyle = {
    paddingLeft: 10
};

export default withRouter(
    connect(
        mapStateToProps,
        mapDispatchToProps
    )(SparkJobs)
);

renderLink() {
        return (
            <div>
                
                    {this.props.urlText}
                
            </div>
        );
    }
}

const rootStyle = {
    marginRight: 30,
    marginBottom: 20,
    color: Colors.neutralPrimary,
    backgroundColor: Colors.white,
    display: 'flex',
    flexDirection: 'row'
};

const smallImageContainerStyle = {
    width: 32,
    padding: 4
};

const largeImageContainerStyle = {
    width: 40
};

const imageStyle = {
    width: '100%',
    height: '100%'

paddingTop: 30,
    paddingBottom: 30,
    flex: 1,
    display: 'flex',
    flexDirection: 'column',
    overflowY: 'hidden'
};

const rightPaneStyle = {
    flex: 3,
    display: 'flex',
    flexDirection: 'column'
};

const listContainerStyle = {
    backgroundColor: Colors.white,
    border: `1px solid ${Colors.neutralTertiaryAlt}`,
    flex: 1,
    overflowY: 'auto'
};

{this.props.linkText}
                
            
        );
    }
}

const rootStyle = {
    marginRight: 30,
    marginTop: 16,
    marginBottom: 14,
    minWidth: 300,
    width: 400,
    maxWidth: 400,
    color: Colors.neutralPrimary,
    backgroundColor: Colors.white,
    border: `1px solid ${Colors.neutralQuaternaryAlt}`,
    boxShadow: `2px 2px 5px 0 rgba(218,218,218,.75)`
};

const imageClickStyle = {
    textDecoration: 'none'
};

const imageContainerStyle = {
    paddingLeft: 10,
    paddingRight: 10,
    paddingTop: 20,
    paddingBottom: 10,
    borderBottom: `1px solid ${Colors.neutralLight}`
};

paddingTop: 30,
    paddingBottom: 30,
    flex: 1,
    display: 'flex',
    flexDirection: 'column',
    overflowY: 'hidden'
};

const rightPaneStyle = {
    flex: 3,
    display: 'flex',
    flexDirection: 'column'
};

const listContainerStyle = {
    backgroundColor: Colors.white,
    border: `1px solid ${Colors.neutralTertiaryAlt}`,
    flex: 1,
    overflowY: 'auto'
};

const sinkTypeSection = {
    paddingBottom: 40
};

const sectionStyle = {
    paddingBottom: 15
};

const statementBoxSectionStyle = {
    paddingTop: 12,
    paddingBottom: 30
};

const statementBoxStyle = {
    border: `1px solid ${Colors.neutralTertiaryAlt}`,
    backgroundColor: Colors.white
};

const linkStyle = {
    fontSize: 14,
    lineHeight: '29px',
    color: Colors.themePrimary
};

position: 'fixed',
    right: 0,
    backgroundColor: Colors.neutralTertiaryAlt,
    width: 39
};

const itemContainerStyle = {
    transform: 'rotate(90deg) translateX(39px)',
    transformOrigin: '39px 0 0',
    height: 39,
    display: 'flex'
};

const itemStyle = {
    backgroundColor: Colors.customBlueDarker,
    color: Colors.white,
    fontSize: 15,
    paddingTop: 9,
    paddingBottom: 9,
    minWidth: 180,
    textAlign: 'center',
    borderRight: `3px solid ${Colors.neutralTertiaryAlt}`,
    cursor: 'pointer',
    whiteSpace: 'nowrap',
    ':hover': {
        backgroundColor: Colors.customYellow,
        color: Colors.neutralPrimary,
        fontWeight: 600
    }
};