dark-unica.js 6.9 KB

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