dark-blue.src.js 7.1 KB

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