dark-unica.src.js 7.7 KB

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