dark-unica.src.js 5.8 KB

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