text: const colorPalette = [
      '#2ec7c9',
      '#b6a2de',
      '#5ab1ef',
      '#ffb980',
      '#d87a80',
      '#8d98b3',
      '#e5cf0d',
      '#97b552',
      '#95706d',
      '#dc69aa',
      '#07a2a4',
      '#9a7fd1',
      '#588dd5',
      '#f5994e',
      '#c05050',
      '#59678c',
      '#c9ab00',
      '#7eb00a',
      '#6f5553',
      '#c14089'
  ];
  
  export default {
      name: 'macarons',
      theme: {
          color: colorPalette,
  
          title: {
              textStyle: {
                  fontWeight: 'normal',
                  color: '#008acd'
              }
          },
  
          visualMap: {
              itemWidth: 15,
              color: ['#5ab1ef', '#e0ffff']
          },
  
          toolbox: {
              iconStyle: {
                  normal: {
                      borderColor: colorPalette[0]
                  }
              }
          },
  
          tooltip: {
              backgroundColor: 'rgba(50,50,50,0.5)',
              axisPointer: {
                  type: 'line',
                  lineStyle: {
                      color: '#008acd'
                  },
                  crossStyle: {
                      color: '#008acd'
                  },
                  shadowStyle: {
                      color: 'rgba(200,200,200,0.2)'
                  }
              }
          },
  
          dataZoom: {
              dataBackgroundColor: '#efefff',
              fillerColor: 'rgba(182,162,222,0.2)',
              handleColor: '#008acd'
          },
  
          grid: {
              borderColor: '#eee'
          },
  
          categoryAxis: {
              axisLine: {
                  lineStyle: {
                      color: '#008acd'
                  }
              },
              splitLine: {
                  lineStyle: {
                      color: ['#eee']
                  }
              }
          },
  
          valueAxis: {
              axisLine: {
                  lineStyle: {
                      color: '#008acd'
                  }
              },
              splitArea: {
                  show: true,
                  areaStyle: {
                      color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
                  }
              },
              splitLine: {
                  lineStyle: {
                      color: ['#eee']
                  }
              }
          },
  
          timeline: {
              lineStyle: {
                  color: '#008acd'
              },
              controlStyle: {
                  normal: {
                      color: '#008acd'
                  },
                  emphasis: {
                      color: '#008acd'
                  }
              },
              symbol: 'emptyCircle',
              symbolSize: 3
          },
  
          line: {
              smooth: true,
              symbol: 'emptyCircle',
              symbolSize: 3
          },
  
          candlestick: {
              itemStyle: {
                  normal: {
                      color: '#d87a80',
                      color0: '#2ec7c9',
                      lineStyle: {
                          color: '#d87a80',
                          color0: '#2ec7c9'
                      }
                  }
              }
          },
  
          scatter: {
              symbol: 'circle',
              symbolSize: 4
          },
  
          map: {
              label: {
                  normal: {
                      textStyle: {
                          color: '#d87a80'
                      }
                  }
              },
              itemStyle: {
                  normal: {
                      borderColor: '#eee',
                      areaColor: '#ddd'
                  },
                  emphasis: {
                      areaColor: '#fe994e'
                  }
              }
          },
          graph: {
              color: colorPalette
          },
          gauge: {
              axisLine: {
                  lineStyle: {
                      color: [
                          [
                              0.2, '#2ec7c9'
                          ],
                          [
                              0.8, '#5ab1ef'
                          ],
                          [1, '#d87a80']
                      ],
                      width: 10
                  }
              },
              axisTick: {
                  splitNumber: 10,
                  length: 15,
                  lineStyle: {
                      color: 'auto'
                  }
              },
              splitLine: {
                  length: 22,
                  lineStyle: {
                      color: 'auto'
                  }
              },
              pointer: {
                  width: 5
              }
          }
      }
  };