high-contrast-dark.src.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. /**
  2. * @license Highcharts JS v9.1.1 (2021-06-04)
  3. *
  4. * (c) 2009-2021 Highsoft AS
  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/high-contrast-dark', ['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/HighContrastDark.js', [_modules['Core/Globals.js'], _modules['Core/DefaultOptions.js']], function (H, D) {
  30. /* *
  31. *
  32. * (c) 2010-2021 Highsoft AS
  33. *
  34. * Author: Øystein Moseng
  35. *
  36. * License: www.highcharts.com/license
  37. *
  38. * Accessible high-contrast dark theme for Highcharts. Specifically tailored
  39. * towards 3:1 contrast against black/off-black backgrounds. Neighboring
  40. * colors are tested for color blindness.
  41. *
  42. * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  43. *
  44. * */
  45. var setOptions = D.setOptions;
  46. var textBright = '#F0F0F3';
  47. H.theme = {
  48. colors: [
  49. '#a6f0ff',
  50. '#70d49e',
  51. '#e898a5',
  52. '#007faa',
  53. '#f9db72',
  54. '#f45b5b',
  55. '#1e824c',
  56. '#e7934c',
  57. '#dadfe1',
  58. '#a0618b'
  59. ],
  60. chart: {
  61. backgroundColor: '#1f1f20',
  62. plotBorderColor: '#606063'
  63. },
  64. title: {
  65. style: {
  66. color: textBright
  67. }
  68. },
  69. subtitle: {
  70. style: {
  71. color: textBright
  72. }
  73. },
  74. xAxis: {
  75. gridLineColor: '#707073',
  76. labels: {
  77. style: {
  78. color: textBright
  79. }
  80. },
  81. lineColor: '#707073',
  82. minorGridLineColor: '#505053',
  83. tickColor: '#707073',
  84. title: {
  85. style: {
  86. color: textBright
  87. }
  88. }
  89. },
  90. yAxis: {
  91. gridLineColor: '#707073',
  92. labels: {
  93. style: {
  94. color: textBright
  95. }
  96. },
  97. lineColor: '#707073',
  98. minorGridLineColor: '#505053',
  99. tickColor: '#707073',
  100. title: {
  101. style: {
  102. color: textBright
  103. }
  104. }
  105. },
  106. tooltip: {
  107. backgroundColor: 'rgba(0, 0, 0, 0.85)',
  108. style: {
  109. color: textBright
  110. }
  111. },
  112. plotOptions: {
  113. series: {
  114. dataLabels: {
  115. color: textBright
  116. },
  117. marker: {
  118. lineColor: '#333'
  119. }
  120. },
  121. boxplot: {
  122. fillColor: '#505053'
  123. },
  124. candlestick: {
  125. lineColor: 'white'
  126. },
  127. errorbar: {
  128. color: 'white'
  129. },
  130. map: {
  131. nullColor: '#353535'
  132. }
  133. },
  134. legend: {
  135. backgroundColor: 'transparent',
  136. itemStyle: {
  137. color: textBright
  138. },
  139. itemHoverStyle: {
  140. color: '#FFF'
  141. },
  142. itemHiddenStyle: {
  143. color: '#606063'
  144. },
  145. title: {
  146. style: {
  147. color: '#D0D0D0'
  148. }
  149. }
  150. },
  151. credits: {
  152. style: {
  153. color: textBright
  154. }
  155. },
  156. labels: {
  157. style: {
  158. color: '#707073'
  159. }
  160. },
  161. drilldown: {
  162. activeAxisLabelStyle: {
  163. color: textBright
  164. },
  165. activeDataLabelStyle: {
  166. color: textBright
  167. }
  168. },
  169. navigation: {
  170. buttonOptions: {
  171. symbolStroke: '#DDDDDD',
  172. theme: {
  173. fill: '#505053'
  174. }
  175. }
  176. },
  177. rangeSelector: {
  178. buttonTheme: {
  179. fill: '#505053',
  180. stroke: '#000000',
  181. style: {
  182. color: '#eee'
  183. },
  184. states: {
  185. hover: {
  186. fill: '#707073',
  187. stroke: '#000000',
  188. style: {
  189. color: textBright
  190. }
  191. },
  192. select: {
  193. fill: '#303030',
  194. stroke: '#101010',
  195. style: {
  196. color: textBright
  197. }
  198. }
  199. }
  200. },
  201. inputBoxBorderColor: '#505053',
  202. inputStyle: {
  203. backgroundColor: '#333',
  204. color: textBright
  205. },
  206. labelStyle: {
  207. color: textBright
  208. }
  209. },
  210. navigator: {
  211. handles: {
  212. backgroundColor: '#666',
  213. borderColor: '#AAA'
  214. },
  215. outlineColor: '#CCC',
  216. maskFill: 'rgba(180,180,255,0.2)',
  217. series: {
  218. color: '#7798BF',
  219. lineColor: '#A6C7ED'
  220. },
  221. xAxis: {
  222. gridLineColor: '#505053'
  223. }
  224. },
  225. scrollbar: {
  226. barBackgroundColor: '#808083',
  227. barBorderColor: '#808083',
  228. buttonArrowColor: '#CCC',
  229. buttonBackgroundColor: '#606063',
  230. buttonBorderColor: '#606063',
  231. rifleColor: '#FFF',
  232. trackBackgroundColor: '#404043',
  233. trackBorderColor: '#404043'
  234. }
  235. };
  236. // Apply the theme
  237. setOptions(H.theme);
  238. });
  239. _registerModule(_modules, 'masters/themes/high-contrast-dark.src.js', [], function () {
  240. });
  241. }));