From f0de7f57ca0d1fb1eae991253acd2c4093cc5adf Mon Sep 17 00:00:00 2001 From: Matthijs Kuiper Date: Thu, 11 Jan 2018 23:13:58 +0100 Subject: Fix highcharts font --- html/assets/lib/highcharts/themes/utstats.js | 431 +++++++++++++-------------- 1 file changed, 215 insertions(+), 216 deletions(-) diff --git a/html/assets/lib/highcharts/themes/utstats.js b/html/assets/lib/highcharts/themes/utstats.js index 5d9c69b..a997315 100644 --- a/html/assets/lib/highcharts/themes/utstats.js +++ b/html/assets/lib/highcharts/themes/utstats.js @@ -3,229 +3,228 @@ * @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' - } - }, + 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: "Montserrat, Helvetica, Verdana, Arial, sans-serif" + }, + 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' - } - }, + drilldown: { + activeAxisLabelStyle: { + color: "#F0F0F3" + }, + activeDataLabelStyle: { + color: "#F0F0F3" + } + }, - navigation : { - buttonOptions : { - symbolStroke : '#DDDDDD', - theme : { - fill : '#505053' - } - } - }, + 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' - } - }, + // 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' - } - }, + 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' - }, + 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)' + // 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 +Highcharts.setOptions(Highcharts.theme); -- cgit