ray-template/src/app-config/echart-themes/macarons/macarons-dark.json

{
  "color": [
    "#fc97af",
    "#87f7cf",
    "#f7f494",
    "#72ccff",
    "#f7c5a0",
    "#d4a4eb",
    "#d2f5a6",
    "#76f2f2",
    "#9b8bba",
    "#e098c7",
    "#8fd3e8",
    "#71669e",
    "#cc70af",
    "#7cb4cc",
    "#7EC4FF",
    "#5FCBB0",
    "#49C4BF",
    "#F0C9CA",
    "#34DC90",
    "#3295E0",
    "#EAB62E",
    "#76C3F3",
    "#2DC2C0",
    "#FCC43F",
    "#84CFFF"
  ],
  "backgroundColor": "transparent",
  "textStyle": {},
  "title": {
    "textStyle": {
      "color": "#ffffff"
    },
    "subtextStyle": {
      "color": "#dddddd"
    }
  },
  "line": {
    "itemStyle": {
      "borderWidth": "4"
    },
    "lineStyle": {
      "width": "3"
    },
    "symbolSize": "0",
    "symbol": "circle",
    "smooth": true
  },
  "radar": {
    "itemStyle": {
      "borderWidth": "4"
    },
    "lineStyle": {
      "width": "3"
    },
    "symbolSize": "0",
    "symbol": "circle",
    "smooth": true
  },
  "bar": {
    "itemStyle": {
      "barBorderWidth": 0,
      "barBorderColor": "#ccc"
    }
  },
  "pie": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "scatter": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "boxplot": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "parallel": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "sankey": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "funnel": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "gauge": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "candlestick": {
    "itemStyle": {
      "color": "#fc97af",
      "color0": "transparent",
      "borderColor": "#fc97af",
      "borderColor0": "#87f7cf",
      "borderWidth": "2"
    }
  },
  "graph": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    },
    "lineStyle": {
      "width": "1",
      "color": "#ffffff"
    },
    "symbolSize": "0",
    "symbol": "circle",
    "smooth": true,
    "color": [
      "#fc97af",
      "#87f7cf",
      "#f7f494",
      "#72ccff",
      "#f7c5a0",
      "#d4a4eb",
      "#d2f5a6",
      "#76f2f2"
    ],
    "label": {
      "color": "#293441"
    }
  },
  "map": {
    "itemStyle": {
      "areaColor": "#f3f3f3",
      "borderColor": "#999999",
      "borderWidth": 0.5
    },
    "label": {
      "color": "#893448"
    },
    "emphasis": {
      "itemStyle": {
        "areaColor": "rgba(255,178,72,1)",
        "borderColor": "#eb8146",
        "borderWidth": 1
      },
      "label": {
        "color": "rgb(137,52,72)"
      }
    }
  },
  "geo": {
    "itemStyle": {
      "areaColor": "#f3f3f3",
      "borderColor": "#999999",
      "borderWidth": 0.5
    },
    "label": {
      "color": "#893448"
    },
    "emphasis": {
      "itemStyle": {
        "areaColor": "rgba(255,178,72,1)",
        "borderColor": "#eb8146",
        "borderWidth": 1
      },
      "label": {
        "color": "rgb(137,52,72)"
      }
    }
  },
  "categoryAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#666666"
      }
    },
    "axisTick": {
      "show": false,
      "lineStyle": {
        "color": "#333"
      }
    },
    "axisLabel": {
      "show": true,
      "color": "#aaaaaa"
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": ["#e6e6e6"]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
      }
    }
  },
  "valueAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#666666"
      }
    },
    "axisTick": {
      "show": false,
      "lineStyle": {
        "color": "#333"
      }
    },
    "axisLabel": {
      "show": true,
      "color": "#aaaaaa"
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": ["#e6e6e6"]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
      }
    }
  },
  "logAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#666666"
      }
    },
    "axisTick": {
      "show": false,
      "lineStyle": {
        "color": "#333"
      }
    },
    "axisLabel": {
      "show": true,
      "color": "#aaaaaa"
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": ["#e6e6e6"]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
      }
    }
  },
  "timeAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#666666"
      }
    },
    "axisTick": {
      "show": false,
      "lineStyle": {
        "color": "#333"
      }
    },
    "axisLabel": {
      "show": true,
      "color": "#aaaaaa"
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": ["#e6e6e6"]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
      }
    }
  },
  "toolbox": {
    "iconStyle": {
      "borderColor": "#999999"
    },
    "emphasis": {
      "iconStyle": {
        "borderColor": "#666666"
      }
    }
  },
  "legend": {
    "textStyle": {
      "color": "#999999"
    },
    "pageTextStyle": {
      "color": "#999999"
    }
  },
  "tooltip": {
    "axisPointer": {
      "lineStyle": {
        "color": "#cccccc",
        "width": 1
      },
      "crossStyle": {
        "color": "#cccccc",
        "width": 1
      }
    }
  },
  "timeline": {
    "lineStyle": {
      "color": "#87f7cf",
      "width": 1
    },
    "itemStyle": {
      "color": "#87f7cf",
      "borderWidth": 1
    },
    "controlStyle": {
      "color": "#87f7cf",
      "borderColor": "#87f7cf",
      "borderWidth": 0.5
    },
    "checkpointStyle": {
      "color": "#fc97af",
      "borderColor": "#fc97af"
    },
    "label": {
      "color": "#87f7cf"
    },
    "emphasis": {
      "itemStyle": {
        "color": "#f7f494"
      },
      "controlStyle": {
        "color": "#87f7cf",
        "borderColor": "#87f7cf",
        "borderWidth": 0.5
      },
      "label": {
        "color": "#87f7cf"
      }
    }
  },
  "visualMap": {
    "color": ["#fc97af", "#87f7cf"]
  },
  "dataZoom": {
    "backgroundColor": "rgba(255,255,255,0)",
    "dataBackgroundColor": "rgba(114,204,255,1)",
    "fillerColor": "rgba(114,204,255,0.2)",
    "handleColor": "#72ccff",
    "handleSize": "100%",
    "textStyle": {
      "color": "#333333"
    }
  },
  "markPoint": {
    "label": {
      "color": "#293441"
    },
    "emphasis": {
      "label": {
        "color": "#293441"
      }
    }
  }
}