/**
 * Dark theme for Highcharts JS
 * @author Torstein Honsi
 */

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

Highcharts.theme = {
	colors : ["#b40101", "#2069a1", "#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 : 'GothamLight'
		},
		plotBorderColor : '#606063',
		zoomType : 'xy',
		resetZoomButton : {
			position : {
				align : 'left', // by default
				verticalAlign : 'bottom', // by default
				x : 0,
				y : -30
			}
		}
	},
	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'

			}
		},
		tickPixelInterval : 50
	},
	yAxis : {
		gridLineColor : '#707073',
		labels : {
			style : {
				color : '#E0E0E3'
			}
		},
		lineColor : '#707073',
		minorGridLineColor : '#505053',
		tickColor : '#707073',
		tickWidth : 1,
		title : {
			style : {
				color : '#A0A0A3'
			}
		},
		tickPixelInterval : 50
	},
	tooltip : {
		backgroundColor : 'rgba(0, 0, 0, 0.85)',
		style : {
			color : '#F0F0F0'
		}
	},
	plotOptions : {
		series : {
			dataLabels : {
				color : '#B0B0B3'
			},
			marker : {
				lineColor : '#333',
				enabled : false
			}
		},
		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);