import * as echarts from "echarts";

let theme = {
  version: 1,
  themeName: "transparent",
  theme: {
    seriesCnt: 3,
    backgroundColor: "rgba(0, 0, 0, 0)",
    titleColor: "#00ffff",
    subtitleColor: "#00ffff",
    textColorShow: false,
    textColor: "#333",
    markTextColor: "#ffffff",
    color: [
      "#22cbbc",
      "#91cc75",
      "#fac858",
      "#ee6666",
      "#73c0de",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#ea7ccc",
    ],
    borderColor: "#4adfd2",
    borderWidth: "0",
    visualMapColor: ["#48dcd4", "#d88273", "#f6efa6"],
    legendTextColor: "#ffffff",
    kColor: "#eb5454",
    kColor0: "#47b262",
    kBorderColor: "#eb5454",
    kBorderColor0: "#47b262",
    kBorderWidth: 1,
    lineWidth: "2",
    symbolSize: "8",
    symbol: "circle",
    symbolBorderWidth: "0",
    lineSmooth: true,
    graphLineWidth: 1,
    graphLineColor: "#aaa",
    mapLabelColor: "#000",
    mapLabelColorE: "rgb(100,0,0)",
    mapBorderColor: "#444",
    mapBorderColorE: "#444",
    mapBorderWidth: 0.5,
    mapBorderWidthE: 1,
    mapAreaColor: "#eee",
    mapAreaColorE: "rgba(255,215,0,0.8)",
    axisSeperateSetting: true,
    toolboxColor: "#00ffff",
    toolboxEmphasisColor: "#ffffff",
    tooltipAxisColor: "#ffffff",
    tooltipAxisWidth: 1,
    timelineLineColor: "#DAE1F5",
    timelineLineWidth: 2,
    timelineItemColor: "#A4B1D7",
    timelineItemColorE: "#FFF",
    timelineCheckColor: "#316bf3",
    timelineCheckBorderColor: "fff",
    timelineItemBorderWidth: 1,
    timelineControlColor: "#A4B1D7",
    timelineControlBorderColor: "#A4B1D7",
    timelineControlBorderWidth: 1,
    timelineLabelColor: "#A4B1D7",
  },
};

echarts.registerTheme("transparent", theme.theme);
console.log('Theme registered:', echarts, "echarts.getTheme('transparent')");