diff options
Diffstat (limited to 'html/assets/lib/highcharts/themes/utstats.js')
| -rw-r--r-- | html/assets/lib/highcharts/themes/utstats.js | 231 |
1 files changed, 231 insertions, 0 deletions
diff --git a/html/assets/lib/highcharts/themes/utstats.js b/html/assets/lib/highcharts/themes/utstats.js new file mode 100644 index 0000000..5d9c69b --- /dev/null +++ b/html/assets/lib/highcharts/themes/utstats.js @@ -0,0 +1,231 @@ +/**
+ * 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);
\ No newline at end of file |