highcharts 9.1.1 → 9.2.2

package/es-modules/Extensions/Themes/Gray.js

@@ -10,7 +10,6 @@
  *
  * */
 'use strict';
-import H from '../../Core/Globals.js';
 import D from '../../Core/DefaultOptions.js';
 var setOptions = D.setOptions;
 /* *
@@ -18,247 +17,271 @@ var setOptions = D.setOptions;
  *  Theme
  *
  * */
-H.theme = {
-    colors: ['#DDDF0D', '#7798BF', '#55BF3B', '#DF5353', '#aaeeee',
-        '#ff0066', '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
-    chart: {
-        backgroundColor: {
-            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-            stops: [
-                [0, 'rgb(96, 96, 96)'],
-                [1, 'rgb(16, 16, 16)']
-            ]
-        },
-        borderWidth: 0,
-        borderRadius: 0,
-        plotBackgroundColor: null,
-        plotShadow: false,
-        plotBorderWidth: 0
-    },
-    title: {
-        style: {
-            color: '#FFF',
-            font: '16px Lucida Grande, Lucida Sans Unicode,' +
-                ' Verdana, Arial, Helvetica, sans-serif'
-        }
-    },
-    subtitle: {
-        style: {
-            color: '#DDD',
-            font: '12px Lucida Grande, Lucida Sans Unicode,' +
-                ' Verdana, Arial, Helvetica, sans-serif'
-        }
-    },
-    xAxis: {
-        gridLineWidth: 0,
-        lineColor: '#999',
-        tickColor: '#999',
-        labels: {
-            style: {
-                color: '#999',
-                fontWeight: 'bold'
-            }
+var GrayTheme;
+(function (GrayTheme) {
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    GrayTheme.options = {
+        colors: ['#DDDF0D', '#7798BF', '#55BF3B', '#DF5353', '#aaeeee',
+            '#ff0066', '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
+        chart: {
+            backgroundColor: {
+                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                stops: [
+                    [0, 'rgb(96, 96, 96)'],
+                    [1, 'rgb(16, 16, 16)']
+                ]
+            },
+            borderWidth: 0,
+            borderRadius: 0,
+            plotBackgroundColor: null,
+            plotShadow: false,
+            plotBorderWidth: 0
         },
         title: {
             style: {
-                color: '#AAA',
-                font: 'bold 12px Lucida Grande, Lucida Sans Unicode,' +
+                color: '#FFF',
+                font: '16px Lucida Grande, Lucida Sans Unicode,' +
                     ' Verdana, Arial, Helvetica, sans-serif'
             }
-        }
-    },
-    yAxis: {
-        alternateGridColor: null,
-        minorTickInterval: null,
-        gridLineColor: 'rgba(255, 255, 255, .1)',
-        minorGridLineColor: 'rgba(255,255,255,0.07)',
-        lineWidth: 0,
-        tickWidth: 0,
-        labels: {
-            style: {
-                color: '#999',
-                fontWeight: 'bold'
-            }
         },
-        title: {
+        subtitle: {
             style: {
-                color: '#AAA',
-                font: 'bold 12px Lucida Grande, Lucida Sans Unicode,' +
+                color: '#DDD',
+                font: '12px Lucida Grande, Lucida Sans Unicode,' +
                     ' Verdana, Arial, Helvetica, sans-serif'
             }
-        }
-    },
-    legend: {
-        backgroundColor: 'rgba(48, 48, 48, 0.8)',
-        itemStyle: {
-            color: '#CCC'
-        },
-        itemHoverStyle: {
-            color: '#FFF'
         },
-        itemHiddenStyle: {
-            color: '#333'
-        },
-        title: {
-            style: {
-                color: '#E0E0E0'
+        xAxis: {
+            gridLineWidth: 0,
+            lineColor: '#999',
+            tickColor: '#999',
+            labels: {
+                style: {
+                    color: '#999',
+                    fontWeight: 'bold'
+                }
+            },
+            title: {
+                style: {
+                    color: '#AAA',
+                    font: 'bold 12px Lucida Grande, Lucida Sans Unicode,' +
+                        ' Verdana, Arial, Helvetica, sans-serif'
+                }
             }
-        }
-    },
-    labels: {
-        style: {
-            color: '#CCC'
-        }
-    },
-    tooltip: {
-        backgroundColor: {
-            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-            stops: [
-                [0, 'rgba(96, 96, 96, .8)'],
-                [1, 'rgba(16, 16, 16, .8)']
-            ]
         },
-        borderWidth: 0,
-        style: {
-            color: '#FFF'
-        }
-    },
-    plotOptions: {
-        series: {
-            dataLabels: {
-                color: '#444'
+        yAxis: {
+            alternateGridColor: null,
+            minorTickInterval: null,
+            gridLineColor: 'rgba(255, 255, 255, .1)',
+            minorGridLineColor: 'rgba(255,255,255,0.07)',
+            lineWidth: 0,
+            tickWidth: 0,
+            labels: {
+                style: {
+                    color: '#999',
+                    fontWeight: 'bold'
+                }
             },
-            nullColor: '#444444'
+            title: {
+                style: {
+                    color: '#AAA',
+                    font: 'bold 12px Lucida Grande, Lucida Sans Unicode,' +
+                        ' Verdana, Arial, Helvetica, sans-serif'
+                }
+            }
         },
-        line: {
-            dataLabels: {
+        legend: {
+            backgroundColor: 'rgba(48, 48, 48, 0.8)',
+            itemStyle: {
                 color: '#CCC'
             },
-            marker: {
-                lineColor: '#333'
-            }
-        },
-        spline: {
-            marker: {
-                lineColor: '#333'
+            itemHoverStyle: {
+                color: '#FFF'
+            },
+            itemHiddenStyle: {
+                color: '#333'
+            },
+            title: {
+                style: {
+                    color: '#E0E0E0'
+                }
             }
         },
-        scatter: {
-            marker: {
-                lineColor: '#333'
+        labels: {
+            style: {
+                color: '#CCC'
             }
         },
-        candlestick: {
-            lineColor: 'white'
-        }
-    },
-    navigation: {
-        buttonOptions: {
-            symbolStroke: '#DDDDDD',
-            theme: {
-                fill: {
-                    linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-                    stops: [
-                        [0.4, '#606060'],
-                        [0.6, '#333333']
-                    ]
-                },
-                stroke: '#000000'
-            }
-        }
-    },
-    // scroll charts
-    rangeSelector: {
-        buttonTheme: {
-            fill: {
+        tooltip: {
+            backgroundColor: {
                 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                 stops: [
-                    [0.4, '#888'],
-                    [0.6, '#555']
+                    [0, 'rgba(96, 96, 96, .8)'],
+                    [1, 'rgba(16, 16, 16, .8)']
                 ]
             },
-            stroke: '#000000',
+            borderWidth: 0,
             style: {
-                color: '#CCC',
-                fontWeight: 'bold'
+                color: '#FFF'
+            }
+        },
+        plotOptions: {
+            series: {
+                dataLabels: {
+                    color: '#444'
+                },
+                nullColor: '#444444'
             },
-            states: {
-                hover: {
+            line: {
+                dataLabels: {
+                    color: '#CCC'
+                },
+                marker: {
+                    lineColor: '#333'
+                }
+            },
+            spline: {
+                marker: {
+                    lineColor: '#333'
+                }
+            },
+            scatter: {
+                marker: {
+                    lineColor: '#333'
+                }
+            },
+            candlestick: {
+                lineColor: 'white'
+            }
+        },
+        navigation: {
+            buttonOptions: {
+                symbolStroke: '#DDDDDD',
+                theme: {
                     fill: {
                         linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                         stops: [
-                            [0.4, '#BBB'],
-                            [0.6, '#888']
+                            [0.4, '#606060'],
+                            [0.6, '#333333']
                         ]
                     },
-                    stroke: '#000000',
-                    style: {
-                        color: 'white'
-                    }
+                    stroke: '#000000'
+                }
+            }
+        },
+        // scroll charts
+        rangeSelector: {
+            buttonTheme: {
+                fill: {
+                    linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                    stops: [
+                        [0.4, '#888'],
+                        [0.6, '#555']
+                    ]
                 },
-                select: {
-                    fill: {
-                        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-                        stops: [
-                            [0.1, '#000'],
-                            [0.3, '#333']
-                        ]
+                stroke: '#000000',
+                style: {
+                    color: '#CCC',
+                    fontWeight: 'bold'
+                },
+                states: {
+                    hover: {
+                        fill: {
+                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                            stops: [
+                                [0.4, '#BBB'],
+                                [0.6, '#888']
+                            ]
+                        },
+                        stroke: '#000000',
+                        style: {
+                            color: 'white'
+                        }
                     },
-                    stroke: '#000000',
-                    style: {
-                        color: 'yellow'
+                    select: {
+                        fill: {
+                            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                            stops: [
+                                [0.1, '#000'],
+                                [0.3, '#333']
+                            ]
+                        },
+                        stroke: '#000000',
+                        style: {
+                            color: 'yellow'
+                        }
                     }
                 }
+            },
+            inputStyle: {
+                backgroundColor: '#333',
+                color: 'silver'
+            },
+            labelStyle: {
+                color: 'silver'
             }
         },
-        inputStyle: {
-            backgroundColor: '#333',
-            color: 'silver'
-        },
-        labelStyle: {
-            color: 'silver'
-        }
-    },
-    navigator: {
-        handles: {
-            backgroundColor: '#666',
-            borderColor: '#AAA'
+        navigator: {
+            handles: {
+                backgroundColor: '#666',
+                borderColor: '#AAA'
+            },
+            outlineColor: '#CCC',
+            maskFill: 'rgba(16, 16, 16, 0.5)',
+            series: {
+                color: '#7798BF',
+                lineColor: '#A6C7ED'
+            }
         },
-        outlineColor: '#CCC',
-        maskFill: 'rgba(16, 16, 16, 0.5)',
-        series: {
-            color: '#7798BF',
-            lineColor: '#A6C7ED'
+        scrollbar: {
+            barBackgroundColor: {
+                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                stops: [
+                    [0.4, '#888'],
+                    [0.6, '#555']
+                ]
+            },
+            barBorderColor: '#CCC',
+            buttonArrowColor: '#CCC',
+            buttonBackgroundColor: {
+                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                stops: [
+                    [0.4, '#888'],
+                    [0.6, '#555']
+                ]
+            },
+            buttonBorderColor: '#CCC',
+            rifleColor: '#FFF',
+            trackBackgroundColor: {
+                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                stops: [
+                    [0, '#000'],
+                    [1, '#333']
+                ]
+            },
+            trackBorderColor: '#666'
         }
-    },
-    scrollbar: {
-        barBackgroundColor: {
-            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-            stops: [
-                [0.4, '#888'],
-                [0.6, '#555']
-            ]
-        },
-        barBorderColor: '#CCC',
-        buttonArrowColor: '#CCC',
-        buttonBackgroundColor: {
-            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-            stops: [
-                [0.4, '#888'],
-                [0.6, '#555']
-            ]
-        },
-        buttonBorderColor: '#CCC',
-        rifleColor: '#FFF',
-        trackBackgroundColor: {
-            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-            stops: [
-                [0, '#000'],
-                [1, '#333']
-            ]
-        },
-        trackBorderColor: '#666'
+    };
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Apply the theme.
+     */
+    function apply() {
+        setOptions(GrayTheme.options);
     }
-};
-// Apply the theme
-setOptions(H.theme);
+    GrayTheme.apply = apply;
+})(GrayTheme || (GrayTheme = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default GrayTheme;