| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 |
- /* *
- *
- * (c) 2010-2021 Highsoft AS
- *
- * Author: Øystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * Accessible high-contrast dark theme for Highcharts. Specifically tailored
- * towards 3:1 contrast against black/off-black backgrounds. Neighboring
- * colors are tested for color blindness.
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- 'use strict';
- import H from '../../Core/Globals.js';
- import U from '../../Core/Utilities.js';
- var setOptions = U.setOptions;
- var textBright = '#F0F0F3';
- H.theme = {
- colors: [
- '#a6f0ff',
- '#70d49e',
- '#e898a5',
- '#007faa',
- '#f9db72',
- '#f45b5b',
- '#1e824c',
- '#e7934c',
- '#dadfe1',
- '#a0618b'
- ],
- chart: {
- backgroundColor: '#1f1f20',
- plotBorderColor: '#606063'
- },
- title: {
- style: {
- color: textBright
- }
- },
- subtitle: {
- style: {
- color: textBright
- }
- },
- xAxis: {
- gridLineColor: '#707073',
- labels: {
- style: {
- color: textBright
- }
- },
- lineColor: '#707073',
- minorGridLineColor: '#505053',
- tickColor: '#707073',
- title: {
- style: {
- color: textBright
- }
- }
- },
- yAxis: {
- gridLineColor: '#707073',
- labels: {
- style: {
- color: textBright
- }
- },
- lineColor: '#707073',
- minorGridLineColor: '#505053',
- tickColor: '#707073',
- title: {
- style: {
- color: textBright
- }
- }
- },
- tooltip: {
- backgroundColor: 'rgba(0, 0, 0, 0.85)',
- style: {
- color: textBright
- }
- },
- plotOptions: {
- series: {
- dataLabels: {
- color: textBright
- },
- marker: {
- lineColor: '#333'
- }
- },
- boxplot: {
- fillColor: '#505053'
- },
- candlestick: {
- lineColor: 'white'
- },
- errorbar: {
- color: 'white'
- },
- map: {
- nullColor: '#353535'
- }
- },
- legend: {
- backgroundColor: 'transparent',
- itemStyle: {
- color: textBright
- },
- itemHoverStyle: {
- color: '#FFF'
- },
- itemHiddenStyle: {
- color: '#606063'
- },
- title: {
- style: {
- color: '#D0D0D0'
- }
- }
- },
- credits: {
- style: {
- color: textBright
- }
- },
- labels: {
- style: {
- color: '#707073'
- }
- },
- drilldown: {
- activeAxisLabelStyle: {
- color: textBright
- },
- activeDataLabelStyle: {
- color: textBright
- }
- },
- navigation: {
- buttonOptions: {
- symbolStroke: '#DDDDDD',
- theme: {
- fill: '#505053'
- }
- }
- },
- rangeSelector: {
- buttonTheme: {
- fill: '#505053',
- stroke: '#000000',
- style: {
- color: '#eee'
- },
- states: {
- hover: {
- fill: '#707073',
- stroke: '#000000',
- style: {
- color: textBright
- }
- },
- select: {
- fill: '#303030',
- stroke: '#101010',
- style: {
- color: textBright
- }
- }
- }
- },
- inputBoxBorderColor: '#505053',
- inputStyle: {
- backgroundColor: '#333',
- color: textBright
- },
- labelStyle: {
- color: textBright
- }
- },
- navigator: {
- handles: {
- backgroundColor: '#666',
- borderColor: '#AAA'
- },
- outlineColor: '#CCC',
- maskFill: 'rgba(180,180,255,0.2)',
- series: {
- color: '#7798BF',
- lineColor: '#A6C7ED'
- },
- xAxis: {
- gridLineColor: '#505053'
- }
- },
- scrollbar: {
- barBackgroundColor: '#808083',
- barBorderColor: '#808083',
- buttonArrowColor: '#CCC',
- buttonBackgroundColor: '#606063',
- buttonBorderColor: '#606063',
- rifleColor: '#FFF',
- trackBackgroundColor: '#404043',
- trackBorderColor: '#404043'
- }
- };
- // Apply the theme
- setOptions(H.theme);
|