dark-unica.src.js 5.5 KB

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