highcharts
Version:
JavaScript charting framework
1,010 lines (985 loc) • 35.6 kB
JavaScript
/* *
*
* (c) 2010-2025 Highsoft AS
*
* Author: Torstein Honsi
*
* License: www.highcharts.com/license
*
* Dynamic light/dark theme based on CSS variables
*
* !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
*
* */
'use strict';
import D from '../../Core/Defaults.js';
const { setOptions } = D;
/* *
*
* Theme
*
* */
/**
* The color variable names and values are copied from highcharts.css
*/
const defaultRules = `
/* Colors for data series and points */
--highcharts-color-0: #2caffe;
--highcharts-color-1: #544fc5;
--highcharts-color-2: #00e272;
--highcharts-color-3: #fe6a35;
--highcharts-color-4: #6b8abc;
--highcharts-color-5: #d568fb;
--highcharts-color-6: #2ee0ca;
--highcharts-color-7: #fa4b42;
--highcharts-color-8: #feb56a;
--highcharts-color-9: #91e8e1;
/* Chart background, point stroke for markers and columns etc */
--highcharts-background-color: #ffffff;
/*
Neutral colors, grayscale by default. The default colors are defined by
mixing the background-color with neutral, with a weight corresponding to
the number in the name.
https://www.highcharts.com/samples/highcharts/css/palette-helper
*/
/* Strong text. */
--highcharts-neutral-color-100: #000000;
/* Main text, axis labels and some strokes. */
--highcharts-neutral-color-80: #333333;
/* Axis title, connector fallback. */
--highcharts-neutral-color-60: #666666;
/* Credits text, export menu stroke. */
--highcharts-neutral-color-40: #999999;
/* Disabled texts, button strokes, crosshair etc. */
--highcharts-neutral-color-20: #cccccc;
/* Grid lines etc. */
--highcharts-neutral-color-10: #e6e6e6;
/* Minor grid lines etc. */
--highcharts-neutral-color-5: #f2f2f2;
/* Tooltip background, button fills, map null points. */
--highcharts-neutral-color-3: #f7f7f7;
/*
Highlights, shades of blue by default
*/
/* Drilldown clickable labels, color axis max color. */
--highcharts-highlight-color-100: #0022ff;
/* Selection marker, menu hover, button hover, chart border, navigator
series. */
--highcharts-highlight-color-80: #334eff;
/* Navigator mask fill. */
--highcharts-highlight-color-60: #667aff;
/* Ticks and axis line. */
--highcharts-highlight-color-20: #ccd3ff;
/* Pressed button, color axis min color. */
--highcharts-highlight-color-10: #e6e9ff;
/* Indicators */
--highcharts-positive-color: #06b535;
--highcharts-negative-color: #f21313;
/* Transparent colors for annotations */
--highcharts-annotation-color-0: rgba(130, 170, 255, 0.4);
--highcharts-annotation-color-1: rgba(139, 191, 216, 0.4);
--highcharts-annotation-color-2: rgba(150, 216, 192, 0.4);
--highcharts-annotation-color-3: rgba(156, 229, 161, 0.4);
--highcharts-annotation-color-4: rgba(162, 241, 130, 0.4);
--highcharts-annotation-color-5: rgba(169, 255, 101, 0.4);
`;
const darkRules = `
/* Colors for data series and points */
--highcharts-color-1: #00e272;
--highcharts-color-2: #efdf00;
/* UI colors */
--highcharts-background-color: #141414;
/*
Neutral color variations
https://www.highcharts.com/samples/highcharts/css/palette-helper
*/
--highcharts-neutral-color-100: #ffffff;
--highcharts-neutral-color-80: #d0d0d0;
--highcharts-neutral-color-60: #a1a1a1;
--highcharts-neutral-color-40: #727272;
--highcharts-neutral-color-20: #434343;
--highcharts-neutral-color-10: #2c2c2c;
--highcharts-neutral-color-5: #202020;
--highcharts-neutral-color-3: #1b1b1b;
/* Highlight color variations */
--highcharts-highlight-color-100: #2caffe;
--highcharts-highlight-color-80: #2790cf;
--highcharts-highlight-color-60: #2271a0;
--highcharts-highlight-color-20: #193343;
--highcharts-highlight-color-10: #16242b;
`;
const styleSheet = `
:root,
.highcharts-light {
${defaultRules}
}
@media (prefers-color-scheme: dark) {
:root {
${darkRules}
}
}
.highcharts-dark {
${darkRules}
}
`;
var DynamicDefaultTheme;
(function (DynamicDefaultTheme) {
/* *
*
* Constants
*
* */
/**
* The options are generated using the highcharts/css/palette-helper
* sample
*/
DynamicDefaultTheme.options = {
colors: [
'var(--highcharts-color-0)',
'var(--highcharts-color-1)',
'var(--highcharts-color-2)',
'var(--highcharts-color-3)',
'var(--highcharts-color-4)',
'var(--highcharts-color-5)',
'var(--highcharts-color-6)',
'var(--highcharts-color-7)',
'var(--highcharts-color-8)',
'var(--highcharts-color-9)'
],
global: {
buttonTheme: {
fill: 'var(--highcharts-neutral-color-3)',
stroke: 'var(--highcharts-neutral-color-20)',
style: {
color: 'var(--highcharts-neutral-color-80)'
},
states: {
hover: {
fill: 'var(--highcharts-neutral-color-10)'
},
select: {
fill: 'var(--highcharts-highlight-color-10)',
style: {
color: 'var(--highcharts-neutral-color-100)'
}
},
disabled: {
style: {
color: 'var(--highcharts-neutral-color-20)'
}
}
}
}
},
chart: {
borderColor: 'var(--highcharts-highlight-color-80)',
backgroundColor: 'var(--highcharts-background-color)',
plotBorderColor: 'var(--highcharts-neutral-color-20)'
},
title: {
style: {
color: 'var(--highcharts-neutral-color-80)'
}
},
subtitle: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
},
caption: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
},
plotOptions: {
line: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
area: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
spline: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
areaspline: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
column: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
bar: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
scatter: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
pie: {
borderColor: 'var(--highcharts-background-color)'
},
hlc: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
ohlc: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
candlestick: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)',
lineColor: 'var(--highcharts-neutral-color-100)',
upColor: 'var(--highcharts-background-color)'
},
flags: {
states: {
hover: {
lineColor: 'var(--highcharts-neutral-color-100)',
fillColor: 'var(--highcharts-highlight-color-20)'
},
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)',
fillColor: 'var(--highcharts-background-color)',
style: {
color: 'var(--highcharts-neutral-color-100)'
}
},
arearange: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
areasplinerange: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
boxplot: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)',
fillColor: 'var(--highcharts-background-color)'
},
bubble: {
marker: {
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
columnrange: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
columnpyramid: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
errorbar: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)',
fillColor: 'var(--highcharts-background-color)',
color: 'var(--highcharts-neutral-color-100)'
},
gauge: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
},
dataLabels: {
borderColor: 'var(--highcharts-neutral-color-20)'
},
dial: {
backgroundColor: 'var(--highcharts-neutral-color-100)',
borderColor: 'var(--highcharts-neutral-color-20)'
},
pivot: {
borderColor: 'var(--highcharts-neutral-color-20)',
backgroundColor: 'var(--highcharts-neutral-color-100)'
}
},
packedbubble: {
marker: {
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
polygon: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
waterfall: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-neutral-color-80)',
lineColor: 'var(--highcharts-neutral-color-80)'
},
scatter3d: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
map: {
states: {
hover: {
borderColor: 'var(--highcharts-neutral-color-60)'
},
select: {
color: 'var(--highcharts-neutral-color-20)'
}
},
nullColor: 'var(--highcharts-neutral-color-3)',
borderColor: 'var(--highcharts-neutral-color-10)'
},
mapline: {
states: {
hover: {
borderColor: 'var(--highcharts-neutral-color-60)'
},
select: {
color: 'var(--highcharts-neutral-color-20)'
}
},
nullColor: 'var(--highcharts-neutral-color-3)',
borderColor: 'var(--highcharts-neutral-color-10)'
},
mappoint: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
},
dataLabels: {
style: {
color: 'var(--highcharts-neutral-color-100)'
}
}
},
mapbubble: {
marker: {
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
heatmap: {
marker: {
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
},
nullColor: 'var(--highcharts-neutral-color-3)'
},
xrange: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
gantt: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
sankey: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
dependencywheel: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
funnel: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
pyramid: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
histogram: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-background-color)'
},
bellcurve: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
}
},
item: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
},
borderColor: 'var(--highcharts-background-color)'
},
organization: {
states: {
select: {
color: 'var(--highcharts-neutral-color-20)',
borderColor: 'var(--highcharts-neutral-color-100)'
}
},
borderColor: 'var(--highcharts-neutral-color-60)',
link: {
color: 'var(--highcharts-neutral-color-60)'
}
},
solidgauge: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
},
dataLabels: {
borderColor: 'var(--highcharts-neutral-color-20)'
},
dial: {
backgroundColor: 'var(--highcharts-neutral-color-100)',
borderColor: 'var(--highcharts-neutral-color-20)'
},
pivot: {
borderColor: 'var(--highcharts-neutral-color-20)',
backgroundColor: 'var(--highcharts-neutral-color-100)'
}
},
timeline: {
marker: {
lineColor: 'var(--highcharts-background-color)',
states: {
select: {
fillColor: 'var(--highcharts-neutral-color-20)',
lineColor: 'var(--highcharts-neutral-color-100)'
}
}
},
dataLabels: {
backgroundColor: 'var(--highcharts-background-color)',
borderColor: 'var(--highcharts-neutral-color-40)',
color: 'var(--highcharts-neutral-color-80)'
}
},
treemap: {
states: {
hover: {
borderColor: 'var(--highcharts-neutral-color-40)'
}
},
borderColor: 'var(--highcharts-neutral-color-10)'
},
sunburst: {
states: {
hover: {
borderColor: 'var(--highcharts-neutral-color-40)'
}
},
borderColor: 'var(--highcharts-neutral-color-10)'
},
treegraph: {
states: {
hover: {
borderColor: 'var(--highcharts-neutral-color-40)'
}
},
borderColor: 'var(--highcharts-neutral-color-10)',
link: {
color: 'var(--highcharts-neutral-color-60)'
}
}
},
legend: {
borderColor: 'var(--highcharts-neutral-color-40)',
navigation: {
activeColor: 'var(--highcharts-highlight-color-100)',
inactiveColor: 'var(--highcharts-neutral-color-20)'
},
itemStyle: {
color: 'var(--highcharts-neutral-color-80)'
},
itemHoverStyle: {
color: 'var(--highcharts-neutral-color-100)'
},
itemHiddenStyle: {
color: 'var(--highcharts-neutral-color-60)'
},
title: {
style: {
color: 'var(--highcharts-neutral-color-80)'
}
},
bubbleLegend: {
labels: {
style: {
color: 'var(--highcharts-neutral-color-100)'
}
}
}
},
loading: {
style: {
backgroundColor: 'var(--highcharts-background-color)'
}
},
tooltip: {
backgroundColor: 'var(--highcharts-background-color)',
style: {
color: 'var(--highcharts-neutral-color-80)'
}
},
credits: {
style: {
color: 'var(--highcharts-neutral-color-40)'
}
},
xAxis: {
labels: {
style: {
color: 'var(--highcharts-neutral-color-80)'
}
},
title: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
},
minorGridLineColor: 'var(--highcharts-neutral-color-5)',
minorTickColor: 'var(--highcharts-neutral-color-40)',
lineColor: 'var(--highcharts-neutral-color-80)',
gridLineColor: 'var(--highcharts-neutral-color-10)',
tickColor: 'var(--highcharts-neutral-color-80)',
grid: {
borderColor: 'var(--highcharts-neutral-color-20)'
}
},
yAxis: {
labels: {
style: {
color: 'var(--highcharts-neutral-color-80)'
}
},
title: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
},
minorGridLineColor: 'var(--highcharts-neutral-color-5)',
minorTickColor: 'var(--highcharts-neutral-color-40)',
lineColor: 'var(--highcharts-neutral-color-80)',
gridLineColor: 'var(--highcharts-neutral-color-10)',
tickColor: 'var(--highcharts-neutral-color-80)',
stackLabels: {
style: {
color: 'var(--highcharts-neutral-color-100)'
}
},
grid: {
borderColor: 'var(--highcharts-neutral-color-20)'
}
},
navigator: {
handles: {
backgroundColor: 'var(--highcharts-neutral-color-5)',
borderColor: 'var(--highcharts-neutral-color-40)'
},
outlineColor: 'var(--highcharts-neutral-color-40)',
xAxis: {
gridLineColor: 'var(--highcharts-neutral-color-10)',
labels: {
style: {
color: 'var(--highcharts-neutral-color-100)'
}
}
}
},
rangeSelector: {
inputStyle: {
color: 'var(--highcharts-highlight-color-80)'
},
labelStyle: {
color: 'var(--highcharts-neutral-color-60)'
}
},
scrollbar: {
barBackgroundColor: 'var(--highcharts-neutral-color-20)',
barBorderColor: 'var(--highcharts-neutral-color-20)',
buttonArrowColor: 'var(--highcharts-neutral-color-80)',
buttonBackgroundColor: 'var(--highcharts-neutral-color-10)',
buttonBorderColor: 'var(--highcharts-neutral-color-20)',
trackBorderColor: 'var(--highcharts-neutral-color-20)'
},
pane: {
background: {
borderColor: 'var(--highcharts-neutral-color-20)',
backgroundColor: {
stops: [
[
0,
'var(--highcharts-background-color)'
],
[
1,
'var(--highcharts-neutral-color-10)'
]
]
}
}
},
zAxis: {
labels: {
style: {
color: 'var(--highcharts-neutral-color-80)'
}
},
title: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
},
minorGridLineColor: 'var(--highcharts-neutral-color-5)',
minorTickColor: 'var(--highcharts-neutral-color-40)',
lineColor: 'var(--highcharts-neutral-color-80)',
gridLineColor: 'var(--highcharts-neutral-color-10)',
tickColor: 'var(--highcharts-neutral-color-80)'
},
colorAxis: {
labels: {
style: {
color: 'var(--highcharts-neutral-color-80)'
}
},
title: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
},
minorGridLineColor: 'var(--highcharts-neutral-color-5)',
minorTickColor: 'var(--highcharts-neutral-color-40)',
lineColor: 'var(--highcharts-neutral-color-80)',
gridLineColor: 'var(--highcharts-background-color)',
tickColor: 'var(--highcharts-neutral-color-80)',
marker: {
color: 'var(--highcharts-neutral-color-40)'
},
minColor: 'var(--highcharts-highlight-color-10)',
maxColor: 'var(--highcharts-highlight-color-100)'
},
mapNavigation: {
buttonOptions: {
style: {
color: 'var(--highcharts-neutral-color-60)'
},
theme: {
fill: 'var(--highcharts-background-color)',
stroke: 'var(--highcharts-neutral-color-10)'
}
}
},
accessibility: {
keyboardNavigation: {
focusBorder: {
style: {
color: 'var(--highcharts-highlight-color-80)'
}
}
}
},
drilldown: {
activeAxisLabelStyle: {
color: 'var(--highcharts-highlight-color-100)'
},
activeDataLabelStyle: {
color: 'var(--highcharts-highlight-color-100)'
}
},
annotations: {
labelOptions: {
borderColor: 'var(--highcharts-neutral-color-100)',
backgroundColor: 'color-mix(in srgb, ' +
'var(--highcharts-neutral-color-100) 75%, transparent)'
},
controlPointOptions: {
style: {
fill: 'var(--highcharts-background-color)',
stroke: 'var(--highcharts-neutral-color-100)'
}
},
types: {
elliottWave: {
labelOptions: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
}
},
fibonacci: {
typeOptions: {
lineColor: 'var(--highcharts-neutral-color-40)'
},
labelOptions: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
}
},
fibonacciTimeZones: {
typeOptions: {
line: {
stroke: 'var(--highcharts-neutral-color-80)'
}
}
},
verticalLine: {
labelOptions: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
}
},
measure: {
typeOptions: {
label: {
style: {
color: 'var(--highcharts-neutral-color-60)'
}
}
}
}
},
shapeOptions: {
fill: 'color-mix(in srgb, ' +
'var(--highcharts-neutral-color-100) 75%, transparent)',
stroke: 'color-mix(in srgb, ' +
'var(--highcharts-neutral-color-100) 75%, transparent)'
}
},
navigation: {
buttonOptions: {
symbolFill: 'var(--highcharts-neutral-color-60)',
symbolStroke: 'var(--highcharts-neutral-color-60)',
theme: {
fill: 'var(--highcharts-background-color)'
}
},
menuStyle: {
background: 'var(--highcharts-background-color)'
},
menuItemStyle: {
color: 'var(--highcharts-neutral-color-80)'
},
menuItemHoverStyle: {
background: 'var(--highcharts-neutral-color-5)'
}
}
};
/* *
*
* Functions
*
* */
/**
* Apply the theme.
*/
function apply() {
// Add a style sheet
const style = document.createElement('style');
style.nonce = 'highcharts';
style.innerText = styleSheet;
document.getElementsByTagName('head')[0].appendChild(style);
// Apply the theme
setOptions(DynamicDefaultTheme.options);
}
DynamicDefaultTheme.apply = apply;
})(DynamicDefaultTheme || (DynamicDefaultTheme = {}));
/* *
*
* Default Export
*
* */
export default DynamicDefaultTheme;