/base/000_base/node_modules/highcharts/js/themes/dark-unica.js |
@@ -0,0 +1,243 @@ |
/** |
* @license Highcharts JS v5.0.12 (2017-05-24) |
* |
* (c) 2009-2017 Torstein Honsi |
* |
* License: www.highcharts.com/license |
*/ |
'use strict'; |
(function(factory) { |
if (typeof module === 'object' && module.exports) { |
module.exports = factory; |
} else { |
factory(Highcharts); |
} |
}(function(Highcharts) { |
(function(Highcharts) { |
/** |
* (c) 2010-2017 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)); |
})); |