base6-ui 1.1.1

package/es/config/themes/components/charts/dark.mjs

@@ -0,0 +1,428 @@
+import o from "../../color/dark.mjs";
+import e from "../../token/dark.mjs";
+const l = {
+  color: e["color-text-1"],
+  fontWeight: 400,
+  fontSize: 14,
+  lineHeight: 20
+}, i = {
+  color: [
+    "#5895ff",
+    "#6dd68e",
+    "#f7a55d",
+    "#ef7173",
+    "#cc84ff",
+    "#70c1ff",
+    "#71dad6"
+  ],
+  textStyle: {},
+  title: {
+    textStyle: {
+      color: e["color-text-1"],
+      fontWeight: 400,
+      fontSize: 14,
+      lineHeight: 20
+    },
+    subtextStyle: {
+      color: "#93b7e3"
+    }
+  },
+  line: {
+    itemStyle: {
+      borderWidth: "0"
+    },
+    lineStyle: {
+      width: "2"
+    },
+    symbolSize: "0",
+    symbol: "circle",
+    smooth: !1
+  },
+  radar: {
+    itemStyle: {
+      borderWidth: "0"
+    },
+    lineStyle: {
+      width: "2"
+    },
+    symbolSize: "0",
+    symbol: "circle",
+    smooth: !1
+  },
+  bar: {
+    itemStyle: {
+      barBorderWidth: 0,
+      barBorderColor: "#ccc",
+      borderRadius: [4, 4, 0, 0]
+    },
+    barMaxWidth: 28
+  },
+  pie: {
+    padAngle: 1,
+    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: "#edafda",
+      color0: "transparent",
+      borderColor: "#d680bc",
+      borderColor0: "#8fd3e8",
+      borderWidth: "2"
+    }
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: "#ccc"
+    },
+    lineStyle: {
+      width: 1,
+      color: "#aaa"
+    },
+    symbolSize: "0",
+    symbol: "circle",
+    smooth: !1,
+    color: [
+      "#5895ff",
+      "#6dd68e",
+      "#f7a55d",
+      "#ef7173",
+      "#cc84ff",
+      "#70c1ff",
+      "#71dad6"
+    ],
+    label: {
+      color: "#ffffff"
+    }
+  },
+  map: {
+    itemStyle: {
+      areaColor: "#f3f3f3",
+      borderColor: "#516b91",
+      borderWidth: 0.5
+    },
+    label: {
+      color: "#000"
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "#a5e7f0",
+        borderColor: "#516b91",
+        borderWidth: 1
+      },
+      label: {
+        color: "#516b91"
+      }
+    }
+  },
+  geo: {
+    itemStyle: {
+      areaColor: "#f3f3f3",
+      borderColor: "#516b91",
+      borderWidth: 0.5
+    },
+    label: {
+      color: "#000"
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "#a5e7f0",
+        borderColor: "#516b91",
+        borderWidth: 1
+      },
+      label: {
+        color: "#516b91"
+      }
+    }
+  },
+  categoryAxis: {
+    nameTextStyle: l,
+    axisLine: {
+      show: !0,
+      lineStyle: {
+        color: o["color-gray-4"]
+      }
+    },
+    axisTick: {
+      show: !1,
+      lineStyle: {
+        color: "#333"
+      }
+    },
+    axisLabel: {
+      show: !0,
+      color: e["color-text-2"]
+    },
+    splitLine: {
+      show: !1,
+      lineStyle: {
+        color: [
+          "#eeeeee"
+        ]
+      }
+    },
+    splitArea: {
+      show: !1,
+      areaStyle: {
+        color: [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  valueAxis: {
+    nameTextStyle: l,
+    axisLine: {
+      show: !1,
+      lineStyle: {
+        color: o["color-gray-4"]
+      }
+    },
+    axisTick: {
+      show: !1,
+      lineStyle: {
+        color: "#333"
+      }
+    },
+    axisLabel: {
+      show: !0,
+      color: e["color-text-2"]
+    },
+    splitLine: {
+      show: !1,
+      lineStyle: {
+        color: [
+          "#eeeeee"
+        ]
+      }
+    },
+    splitArea: {
+      show: !1,
+      areaStyle: {
+        color: [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  logAxis: {
+    nameTextStyle: l,
+    axisLine: {
+      show: !0,
+      lineStyle: {
+        color: o["color-gray-4"]
+      }
+    },
+    axisTick: {
+      show: !1,
+      lineStyle: {
+        color: "#333"
+      }
+    },
+    axisLabel: {
+      show: !0,
+      color: e["color-text-2"]
+    },
+    splitLine: {
+      show: !1,
+      lineStyle: {
+        color: [
+          "#eeeeee"
+        ]
+      }
+    },
+    splitArea: {
+      show: !1,
+      areaStyle: {
+        color: [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  timeAxis: {
+    nameTextStyle: l,
+    axisLine: {
+      show: !0,
+      lineStyle: {
+        color: o["color-gray-4"]
+      }
+    },
+    axisTick: {
+      show: !1,
+      lineStyle: {
+        color: "#333"
+      }
+    },
+    axisLabel: {
+      show: !0,
+      color: e["color-text-2"]
+    },
+    splitLine: {
+      show: !1,
+      lineStyle: {
+        color: [
+          "#eeeeee"
+        ]
+      }
+    },
+    splitArea: {
+      show: !1,
+      areaStyle: {
+        color: [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#999"
+    },
+    emphasis: {
+      iconStyle: {
+        borderColor: "#666"
+      }
+    }
+  },
+  legend: {
+    textStyle: {
+      color: e["color-text-2"],
+      lineHeight: 16,
+      fontSize: 12
+    },
+    itemGap: 16,
+    itemWidth: 12,
+    itemHeight: 12,
+    inactiveColor: e["color-text-4"]
+  },
+  tooltip: {
+    borderColor: o["color-gray-3"],
+    backgroundColor: o["color-gray-3"],
+    padding: 12,
+    textStyle: {
+      color: e["color-text-1"],
+      fontSize: 12,
+      fontWeight: 400
+    },
+    extraCssText: "box-shadow: 0px 3px 10px 0px #0151FF1A;",
+    axisPointer: {
+      lineStyle: {
+        color: "#ccc",
+        width: 1
+      },
+      crossStyle: {
+        color: "#ccc",
+        width: 1
+      }
+    }
+  },
+  timeline: {
+    lineStyle: {
+      color: "#4c8eff",
+      width: 1
+    },
+    itemStyle: {
+      color: "#4c8eff",
+      borderWidth: 1
+    },
+    controlStyle: {
+      color: "#4c8eff",
+      borderColor: "#4c8eff",
+      borderWidth: 0.5
+    },
+    checkpointStyle: {
+      color: "#4c8eff",
+      borderColor: "#8a7ca8"
+    },
+    label: {
+      color: "#4c8eff"
+    },
+    emphasis: {
+      itemStyle: {
+        color: "#4c8eff"
+      },
+      controlStyle: {
+        color: "#4c8eff",
+        borderColor: "#4c8eff",
+        borderWidth: 0.5
+      },
+      label: {
+        color: "#4c8eff"
+      }
+    }
+  },
+  visualMap: {
+    color: [
+      "#516b91",
+      "#59c4e6",
+      "#a5e7f0"
+    ]
+  },
+  dataZoom: {
+    backgroundColor: "rgba(0,0,0,0)",
+    dataBackgroundColor: "rgba(255,255,255,0.3)",
+    fillerColor: "rgba(167,183,204,0.4)",
+    handleColor: "#a7b7cc",
+    handleSize: "100%",
+    textStyle: {
+      color: "#333"
+    }
+  },
+  markPoint: {
+    label: {
+      color: "#ffffff"
+    },
+    emphasis: {
+      label: {
+        color: "#ffffff"
+      }
+    }
+  }
+};
+export {
+  i as ChartsThemeDark
+};