text: /**
   * (c) 2010-2019 Torstein Honsi
   *
   * License: www./license
   *
   * Sand-Signika theme for Highcharts JS
   * @author Torstein Honsi
   */
  
  'use strict';
  import Highcharts from '../parts/Globals.js';
  /* global document */
  // Load the fonts
  Highcharts.createElement('link', {
      href: 'https://fonts.googleapis.com/css?family=Signika:400,700',
      rel: 'stylesheet',
      type: 'text/css'
  }, null, document.getElementsByTagName('head')[0]);
  
  // Add the background image to the container
  Highcharts.addEvent(Highcharts.Chart, 'afterGetContainer', function () {
      this.container.style.background =
          'url(https://www./samples/graphics/sand.png)';
  });
  
  
  Highcharts.theme = {
      colors: ['#f45b5b', '#8085e9', '#8d4654', '#7798BF', '#aaeeee',
          '#ff0066', '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
      chart: {
          backgroundColor: null,
          style: {
              fontFamily: 'Signika, serif'
          }
      },
      title: {
          style: {
              color: 'black',
              fontSize: '16px',
              fontWeight: 'bold'
          }
      },
      subtitle: {
          style: {
              color: 'black'
          }
      },
      tooltip: {
          borderWidth: 0
      },
      legend: {
          itemStyle: {
              fontWeight: 'bold',
              fontSize: '13px'
          }
      },
      xAxis: {
          labels: {
              style: {
                  color: '#6e6e70'
              }
          }
      },
      yAxis: {
          labels: {
              style: {
                  color: '#6e6e70'
              }
          }
      },
      plotOptions: {
          series: {
              shadow: true
          },
          candlestick: {
              lineColor: '#404048'
          },
          map: {
              shadow: false
          }
      },
  
      // Highstock specific
      navigator: {
          xAxis: {
              gridLineColor: '#D0D0D8'
          }
      },
      rangeSelector: {
          buttonTheme: {
              fill: 'white',
              stroke: '#C0C0C8',
              'stroke-width': 1,
              states: {
                  select: {
                      fill: '#D0D0D8'
                  }
              }
          }
      },
      scrollbar: {
          trackBorderColor: '#C0C0C8'
      },
  
      // General
      background2: '#E0E0E8'
  
  };
  
  // Apply the theme
  Highcharts.setOptions(Highcharts.theme);
  