How to use the card.metadata.value.color function in card

render() {
        const noImages = !this.data.imageUrl && (this.data.source || this.data.sourceUrl);
        const displayBackCardByDefault = this._config['card.displayBackCardByDefault'];
        const disableFlipping = this._config['card.disableFlipping'];
        const enableBoxShadow = this._config['card.enableBoxShadow'];
        const metaDataFontSize = this._config['card.metadata.fontSize'];
        const metaDataTitleColor = this._config['card.metadata.title.color'];
        const metaDataTitleFontFamily = this._config['card.metadata.title.fontFamily'];
        const metaDataValueColor = this._config['card.metadata.value.color'];
        const metaDataValueFontFamily = this._config['card.metadata.value.fontFamily'];

        const data = Object.assign({
            titleOnly: noImages,
            boxShadow: enableBoxShadow,
            width: this.isExpanded ? this.expandedWidth : this.initialWidth,
            height: this.height,
            expandedWidth: this.expandedWidth,
            cardContentWidth: this.initialWidth,
            isExpanded: this.isExpanded,
            isFlipped: this.isFlipped,
            disableFlipping,
            subtitleDelimiter: this._config.subtitleDelimiter,
            iconUrl: this._getIconUrl(),
            removeFrontCard: disableFlipping && displayBackCardByDefault,
            removeBackCard: disableFlipping && !displayBackCardByDefault,

render() {
        const metaDataFontSize = this._config['card.metadata.fontSize'];
        const metaDataTitleColor = this._config['card.metadata.title.color'];
        const metaDataTitleFontFamily = this._config['card.metadata.title.fontFamily'];
        const metaDataValueColor = this._config['card.metadata.value.color'];
        const metaDataValueFontFamily = this._config['card.metadata.value.fontFamily'];

        this.$element = $(readerContentTemplate(Object.assign({
            iconUrl: this._getIconUrl(),
            subtitleDelimiter: this._config.subtitleDelimiter,
            headerBackgroundColor: this._config['readerContent.headerBackgroundColor'],
            headerSourceLinkColor: this._config['readerContent.headerSourceLinkColor'],
            metaDataFontSize: metaDataFontSize,
            metaDataTitleColor: metaDataTitleColor,
            metaDataTitleFontFamily: metaDataTitleFontFamily,
            metaDataValueColor: metaDataValueColor,
            metaDataValueFontFamily: metaDataValueFontFamily,
        }, this.data)));
        this.$headerImageContainer = this.$element.find('.reader-content-header-image');
        if (this.headerImage.hasImages()) {
            this.$headerImageContainer.append(this.headerImage.render());