dark-green.js 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  1. /**
  2. * @license Highcharts JS v5.0.6 (2016-12-07)
  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 blue theme for Highcharts JS
  22. * @author Torstein Honsi
  23. */
  24. 'use strict';
  25. Highcharts.theme = {
  26. colors: ['#DDDF0D', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee', '#ff0066', '#eeaaee',
  27. '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
  28. ],
  29. chart: {
  30. backgroundColor: {
  31. linearGradient: [0, 0, 250, 500],
  32. stops: [
  33. [0, 'rgb(48, 96, 48)'],
  34. [1, 'rgb(0, 0, 0)']
  35. ]
  36. },
  37. borderColor: '#000000',
  38. borderWidth: 2,
  39. className: 'dark-container',
  40. plotBackgroundColor: 'rgba(255, 255, 255, .1)',
  41. plotBorderColor: '#CCCCCC',
  42. plotBorderWidth: 1
  43. },
  44. title: {
  45. style: {
  46. color: '#C0C0C0',
  47. font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
  48. }
  49. },
  50. subtitle: {
  51. style: {
  52. color: '#666666',
  53. font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
  54. }
  55. },
  56. xAxis: {
  57. gridLineColor: '#333333',
  58. gridLineWidth: 1,
  59. labels: {
  60. style: {
  61. color: '#A0A0A0'
  62. }
  63. },
  64. lineColor: '#A0A0A0',
  65. tickColor: '#A0A0A0',
  66. title: {
  67. style: {
  68. color: '#CCC',
  69. fontWeight: 'bold',
  70. fontSize: '12px',
  71. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  72. }
  73. }
  74. },
  75. yAxis: {
  76. gridLineColor: '#333333',
  77. labels: {
  78. style: {
  79. color: '#A0A0A0'
  80. }
  81. },
  82. lineColor: '#A0A0A0',
  83. minorTickInterval: null,
  84. tickColor: '#A0A0A0',
  85. tickWidth: 1,
  86. title: {
  87. style: {
  88. color: '#CCC',
  89. fontWeight: 'bold',
  90. fontSize: '12px',
  91. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  92. }
  93. }
  94. },
  95. tooltip: {
  96. backgroundColor: 'rgba(0, 0, 0, 0.75)',
  97. style: {
  98. color: '#F0F0F0'
  99. }
  100. },
  101. toolbar: {
  102. itemStyle: {
  103. color: 'silver'
  104. }
  105. },
  106. plotOptions: {
  107. line: {
  108. dataLabels: {
  109. color: '#CCC'
  110. },
  111. marker: {
  112. lineColor: '#333'
  113. }
  114. },
  115. spline: {
  116. marker: {
  117. lineColor: '#333'
  118. }
  119. },
  120. scatter: {
  121. marker: {
  122. lineColor: '#333'
  123. }
  124. },
  125. candlestick: {
  126. lineColor: 'white'
  127. }
  128. },
  129. legend: {
  130. itemStyle: {
  131. font: '9pt Trebuchet MS, Verdana, sans-serif',
  132. color: '#A0A0A0'
  133. },
  134. itemHoverStyle: {
  135. color: '#FFF'
  136. },
  137. itemHiddenStyle: {
  138. color: '#444'
  139. }
  140. },
  141. credits: {
  142. style: {
  143. color: '#666'
  144. }
  145. },
  146. labels: {
  147. style: {
  148. color: '#CCC'
  149. }
  150. },
  151. navigation: {
  152. buttonOptions: {
  153. symbolStroke: '#DDDDDD',
  154. hoverSymbolStroke: '#FFFFFF',
  155. theme: {
  156. fill: {
  157. linearGradient: {
  158. x1: 0,
  159. y1: 0,
  160. x2: 0,
  161. y2: 1
  162. },
  163. stops: [
  164. [0.4, '#606060'],
  165. [0.6, '#333333']
  166. ]
  167. },
  168. stroke: '#000000'
  169. }
  170. }
  171. },
  172. // scroll charts
  173. rangeSelector: {
  174. buttonTheme: {
  175. fill: {
  176. linearGradient: {
  177. x1: 0,
  178. y1: 0,
  179. x2: 0,
  180. y2: 1
  181. },
  182. stops: [
  183. [0.4, '#888'],
  184. [0.6, '#555']
  185. ]
  186. },
  187. stroke: '#000000',
  188. style: {
  189. color: '#CCC',
  190. fontWeight: 'bold'
  191. },
  192. states: {
  193. hover: {
  194. fill: {
  195. linearGradient: {
  196. x1: 0,
  197. y1: 0,
  198. x2: 0,
  199. y2: 1
  200. },
  201. stops: [
  202. [0.4, '#BBB'],
  203. [0.6, '#888']
  204. ]
  205. },
  206. stroke: '#000000',
  207. style: {
  208. color: 'white'
  209. }
  210. },
  211. select: {
  212. fill: {
  213. linearGradient: {
  214. x1: 0,
  215. y1: 0,
  216. x2: 0,
  217. y2: 1
  218. },
  219. stops: [
  220. [0.1, '#000'],
  221. [0.3, '#333']
  222. ]
  223. },
  224. stroke: '#000000',
  225. style: {
  226. color: 'yellow'
  227. }
  228. }
  229. }
  230. },
  231. inputStyle: {
  232. backgroundColor: '#333',
  233. color: 'silver'
  234. },
  235. labelStyle: {
  236. color: 'silver'
  237. }
  238. },
  239. navigator: {
  240. handles: {
  241. backgroundColor: '#666',
  242. borderColor: '#AAA'
  243. },
  244. outlineColor: '#CCC',
  245. maskFill: 'rgba(16, 16, 16, 0.5)',
  246. series: {
  247. color: '#7798BF',
  248. lineColor: '#A6C7ED'
  249. }
  250. },
  251. scrollbar: {
  252. barBackgroundColor: {
  253. linearGradient: {
  254. x1: 0,
  255. y1: 0,
  256. x2: 0,
  257. y2: 1
  258. },
  259. stops: [
  260. [0.4, '#888'],
  261. [0.6, '#555']
  262. ]
  263. },
  264. barBorderColor: '#CCC',
  265. buttonArrowColor: '#CCC',
  266. buttonBackgroundColor: {
  267. linearGradient: {
  268. x1: 0,
  269. y1: 0,
  270. x2: 0,
  271. y2: 1
  272. },
  273. stops: [
  274. [0.4, '#888'],
  275. [0.6, '#555']
  276. ]
  277. },
  278. buttonBorderColor: '#CCC',
  279. rifleColor: '#FFF',
  280. trackBackgroundColor: {
  281. linearGradient: {
  282. x1: 0,
  283. y1: 0,
  284. x2: 0,
  285. y2: 1
  286. },
  287. stops: [
  288. [0, '#000'],
  289. [1, '#333']
  290. ]
  291. },
  292. trackBorderColor: '#666'
  293. },
  294. // special colors for some of the
  295. legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
  296. background2: 'rgb(35, 35, 70)',
  297. dataLabelsColor: '#444',
  298. textColor: '#C0C0C0',
  299. maskColor: 'rgba(255,255,255,0.3)'
  300. };
  301. // Apply the theme
  302. Highcharts.setOptions(Highcharts.theme);
  303. }(Highcharts));
  304. }));