1 | /**
|
2 | * @license Highcharts JS v5.0.5 (2016-11-29)
|
3 | *
|
4 | * (c) 2009-2016 Torstein Honsi
|
5 | *
|
6 | * License: www.highcharts.com/license
|
7 | */
|
8 | (function(factory) {
|
9 | if (typeof module === 'object' && module.exports) {
|
10 | module.exports = factory;
|
11 | } else {
|
12 | factory(Highcharts);
|
13 | }
|
14 | }(function(Highcharts) {
|
15 | (function(Highcharts) {
|
16 | /**
|
17 | * (c) 2010-2016 Torstein Honsi
|
18 | *
|
19 | * License: www.highcharts.com/license
|
20 | *
|
21 | * Dark theme for Highcharts JS
|
22 | * @author Torstein Honsi
|
23 | */
|
24 |
|
25 | ;
|
26 | /* global document */
|
27 | // Load the fonts
|
28 | Highcharts.createElement('link', {
|
29 | href: 'https://fonts.googleapis.com/css?family=Unica+One',
|
30 | rel: 'stylesheet',
|
31 | type: 'text/css'
|
32 | }, null, document.getElementsByTagName('head')[0]);
|
33 |
|
34 | Highcharts.theme = {
|
35 | colors: ['#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066', '#eeaaee',
|
36 | '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
|
37 | ],
|
38 | chart: {
|
39 | backgroundColor: {
|
40 | linearGradient: {
|
41 | x1: 0,
|
42 | y1: 0,
|
43 | x2: 1,
|
44 | y2: 1
|
45 | },
|
46 | stops: [
|
47 | [0, '#2a2a2b'],
|
48 | [1, '#3e3e40']
|
49 | ]
|
50 | },
|
51 | style: {
|
52 | fontFamily: '\'Unica One\', sans-serif'
|
53 | },
|
54 | plotBorderColor: '#606063'
|
55 | },
|
56 | title: {
|
57 | style: {
|
58 | color: '#E0E0E3',
|
59 | textTransform: 'uppercase',
|
60 | fontSize: '20px'
|
61 | }
|
62 | },
|
63 | subtitle: {
|
64 | style: {
|
65 | color: '#E0E0E3',
|
66 | textTransform: 'uppercase'
|
67 | }
|
68 | },
|
69 | xAxis: {
|
70 | gridLineColor: '#707073',
|
71 | labels: {
|
72 | style: {
|
73 | color: '#E0E0E3'
|
74 | }
|
75 | },
|
76 | lineColor: '#707073',
|
77 | minorGridLineColor: '#505053',
|
78 | tickColor: '#707073',
|
79 | title: {
|
80 | style: {
|
81 | color: '#A0A0A3'
|
82 |
|
83 | }
|
84 | }
|
85 | },
|
86 | yAxis: {
|
87 | gridLineColor: '#707073',
|
88 | labels: {
|
89 | style: {
|
90 | color: '#E0E0E3'
|
91 | }
|
92 | },
|
93 | lineColor: '#707073',
|
94 | minorGridLineColor: '#505053',
|
95 | tickColor: '#707073',
|
96 | tickWidth: 1,
|
97 | title: {
|
98 | style: {
|
99 | color: '#A0A0A3'
|
100 | }
|
101 | }
|
102 | },
|
103 | tooltip: {
|
104 | backgroundColor: 'rgba(0, 0, 0, 0.85)',
|
105 | style: {
|
106 | color: '#F0F0F0'
|
107 | }
|
108 | },
|
109 | plotOptions: {
|
110 | series: {
|
111 | dataLabels: {
|
112 | color: '#B0B0B3'
|
113 | },
|
114 | marker: {
|
115 | lineColor: '#333'
|
116 | }
|
117 | },
|
118 | boxplot: {
|
119 | fillColor: '#505053'
|
120 | },
|
121 | candlestick: {
|
122 | lineColor: 'white'
|
123 | },
|
124 | errorbar: {
|
125 | color: 'white'
|
126 | }
|
127 | },
|
128 | legend: {
|
129 | itemStyle: {
|
130 | color: '#E0E0E3'
|
131 | },
|
132 | itemHoverStyle: {
|
133 | color: '#FFF'
|
134 | },
|
135 | itemHiddenStyle: {
|
136 | color: '#606063'
|
137 | }
|
138 | },
|
139 | credits: {
|
140 | style: {
|
141 | color: '#666'
|
142 | }
|
143 | },
|
144 | labels: {
|
145 | style: {
|
146 | color: '#707073'
|
147 | }
|
148 | },
|
149 |
|
150 | drilldown: {
|
151 | activeAxisLabelStyle: {
|
152 | color: '#F0F0F3'
|
153 | },
|
154 | activeDataLabelStyle: {
|
155 | color: '#F0F0F3'
|
156 | }
|
157 | },
|
158 |
|
159 | navigation: {
|
160 | buttonOptions: {
|
161 | symbolStroke: '#DDDDDD',
|
162 | theme: {
|
163 | fill: '#505053'
|
164 | }
|
165 | }
|
166 | },
|
167 |
|
168 | // scroll charts
|
169 | rangeSelector: {
|
170 | buttonTheme: {
|
171 | fill: '#505053',
|
172 | stroke: '#000000',
|
173 | style: {
|
174 | color: '#CCC'
|
175 | },
|
176 | states: {
|
177 | hover: {
|
178 | fill: '#707073',
|
179 | stroke: '#000000',
|
180 | style: {
|
181 | color: 'white'
|
182 | }
|
183 | },
|
184 | select: {
|
185 | fill: '#000003',
|
186 | stroke: '#000000',
|
187 | style: {
|
188 | color: 'white'
|
189 | }
|
190 | }
|
191 | }
|
192 | },
|
193 | inputBoxBorderColor: '#505053',
|
194 | inputStyle: {
|
195 | backgroundColor: '#333',
|
196 | color: 'silver'
|
197 | },
|
198 | labelStyle: {
|
199 | color: 'silver'
|
200 | }
|
201 | },
|
202 |
|
203 | navigator: {
|
204 | handles: {
|
205 | backgroundColor: '#666',
|
206 | borderColor: '#AAA'
|
207 | },
|
208 | outlineColor: '#CCC',
|
209 | maskFill: 'rgba(255,255,255,0.1)',
|
210 | series: {
|
211 | color: '#7798BF',
|
212 | lineColor: '#A6C7ED'
|
213 | },
|
214 | xAxis: {
|
215 | gridLineColor: '#505053'
|
216 | }
|
217 | },
|
218 |
|
219 | scrollbar: {
|
220 | barBackgroundColor: '#808083',
|
221 | barBorderColor: '#808083',
|
222 | buttonArrowColor: '#CCC',
|
223 | buttonBackgroundColor: '#606063',
|
224 | buttonBorderColor: '#606063',
|
225 | rifleColor: '#FFF',
|
226 | trackBackgroundColor: '#404043',
|
227 | trackBorderColor: '#404043'
|
228 | },
|
229 |
|
230 | // special colors for some of the
|
231 | legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
|
232 | background2: '#505053',
|
233 | dataLabelsColor: '#B0B0B3',
|
234 | textColor: '#C0C0C0',
|
235 | contrastTextColor: '#F0F0F3',
|
236 | maskColor: 'rgba(255,255,255,0.3)'
|
237 | };
|
238 |
|
239 | // Apply the theme
|
240 | Highcharts.setOptions(Highcharts.theme);
|
241 |
|
242 | }(Highcharts));
|
243 | }));
|