function drawMarketNames() {
            exchangeMarkets.forEach((exchangeMarket, i) => {
                browserCanvasContext.save()
                browserCanvasContext.translate(position.x, position.y)
                browserCanvasContext.rotate(-Math.PI / 2)

                let xOffSet = -80

                icon = exchangeMarket.exchangeIcon

                if (icon !== undefined) {
                    if (icon.canDrawIcon === true) {
                        browserCanvasContext.drawImage(
                            icon,
                            -20 + xOffSet,
                            -43,
                            imageSize,
                            imageSize)
                    }
                }

                /**This controls the color of the exchange name shown on the top outside left of each time machine. */
                let chartingSpaceNode = UI.projects.workspaces.spaces.designSpace.workspace.getHierarchyHeadByNodeType('Charting Space')
                if (chartingSpaceNode !== undefined) {
                    if (chartingSpaceNode.spaceStyle !== undefined) {
                        configStyle = JSON.parse(chartingSpaceNode.spaceStyle.config)
                    }
                } else {
                    configStyle = undefined
                }

                if (configStyle === undefined || configStyle.panelNameColor === undefined) {
                    UI.projects.foundations.utilities.drawPrint.printLabel(exchangeMarket.exchangeName, -5 + xOffSet, undefined, undefined, -30, opacity, fontSize, UI_COLOR.GREY, 'Left')
                } else {
                    thisColor = eval(configStyle.panelNameColor)
                    UI.projects.foundations.utilities.drawPrint.printLabel(exchangeMarket.exchangeName, -5 + xOffSet, undefined, undefined, -30, opacity, fontSize, thisColor, 'Left')
                }

                position.x = position.x + INTER_EXCHANGE_SPACE

                icon = exchangeMarket.baseAssetIcon
                if (icon !== undefined) {
                    if (icon.canDrawIcon === true) {
                        browserCanvasContext.drawImage(
                            icon,
                            -20 + xOffSet,
                            -22,
                            imageSize,
                            imageSize)
                    }
                }

                /**This controls the color of the pair for each panel (BTC/USDT) */
                if (configStyle === undefined || configStyle.panelExchangeMarketName === undefined) {
                    UI.projects.foundations.utilities.drawPrint.printLabel(exchangeMarket.marketName, -5 + xOffSet, undefined, undefined, -10, opacity, fontSize, UI_COLOR.GREY, 'Left')
                } else {
                    let thisColor = eval(configStyle.panelExchangeMarketName)
                    UI.projects.foundations.utilities.drawPrint.printLabel(exchangeMarket.marketName, -5 + xOffSet, undefined, undefined, -10, opacity, fontSize, thisColor, 'Left')
                }

                icon = exchangeMarket.quotedAssetIcon
                if (icon !== undefined) {
                    if (icon.canDrawIcon === true) {
                        browserCanvasContext.drawImage(
                            icon,
                            +50 + xOffSet,
                            -22,
                            imageSize,
                            imageSize)
                    }
                }

                position.x = position.x + INTER_MARKET_SPACE

                browserCanvasContext.restore()
            })
        }
This controls the time machines title color.