@fintatech/fintachart 3.1.0

package/scripts/themes/beetTheme.js

@@ -0,0 +1,2999 @@
+/*
+    IMPORTANT NOTICE: This software and source code is owned and licensed by Fintatech B.V., https://fintatech.com
+    Downloading, installing or otherwise using this software or source code shall be made only under Fintatech License
+    agreement. If you do not granted Fintatech License agreement, you must promptly delete the software,
+    source code and all associated downloadable materials and you must not use the software for any purpose whatsoever.
+ */
+
+'use strict';
+
+var beetTheme = {
+    name: 'BeetTheme',
+    tradingSession: {
+        preMarket: { fillColor: '#ffea00' },
+        afterMarket: { fillColor: '#0080ff' },
+        closeMarket: { fillColor: '#e9645b' },
+    },
+    chart: {
+        background: [
+            '#30282a',
+            '#30282a',
+        ],
+        border: {
+            width: 0,
+            strokeColor: '#212121',
+            lineStyle: 'solid',
+        },
+        instrumentWatermark: {
+            symbol: {
+                fontFamily: 'Rubik',
+                fontSize: 80,
+                fontStyle: 'normal',
+                fillColor: 'rgba(127, 127, 127, 0.1)',
+                lineHeight: '2.12',
+            },
+            details: {
+                fontFamily: 'Rubik',
+                fontSize: 60,
+                fontStyle: 'normal',
+                fillColor: 'rgba(127, 127, 127, 0.1)',
+                lineHeight: '1.8',
+            },
+        },
+    },
+    splitter: {
+        fillColor: '#1b1214',
+        hoverFillColor: '#1b1214',
+    },
+    pane: {
+        grid: {
+            width: 1,
+            strokeColor: 'rgba(127, 127, 127, 0.12)',
+        },
+        title: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fontStyle: 'normal',
+            fillColor: '#999999',
+        },
+        watermark: {
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 40,
+                fontStyle: 'normal',
+                fillColor: 'rgba(85, 85, 85, 0.2)',
+            },
+        },
+    },
+    verticalScale: {
+        fill: {
+            fillColor: '#30282a',
+        },
+        text: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fontStyle: 'normal',
+            fillColor: '#d5d5dc',
+        },
+        line: {
+            width: 1,
+            strokeColor: '#212121',
+        },
+        border: {
+            width: 1,
+            strokeColor: '#212121',
+            lineStyle: 'solid',
+        },
+        label: {
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: '#ffffff',
+            },
+            fill: {
+                fillColor: '#26a69a',
+            },
+        },
+    },
+    horizontalScale: {
+        fill: {
+            fillColor: '#30282a',
+        },
+        text: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fillColor: '#d5d5dc',
+        },
+        line: {
+            width: 1,
+            strokeColor: '#212121',
+        },
+        border: {
+            width: 1,
+            strokeColor: '#212121',
+            lineStyle: 'solid',
+        },
+        label: {
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: '#ffffff',
+            },
+            fill: {
+                fillColor: '#26a69a',
+            },
+            stroke: {
+                strokeColor: '#26a69a',
+                width: 1,
+                lineStyle: 'solid',
+                lineJoin: 'miter',
+                lineCap: 'butt',
+            },
+        },
+        breakLine: {
+            stroke: {
+                strokeColor: '#545454',
+                width: 1,
+                lineStyle: 'dash',
+            },
+        },
+    },
+    crossHair: {
+        text: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fillColor: 'white',
+        },
+        line: {
+            width: 1,
+            strokeColor: '#c43939',
+            lineStyle: 'dashed',
+        },
+        fill: {
+            fillColor: '#c43939',
+        },
+    },
+    replayModeLine: {
+        text: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fillColor: 'white',
+        },
+        line: {
+            width: 3,
+            strokeColor: '#c43939',
+            lineStyle: 'solid',
+        },
+        fill: {
+            fillColor: '#c43939',
+        },
+    },
+    zoomIn: {
+        border: {
+            width: 1,
+            strokeColor: '#ffffff',
+            lineStyle: 'solid',
+        },
+        fill: {
+            fillColor: 'rgba(0, 0, 0, 0.3)',
+        },
+    },
+    plot: {
+        point: {
+            dot: {
+                fill: {
+                    fillColor: '#ffffff',
+                },
+            },
+        },
+        line: {
+            simple: {
+                width: 1,
+                strokeColor: '#ffffff',
+            },
+            area: {
+                line: {
+                    width: 1,
+                    strokeColor: '#ffffff',
+                },
+                fill: {
+                    fillColor: 'rgba(0, 0, 0, 0.3)',
+                },
+            },
+            step: {
+                width: 1,
+                strokeColor: '#ffffff',
+            },
+        },
+        histogram: {
+            line: {
+                width: 1,
+                strokeColor: '#ffffff',
+            },
+            coloredLine: {
+                upBar: {
+                    width: 1,
+                    strokeColor: '#26a69a',
+                },
+                downBar: {
+                    width: 1,
+                    strokeColor: '#ec5a58',
+                },
+            },
+            column: {
+                line: {
+                    strokeEnabled: false,
+                    width: 1,
+                    strokeColor: '#ffffff',
+                },
+                fill: {
+                    fillColor: 'red',
+                },
+            },
+            coloredColumn: {
+                upBar: {
+                    line: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                },
+                downBar: {
+                    line: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                },
+            },
+        },
+        bar: {
+            OHLC: {
+                width: 1,
+                strokeColor: '#ffffff',
+            },
+            HLC: {
+                width: 1,
+                strokeColor: '#ffffff',
+            },
+            HL: {
+                width: 1,
+                strokeColor: '#ffffff',
+            },
+            coloredOHLC: {
+                upBar: {
+                    width: 1,
+                    strokeColor: '#26a69a',
+                },
+                downBar: {
+                    width: 1,
+                    strokeColor: '#ec5a58',
+                },
+            },
+            coloredHLC: {
+                upBar: {
+                    width: 1,
+                    strokeColor: '#26a69a',
+                },
+                downBar: {
+                    width: 1,
+                    strokeColor: '#ec5a58',
+                },
+                meanBar: {
+                    width: 1,
+                    strokeColor: '#FFF',
+                },
+            },
+            coloredHL: {
+                upBar: {
+                    width: 1,
+                    strokeColor: '#26a69a',
+                },
+                downBar: {
+                    width: 1,
+                    strokeColor: '#ec5a58',
+                },
+            },
+            candle: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                },
+            },
+            heikinAshi: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                },
+            },
+            renko: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                },
+            },
+            lineBreak: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillEnabled: true,
+                        fillColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillEnabled: true,
+                        fillColor: '#ec5a58',
+                    },
+                },
+            },
+            rangeBar: {
+                upBar: {
+                    width: 1,
+                    strokeColor: '#51b885',
+                },
+                downBar: {
+                    width: 1,
+                    strokeColor: '#e65050',
+                },
+            },
+            hollowCandle: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                },
+                upHollowCandle: {
+                    border: {
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                },
+                downHollowCandle: {
+                    border: {
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                },
+            },
+            pointAndFigure: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: true,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: true,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                },
+            },
+            kagi: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: true,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: true,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                },
+            },
+            candleVolume: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: 'white',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: 'white',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                    shadow: {
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                },
+            },
+            equiVolume: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                },
+            },
+            equiVolumeShadow: {
+                upCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#26a69a',
+                    },
+                    fill: {
+                        fillColor: '#26a69a',
+                    },
+                },
+                downCandle: {
+                    border: {
+                        strokeEnabled: false,
+                        width: 1,
+                        strokeColor: '#ec5a58',
+                    },
+                    fill: {
+                        fillColor: '#ec5a58',
+                    },
+                },
+            },
+        },
+        indicator: {
+            lines: {
+                '0': {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: 'white',
+                },
+                '1': {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#32CD32',
+                },
+                '2': {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#FF0000',
+                },
+                '3': {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#0000FF',
+                },
+                '4': {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: 'yellow',
+                },
+            },
+            histogram: {
+                color: '#32CD32',
+            },
+            levels: {
+                line1: {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#FF0000',
+                },
+                line2: {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#32CD32',
+                },
+                line3: {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#FFD500',
+                },
+                line4: {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#0000FF',
+                },
+                line5: {
+                    width: 1,
+                    lineStyle: 'solid',
+                    strokeColor: '#808080',
+                },
+            },
+        },
+        rowHistogram: {
+            range: {
+                line: {
+                    width: 1,
+                    strokeColor: '#ff0000',
+                    strokeEnabled: true,
+                },
+                activeRow: {
+                    fillBuy: {
+                        fillColor: 'rgb(52, 146, 230)',
+                        fillEnabled: true,
+                    },
+                    fillSell: {
+                        fillColor: 'rgb(249, 193, 35)',
+                        fillEnabled: true,
+                    },
+                },
+                rect: {
+                    fill: {
+                        fillColor: '#3492e618',
+                        fillEnabled: true,
+                    },
+                },
+            },
+            daily: {
+                line: {
+                    width: 1,
+                    strokeColor: '#ff0000',
+                    strokeEnabled: true,
+                },
+                activeRow: {
+                    fillBuy: {
+                        fillColor: 'rgb(52, 146, 230)',
+                        fillEnabled: true,
+                    },
+                    fillSell: {
+                        fillColor: 'rgb(249, 193, 35)',
+                        fillEnabled: true,
+                    },
+                },
+                rect: {
+                    fill: {
+                        fillColor: 'rgb(52, 146, 230)',
+                        fillEnabled: true,
+                    },
+                },
+            },
+        },
+    },
+    hoverMarker: {
+        line: {
+            strokeColor: '#4aa0dc',
+            width: 1,
+        },
+        fill: {
+            fillColor: '#f4f6fa',
+        },
+    },
+    shape: {
+        common: {
+            trendLine: {
+                width: 1,
+                strokeColor: '#ff0000',
+            },
+            activeRow: {
+                fillBuy: {
+                    fillColor: '#3492e6',
+                },
+                fillSell: {
+                    fillColor: '#f9c123',
+                },
+            },
+            rect: {
+                fill: {
+                    fillColor: '#3492e6',
+                },
+            },
+        },
+        profileDrawingTool: {
+            line: {
+                width: 1,
+                strokeColor: '#323232',
+                strokeEnabled: true,
+                lineStyle: 'dash',
+            },
+        },
+        note: {
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: 'black',
+            },
+            fill: {
+                fillColor: 'rgb(98,158,202)',
+            },
+            centerPointFill: {
+                fillColor: 'white',
+            },
+        },
+        measure: {
+            line: {
+                width: 1,
+                strokeColor: '#ffffff',
+                strokeEnabled: true,
+                lineStyle: 'dash',
+            },
+            border: {
+                width: 1,
+                strokeColor: '#ffffff',
+                strokeEnabled: true,
+                lineStyle: 'dash',
+            },
+            fill: {
+                fillEnabled: true,
+                fillColor: 'rgba(0, 0, 0, 0.3)',
+            },
+            balloon: {
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fillColor: '#ffffff',
+                },
+                border: {
+                    width: 1,
+                    strokeColor: '#ffffff',
+                    strokeEnabled: true,
+                    lineStyle: 'solid',
+                },
+                fill: {
+                    fillEnabled: true,
+                    fillColor: 'rgba(0, 0, 0, 0.3)',
+                },
+            },
+        },
+        measureTool: {
+            line: {
+                width: 1,
+                strokeColor: '#ffffff',
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: '#ffffff',
+            },
+            fill: {
+                fillColor: 'rgba(0, 0, 0, 0.3)',
+            },
+        },
+        'abstract': {
+            line: {
+                strokeColor: '#ffffff',
+                width: 1,
+            },
+            fill: {
+                fillColor: 'rgba(0, 0, 0, 0.3)',
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: '#ffffff',
+                decoration: '',
+            },
+        },
+        trendAngle: {
+            line: {
+                strokeColor: '#ffffff',
+                width: 1,
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: '#ffffff',
+                decoration: '',
+            },
+            arc: {
+                strokeColor: '#ffffff',
+                width: 1,
+                lineStyle: 'dot',
+            },
+            horizontalLine: {
+                strokeColor: '#ffffff',
+                width: 1,
+                lineStyle: 'dot',
+            },
+        },
+        basicBrush: {
+            fill: {
+                fillColor: '#ffffff',
+            },
+        },
+        fibonacci: {
+            trendLine: {
+                strokeColor: '#ffffff',
+                width: 1,
+                lineStyle: 'dash',
+            },
+            line: {
+                strokeColor: '#ffffff',
+                width: 1,
+            },
+            fill: {
+                fillColor: 'rgba(255, 255, 255, 0.3)',
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: '#ffffff',
+            },
+        },
+        position: {
+            line: {
+                strokeColor: '#ffffff',
+                width: 1,
+                lineStyle: 'solid',
+            },
+            activeRow: {
+                fillBuy: {
+                    fillColor: '#22B496',
+                },
+                fillSell: {
+                    fillColor: '#DC4453',
+                },
+            },
+            rect: {
+                fill: {
+                    fillColor: '#3492e6',
+                },
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 12,
+                fillColor: '#131722',
+            },
+        },
+        arrowUp: {
+            fill: {
+                fillColor: '#26a69a',
+            },
+        },
+        arrowDown: {
+            fill: {
+                fillColor: '#ec5a58',
+            },
+        },
+        text: {
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 10,
+                fillColor: '#ffffff',
+                decoration: '',
+            },
+        },
+        image: {
+            noImage: {
+                line: {
+                    strokeColor: '#ec5a58',
+                    width: 1,
+                },
+            },
+        },
+        elliottWavePattern: {
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 12,
+                fillColor: 'whiteSmoke',
+                fontStyle: 'normal',
+            },
+            line: {
+                strokeEnabled: true,
+                width: 2,
+                lineStyle: 'solid',
+                strokeColor: '#fff',
+            },
+            bearishLabelColor: 'red',
+            bullishLabelColor: 'green',
+            confidence: 80,
+            patterns: {
+                '5-0': {
+                    strokeColor: 'rgba(251, 176, 59, 1)',
+                    fillColor: 'rgba(251, 176, 59, 0.3)',
+                    enabled: true,
+                },
+            },
+        },
+        trianglePattern: {
+            line: {
+                strokeEnabled: true,
+                width: 2,
+                lineStyle: 'solid',
+                strokeColor: '#fff',
+            },
+            fill: {
+                fillEnabled: true,
+                fillColor: 'rgba(61, 97, 204, 0.5)',
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 12,
+                fillColor: 'red',
+                fontStyle: 'normal',
+            },
+        },
+        xabcdPattern: {
+            line: {
+                strokeEnabled: true,
+                width: 2,
+                lineStyle: 'solid',
+                strokeColor: '#fff',
+            },
+            additionalLine: {
+                strokeEnabled: true,
+                width: 1,
+                lineStyle: 'solid',
+                strokeColor: '#fff',
+            },
+            fill: {
+                fillEnabled: true,
+                fillColor: 'rgba(61, 97, 204, 0.5)',
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 12,
+                fillColor: 'whiteSmoke',
+                fontStyle: 'normal',
+            },
+            bearishLabelColor: 'red',
+            bullishLabelColor: 'green',
+            confidence: 80,
+            patterns: {
+                Bat: {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.7)',
+                    enabled: true,
+                },
+                Gartley: {
+                    strokeColor: 'rgba(61, 73, 175, 1)',
+                    fillColor: 'rgba(61, 73, 175, 0.3)',
+                    enabled: true,
+                },
+                Crab: {
+                    strokeColor: 'rgba(248, 62, 58, 1)',
+                    fillColor: 'rgba(248, 62, 58, 0.3)',
+                    enabled: true,
+                },
+                Butterfly: {
+                    strokeColor: 'rgba(255, 239, 98, 1)',
+                    fillColor: 'rgba(255, 239, 98, 0.3)',
+                    enabled: true,
+                },
+                Cypher: {
+                    strokeColor: 'rgba(113, 14, 165, 1)',
+                    fillColor: 'rgba(113, 14, 165, 0.3)',
+                    enabled: true,
+                },
+                '5-0': {
+                    strokeColor: 'rgba(251, 176, 59, 1)',
+                    fillColor: 'rgba(251, 176, 59, 0.3)',
+                    enabled: true,
+                },
+                Shark: {
+                    strokeColor: 'rgba(103, 116, 122, 1)',
+                    fillColor: 'rgba(103, 116, 122, 0.3)',
+                    enabled: true,
+                },
+                'Alt Bat': {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                'Max Bat': {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                'A Bat': {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                'Max Gartley': {
+                    strokeColor: 'rgba(61, 73, 175, 1)',
+                    fillColor: 'rgba(61, 73, 175, 0.3)',
+                },
+                'A Gartley': {
+                    strokeColor: 'rgba(61, 73, 175, 1)',
+                    fillColor: 'rgba(61, 73, 175, 0.3)',
+                },
+                'A Crab': {
+                    strokeColor: 'rgba(248, 62, 58, 1)',
+                    fillColor: 'rgba(248, 62, 58, 0.3)',
+                },
+                'Deep Crab': {
+                    strokeColor: 'rgba(248, 62, 58, 1)',
+                    fillColor: 'rgba(248, 62, 58, 0.3)',
+                },
+                'Max Butterfly': {
+                    strokeColor: 'rgba(255, 239, 98, 1)',
+                    fillColor: 'rgba(255, 239, 98, 0.3)',
+                },
+                'A Butterfly': {
+                    strokeColor: 'rgba(255, 239, 98, 1)',
+                    fillColor: 'rgba(255, 239, 98, 0.3)',
+                },
+                'Alt Shark': {
+                    strokeColor: 'rgba(103, 116, 122, 1)',
+                    fillColor: 'rgba(103, 116, 122, 0.3)',
+                },
+            },
+        },
+        "headAndShouldersPattern": {
+            line: {
+                strokeEnabled: true,
+                width: 2,
+                lineStyle: 'solid',
+                strokeColor: '#fff',
+            },
+            additionalLine: {
+                strokeEnabled: true,
+                width: 1,
+                lineStyle: 'solid',
+                strokeColor: '#fff',
+            },
+            fill: {
+                fillEnabled: true,
+                fillColor: 'rgba(61, 97, 204, 0.5)',
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 12,
+                fillColor: 'whiteSmoke',
+                fontStyle: 'normal',
+            },
+            bearishLabelColor: 'red',
+            bullishLabelColor: 'green',
+            confidence: 80,
+            patterns: {
+                'Head and Shoulders': {
+                    strokeColor: 'rgba(0, 169, 157, 1)',
+                    fillColor: 'rgba(0, 169, 157, 0.3)',
+                    enabled: true,
+                },
+            },
+        },
+        "kingsCrownPattern": {
+            line: {
+                strokeEnabled: true,
+                width: 2,
+                lineStyle: 'solid',
+                strokeColor: '#fff',
+            },
+            line2: {
+                strokeEnabled: true,
+                width: 2,
+                lineStyle: 'solid',
+                strokeColor: 'rgb(82,136,255)',
+            },
+            line3: {
+                strokeEnabled: true,
+                width: 2,
+                lineStyle: 'solid',
+                strokeColor: 'rgb(36,128,61)',
+            },
+            additionalLine: {
+                strokeEnabled: true,
+                width: 1,
+                lineStyle: 'solid',
+                strokeColor: 'rgb(82,136,255)',
+            },
+            fill: {
+                fillEnabled: true,
+                fillColor: 'rgba(61, 97, 204, 0.5)',
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 12,
+                fillColor: 'whiteSmoke',
+                fontStyle: 'normal',
+            },
+            bearishLabelColor: 'red',
+            bullishLabelColor: 'green',
+            confidence: 80,
+            patterns: {
+                'Kings Crown': {
+                    strokeColor: 'rgba(57, 181, 74, 1)',
+                    fillColor: 'rgba(57, 181, 74, 0.3)',
+                    enabled: true,
+                },
+                'Shallow Kings Crown': {
+                    strokeColor: 'rgba(57, 181, 74, 1)',
+                    fillColor: 'rgba(57, 181, 74, 0.3)',
+                    enabled: true,
+                },
+                'Deep Kings Crown': {
+                    strokeColor: 'rgba(57, 181, 74, 1)',
+                    fillColor: 'rgba(57, 181, 74, 0.3)',
+                    enabled: true,
+                },
+            },
+        },
+        "abcdPattern":{
+            "line":{
+                width: 2,
+                lineStyle: "solid",
+                upStrokeColor: "green",
+                downStrokeColor: "red",
+            },
+            text:{
+                fontFamily: "Rubik",
+                fontSize: 12,
+                fillColor: "whiteSmoke",
+                fontStyle: "normal",
+            },
+            bearishLabelColor : "red",
+            bullishLabelColor : "green",
+            confidence : 80,
+            patterns: {
+                'ABCD' : {
+                    strokeColor: "rgba(41, 171, 226, 1)",
+                    fillColor: "rgba(41, 171, 226, 0.3)",
+                    enabled: true,
+                },
+                "Alt ABCD" : {
+                    strokeColor: "rgba(41, 171, 226, 1)",
+                    fillColor: "rgba(41, 171, 226, 0.3)",
+                    enabled: true,
+                },
+            },
+        },
+        'abcdLabelPattern': {
+            text: {
+                fontFamily: "Rubik",
+                fontSize: 12,
+                fillColor: "#fff",
+                fontStyle: "normal",
+            },
+        },
+        'numberLabelPattern': {
+            text: {
+                fontFamily: "Rubik",
+                fontSize: 12,
+                fillColor: "#fff",
+                fontStyle: "normal",
+            },
+        },
+        "smartPatterns": {
+            patterns: {
+                Bat: {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                Gartley: {
+                    strokeColor: 'rgba(61, 73, 175, 1)',
+                    fillColor: 'rgba(61, 73, 175, 0.3)',
+                },
+                Crab: {
+                    strokeColor: 'rgba(248, 62, 58, 1)',
+                    fillColor: 'rgba(248, 62, 58, 0.3)',
+                },
+                Butterfly: {
+                    strokeColor: 'rgba(255, 239, 98, 1)',
+                    fillColor: 'rgba(255, 239, 98, 0.3)',
+                },
+                Cypher: {
+                    strokeColor: 'rgba(113, 14, 165, 1)',
+                    fillColor: 'rgba(113, 14, 165, 0.3)',
+                },
+                '5-0': {
+                    strokeColor: 'rgba(251, 176, 59, 1)',
+                    fillColor: 'rgba(251, 176, 59, 0.3)',
+                },
+                Shark: {
+                    strokeColor: 'rgba(103, 116, 122, 1)',
+                    fillColor: 'rgba(103, 116, 122, 0.3)',
+                },
+                'Head and Shoulders': {
+                    strokeColor: 'rgba(0, 169, 157, 1)',
+                    fillColor: 'rgba(0, 169, 157, 0.3)',
+                },
+                'Kings Crown': {
+                    strokeColor: 'rgba(57, 181, 74, 1)',
+                    fillColor: 'rgba(57, 181, 74, 0.3)',
+                },
+                'Alt Bat': {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                'Max Bat': {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                'A Bat': {
+                    strokeColor: 'rgba(255, 255, 255, 1)',
+                    fillColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                'Max Gartley': {
+                    strokeColor: 'rgba(61, 73, 175, 1)',
+                    fillColor: 'rgba(61, 73, 175, 0.3)',
+                },
+                'A Gartley': {
+                    strokeColor: 'rgba(61, 73, 175, 1)',
+                    fillColor: 'rgba(61, 73, 175, 0.3)',
+                },
+                'A Crab': {
+                    strokeColor: 'rgba(248, 62, 58, 1)',
+                    fillColor: 'rgba(248, 62, 58, 0.3)',
+                },
+                'Deep Crab': {
+                    strokeColor: 'rgba(248, 62, 58, 1)',
+                    fillColor: 'rgba(248, 62, 58, 0.3)',
+                },
+                'Max Butterfly': {
+                    strokeColor: 'rgba(255, 239, 98, 1)',
+                    fillColor: 'rgba(255, 239, 98, 0.3)',
+                },
+                'A Butterfly': {
+                    strokeColor: 'rgba(255, 239, 98, 1)',
+                    fillColor: 'rgba(255, 239, 98, 0.3)',
+                },
+                'Alt Shark': {
+                    strokeColor: 'rgba(103, 116, 122, 1)',
+                    fillColor: 'rgba(103, 116, 122, 0.3)',
+                },
+                'Shallow Kings Crown': {
+                    strokeColor: 'rgba(57, 181, 74, 1)',
+                    fillColor: 'rgba(57, 181, 74, 0.3)',
+                },
+                'Deep Kings Crown': {
+                    strokeColor: 'rgba(57, 181, 74, 1)',
+                    fillColor: 'rgba(57, 181, 74, 0.3)',
+                },
+            },
+            text: {
+                fontFamily: 'Rubik',
+                fontSize: 12,
+                fillColor: 'black',
+                fontStyle: 'normal',
+            },
+            bearishLabelColor: 'red',
+            bullishLabelColor: 'green',
+        },
+    },
+    tooltip: {
+        text: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fillColor: 'black',
+            fontWeight: 'normal',
+            fontStyle: 'normal',
+            decoration: '',
+        },
+        border: {
+            enabled: true,
+            width: 1,
+            color: 'rgb(98,158,202)',
+            lineStyle: 'solid',
+        },
+        fill: {
+            enabled: true,
+            color: 'white',
+        },
+    },
+    priceSpread: {
+        ask: {
+            line: {
+                width: 1,
+                strokeColor: '#00D533',
+            },
+            label: {
+                fill: {
+                    fillColor: '#00D533',
+                },
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fontStyle: 'normal',
+                    fillColor: 'white',
+                },
+            },
+        },
+        bid: {
+            line: {
+                width: 1,
+                strokeColor: '#F20500',
+            },
+            label: {
+                fill: {
+                    fillColor: '#F20500',
+                },
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fontStyle: 'normal',
+                    fillColor: 'white',
+                },
+            },
+        },
+    },
+    pickupColumn: {
+        fill: {
+            fillColor: 'rgba(0, 0, 0, 0.3)',
+        },
+    },
+    button: {
+        accept: {
+            fill: {
+                fillColor: '#BDBDBD',
+            },
+            line: {
+                strokeColor: '#26a69a',
+                width: 1,
+            },
+        },
+        cancel: {
+            fill: {
+                fillColor: '#BDBDBD',
+            },
+            line: {
+                strokeColor: '#ec5a58',
+                width: 1,
+            },
+        },
+        none: {
+            fill: {
+                fillColor: '#BDBDBD',
+            },
+        },
+    },
+    positionBar: {
+        'short': {
+            line: {
+                strokeColor: '#ec5a58',
+                width: 1,
+            },
+            kind: {
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fontStyle: 'normal',
+                    fillColor: 'white',
+                    decoration: '',
+                },
+            },
+            quantity: {
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fillColor: 'white',
+                    decoration: '',
+                },
+            },
+            price: {
+                fill: {
+                    fillColor: '#ec5a58',
+                },
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fillColor: 'white',
+                    decoration: '',
+                },
+            },
+        },
+        'long': {
+            line: {
+                strokeColor: '#26a69a',
+                width: 1,
+            },
+            kind: {
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fontStyle: 'normal',
+                    fillColor: 'white',
+                    decoration: '',
+                },
+            },
+            quantity: {
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fillColor: 'white',
+                    decoration: '',
+                },
+            },
+            price: {
+                fill: {
+                    fillColor: '#26a69a',
+                },
+                text: {
+                    fontFamily: 'Rubik',
+                    fontSize: 10,
+                    fillColor: 'white',
+                    decoration: '',
+                },
+            },
+        },
+    },
+    orderBar: {
+        buy: {
+            market: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                        lineStyle: 'dash',
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#26a69a',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+            stop: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                        lineStyle: 'dash',
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#26a69a',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+            limit: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                        lineStyle: 'dash',
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#26a69a',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+            stopLimit: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                        lineStyle: 'dash',
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#26a69a',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#26a69a',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+        },
+        sell: {
+            market: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: 'grey',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#ec5a58',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#ec5a58',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+            stop: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: '#ec5a58',
+                        width: 1,
+                        lineStyle: 'dash',
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#ec5a58',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#ec5a58',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+            limit: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: '#ec5a58',
+                        width: 1,
+                        lineStyle: 'dash',
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#ec5a58',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#ec5a58',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+            stopLimit: {
+                pendingSubmit: {
+                    line: {
+                        strokeColor: '#ec5a58',
+                        width: 1,
+                        lineStyle: 'dash',
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'grey',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingCancel: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                pendingReplace: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                submitted: {
+                    line: {
+                        strokeColor: 'orange',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fontStyle: 'normal',
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: 'orange',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+                accepted: {
+                    line: {
+                        strokeColor: '#ec5a58',
+                        width: 1,
+                    },
+                    name: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'black',
+                            decoration: '',
+                        },
+                    },
+                    quantity: {
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    price: {
+                        fill: {
+                            fillColor: '#ec5a58',
+                        },
+                        text: {
+                            fontFamily: 'Rubik',
+                            fontSize: 10,
+                            fillColor: 'white',
+                            decoration: '',
+                        },
+                    },
+                    shadow: {
+                        spread: 15,
+                        color: '#000',
+                    },
+                },
+            },
+        },
+    },
+    alertBar: {
+        text: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fontStyle: 'normal',
+            fillColor: '#060D18',
+        },
+        line: {
+            width: 1,
+            strokeColor: '#060D18',
+            lineStyle: 'dash',
+        },
+        fill: {
+            fillColor: '#060D18',
+        },
+        markerText: {
+            fontFamily: 'Rubik',
+            fontSize: 10,
+            fontStyle: 'normal',
+            fillColor: '#060D18',
+        },
+        markerFill: {
+            fillColor: 'rgb(227,226,226)',
+        },
+        background: '#060D18',
+        fillRect: {
+            fillColor: 'rgba(0,0,0,0.11)',
+        },
+    },
+}