dark-unica.src.js 5.68 KB
/**
 * @license Highcharts JS v6.2.0 (2018-10-17)
 *
 * (c) 2009-2018 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
'use strict';
(function (factory) {
	if (typeof module === 'object' && module.exports) {
		module.exports = factory;
	} else if (typeof define === 'function' && define.amd) {
		define(function () {
			return factory;
		});
	} else {
		factory(Highcharts);
	}
}(function (Highcharts) {
	(function (Highcharts) {
		/**
		 * (c) 2010-2018 Torstein Honsi
		 *
		 * License: www.highcharts.com/license
		 *
		 * Dark theme for Highcharts JS
		 * @author Torstein Honsi
		 */

		/* global document */
		// Load the fonts
		Highcharts.createElement('link', {
		    href: 'https://fonts.googleapis.com/css?family=Unica+One',
		    rel: 'stylesheet',
		    type: 'text/css'
		}, null, document.getElementsByTagName('head')[0]);

		Highcharts.theme = {
		    colors: ['#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',
		        '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
		    chart: {
		        backgroundColor: {
		            linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
		            stops: [
		                [0, '#2a2a2b'],
		                [1, '#3e3e40']
		            ]
		        },
		        style: {
		            fontFamily: '\'Unica One\', sans-serif'
		        },
		        plotBorderColor: '#606063'
		    },
		    title: {
		        style: {
		            color: '#E0E0E3',
		            textTransform: 'uppercase',
		            fontSize: '20px'
		        }
		    },
		    subtitle: {
		        style: {
		            color: '#E0E0E3',
		            textTransform: 'uppercase'
		        }
		    },
		    xAxis: {
		        gridLineColor: '#707073',
		        labels: {
		            style: {
		                color: '#E0E0E3'
		            }
		        },
		        lineColor: '#707073',
		        minorGridLineColor: '#505053',
		        tickColor: '#707073',
		        title: {
		            style: {
		                color: '#A0A0A3'

		            }
		        }
		    },
		    yAxis: {
		        gridLineColor: '#707073',
		        labels: {
		            style: {
		                color: '#E0E0E3'
		            }
		        },
		        lineColor: '#707073',
		        minorGridLineColor: '#505053',
		        tickColor: '#707073',
		        tickWidth: 1,
		        title: {
		            style: {
		                color: '#A0A0A3'
		            }
		        }
		    },
		    tooltip: {
		        backgroundColor: 'rgba(0, 0, 0, 0.85)',
		        style: {
		            color: '#F0F0F0'
		        }
		    },
		    plotOptions: {
		        series: {
		            dataLabels: {
		                color: '#B0B0B3'
		            },
		            marker: {
		                lineColor: '#333'
		            }
		        },
		        boxplot: {
		            fillColor: '#505053'
		        },
		        candlestick: {
		            lineColor: 'white'
		        },
		        errorbar: {
		            color: 'white'
		        }
		    },
		    legend: {
		        itemStyle: {
		            color: '#E0E0E3'
		        },
		        itemHoverStyle: {
		            color: '#FFF'
		        },
		        itemHiddenStyle: {
		            color: '#606063'
		        }
		    },
		    credits: {
		        style: {
		            color: '#666'
		        }
		    },
		    labels: {
		        style: {
		            color: '#707073'
		        }
		    },

		    drilldown: {
		        activeAxisLabelStyle: {
		            color: '#F0F0F3'
		        },
		        activeDataLabelStyle: {
		            color: '#F0F0F3'
		        }
		    },

		    navigation: {
		        buttonOptions: {
		            symbolStroke: '#DDDDDD',
		            theme: {
		                fill: '#505053'
		            }
		        }
		    },

		    // scroll charts
		    rangeSelector: {
		        buttonTheme: {
		            fill: '#505053',
		            stroke: '#000000',
		            style: {
		                color: '#CCC'
		            },
		            states: {
		                hover: {
		                    fill: '#707073',
		                    stroke: '#000000',
		                    style: {
		                        color: 'white'
		                    }
		                },
		                select: {
		                    fill: '#000003',
		                    stroke: '#000000',
		                    style: {
		                        color: 'white'
		                    }
		                }
		            }
		        },
		        inputBoxBorderColor: '#505053',
		        inputStyle: {
		            backgroundColor: '#333',
		            color: 'silver'
		        },
		        labelStyle: {
		            color: 'silver'
		        }
		    },

		    navigator: {
		        handles: {
		            backgroundColor: '#666',
		            borderColor: '#AAA'
		        },
		        outlineColor: '#CCC',
		        maskFill: 'rgba(255,255,255,0.1)',
		        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'
		    },

		    // special colors for some of the
		    legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
		    background2: '#505053',
		    dataLabelsColor: '#B0B0B3',
		    textColor: '#C0C0C0',
		    contrastTextColor: '#F0F0F3',
		    maskColor: 'rgba(255,255,255,0.3)'
		};

		// Apply the theme
		Highcharts.setOptions(Highcharts.theme);

	}(Highcharts));
	return (function () {


	}());
}));