--- /dev/null
+/**\r
+ * Dark blue theme for Highcharts JS\r
+ * @author Torstein Hønsi\r
+ */\r
+\r
+Highcharts.theme = {\r
+ colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee", \r
+ "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],\r
+ chart: {\r
+ backgroundColor: {\r
+ linearGradient: [0, 0, 250, 500],\r
+ stops: [\r
+ [0, 'rgb(48, 48, 96)'],\r
+ [1, 'rgb(0, 0, 0)']\r
+ ]\r
+ },\r
+ borderColor: '#000000',\r
+ borderWidth: 2,\r
+ className: 'dark-container',\r
+ plotBackgroundColor: 'rgba(255, 255, 255, .1)',\r
+ plotBorderColor: '#CCCCCC',\r
+ plotBorderWidth: 1\r
+ },\r
+ title: {\r
+ style: {\r
+ color: '#C0C0C0',\r
+ font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'\r
+ }\r
+ },\r
+ subtitle: {\r
+ style: { \r
+ color: '#666666',\r
+ font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'\r
+ }\r
+ },\r
+ xAxis: {\r
+ gridLineColor: '#333333',\r
+ gridLineWidth: 1,\r
+ labels: {\r
+ style: {\r
+ color: '#A0A0A0'\r
+ }\r
+ },\r
+ lineColor: '#A0A0A0',\r
+ tickColor: '#A0A0A0',\r
+ title: {\r
+ style: {\r
+ color: '#CCC',\r
+ fontWeight: 'bold',\r
+ fontSize: '12px',\r
+ fontFamily: 'Trebuchet MS, Verdana, sans-serif'\r
+\r
+ } \r
+ }\r
+ },\r
+ yAxis: {\r
+ gridLineColor: '#333333',\r
+ labels: {\r
+ style: {\r
+ color: '#A0A0A0'\r
+ }\r
+ },\r
+ lineColor: '#A0A0A0',\r
+ minorTickInterval: null,\r
+ tickColor: '#A0A0A0',\r
+ tickWidth: 1,\r
+ title: {\r
+ style: {\r
+ color: '#CCC',\r
+ fontWeight: 'bold',\r
+ fontSize: '12px',\r
+ fontFamily: 'Trebuchet MS, Verdana, sans-serif'\r
+ } \r
+ }\r
+ },\r
+ legend: {\r
+ itemStyle: {\r
+ font: '9pt Trebuchet MS, Verdana, sans-serif',\r
+ color: '#A0A0A0'\r
+ }\r
+ },\r
+ tooltip: {\r
+ backgroundColor: 'rgba(0, 0, 0, 0.75)',\r
+ style: {\r
+ color: '#F0F0F0'\r
+ }\r
+ },\r
+ toolbar: {\r
+ itemStyle: { \r
+ color: 'silver'\r
+ }\r
+ },\r
+ plotOptions: {\r
+ line: {\r
+ dataLabels: {\r
+ color: '#CCC'\r
+ },\r
+ marker: {\r
+ lineColor: '#333'\r
+ }\r
+ },\r
+ spline: {\r
+ marker: {\r
+ lineColor: '#333'\r
+ }\r
+ },\r
+ scatter: {\r
+ marker: {\r
+ lineColor: '#333'\r
+ }\r
+ },\r
+ candlestick: {\r
+ lineColor: 'white'\r
+ }\r
+ }, \r
+ legend: {\r
+ itemStyle: {\r
+ color: '#CCC'\r
+ },\r
+ itemHoverStyle: {\r
+ color: '#FFF'\r
+ },\r
+ itemHiddenStyle: {\r
+ color: '#444'\r
+ }\r
+ },\r
+ credits: {\r
+ style: {\r
+ color: '#666'\r
+ }\r
+ },\r
+ labels: {\r
+ style: {\r
+ color: '#CCC'\r
+ }\r
+ },\r
+ \r
+ navigation: {\r
+ buttonOptions: {\r
+ backgroundColor: {\r
+ linearGradient: [0, 0, 0, 20],\r
+ stops: [\r
+ [0.4, '#606060'],\r
+ [0.6, '#333333']\r
+ ]\r
+ },\r
+ borderColor: '#000000',\r
+ symbolStroke: '#C0C0C0',\r
+ hoverSymbolStroke: '#FFFFFF'\r
+ }\r
+ },\r
+ \r
+ exporting: {\r
+ buttons: {\r
+ exportButton: {\r
+ symbolFill: '#55BE3B'\r
+ },\r
+ printButton: {\r
+ symbolFill: '#7797BE'\r
+ }\r
+ }\r
+ },\r
+ \r
+ // scroll charts\r
+ rangeSelector: {\r
+ buttonTheme: {\r
+ fill: {\r
+ linearGradient: [0, 0, 0, 20],\r
+ stops: [\r
+ [0.4, '#888'],\r
+ [0.6, '#555']\r
+ ]\r
+ },\r
+ stroke: '#000000',\r
+ style: {\r
+ color: '#CCC',\r
+ fontWeight: 'bold'\r
+ },\r
+ states: {\r
+ hover: {\r
+ fill: {\r
+ linearGradient: [0, 0, 0, 20],\r
+ stops: [\r
+ [0.4, '#BBB'],\r
+ [0.6, '#888']\r
+ ]\r
+ },\r
+ stroke: '#000000',\r
+ style: {\r
+ color: 'white'\r
+ }\r
+ },\r
+ select: {\r
+ fill: {\r
+ linearGradient: [0, 0, 0, 20],\r
+ stops: [\r
+ [0.1, '#000'],\r
+ [0.3, '#333']\r
+ ]\r
+ },\r
+ stroke: '#000000',\r
+ style: {\r
+ color: 'yellow'\r
+ }\r
+ }\r
+ } \r
+ },\r
+ inputStyle: {\r
+ backgroundColor: '#333',\r
+ color: 'silver'\r
+ },\r
+ labelStyle: {\r
+ color: 'silver'\r
+ }\r
+ },\r
+ \r
+ navigator: {\r
+ handles: {\r
+ backgroundColor: '#666',\r
+ borderColor: '#AAA'\r
+ },\r
+ outlineColor: '#CCC',\r
+ maskFill: 'rgba(16, 16, 16, 0.5)',\r
+ series: {\r
+ color: '#7798BF',\r
+ lineColor: '#A6C7ED'\r
+ }\r
+ },\r
+ \r
+ scrollbar: {\r
+ barBackgroundColor: {\r
+ linearGradient: [0, 0, 0, 20],\r
+ stops: [\r
+ [0.4, '#888'],\r
+ [0.6, '#555']\r
+ ]\r
+ },\r
+ barBorderColor: '#CCC',\r
+ buttonArrowColor: '#CCC',\r
+ buttonBackgroundColor: {\r
+ linearGradient: [0, 0, 0, 20],\r
+ stops: [\r
+ [0.4, '#888'],\r
+ [0.6, '#555']\r
+ ]\r
+ },\r
+ buttonBorderColor: '#CCC',\r
+ rifleColor: '#FFF',\r
+ trackBackgroundColor: {\r
+ linearGradient: [0, 0, 0, 10],\r
+ stops: [\r
+ [0, '#000'],\r
+ [1, '#333']\r
+ ]\r
+ },\r
+ trackBorderColor: '#666'\r
+ },\r
+ \r
+ // special colors for some of the\r
+ legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',\r
+ legendBackgroundColorSolid: 'rgb(35, 35, 70)',\r
+ dataLabelsColor: '#444',\r
+ textColor: '#C0C0C0',\r
+ maskColor: 'rgba(255,255,255,0.3)'\r
+};\r
+\r
+// Apply the theme\r
+var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
\ No newline at end of file