feat(theme): add rsuite_dark theme

rsuite · Jun 14, 2022 · af6de97 · af6de97
1 parent c8011b3
commit af6de97
Show file tree

Hide file tree

Showing 5 changed files with 551 additions and 5 deletions.
diff --git a/src/ECharts.tsx b/src/ECharts.tsx
@@ -4,6 +4,7 @@ import ReactEchartsCore from 'echarts-for-react/lib/core';
 import echarts from 'echarts/lib/echarts';
 import { createEChartsOptionFromChildren } from './utils';
 import './theme/rsuite_light';
+import './theme/rsuite_dark';
 import { EChartsContext } from './constants';
 
 const styles: {

diff --git a/src/theme/rsuite_dark.project.json b/src/theme/rsuite_dark.project.json
@@ -1,5 +1,143 @@
 {
   "version": 1,
-  "themeName": "rsuite_light",
-  "theme": {}
+  "themeName": "rsuite_dark",
+  "theme": {
+    "seriesCnt": "7",
+    "backgroundColor": "#1a1d24",
+    "titleColor": "#ffffff",
+    "subtitleColor": "#aaaaaa",
+    "textColorShow": false,
+    "textColor": "#333",
+    "markTextColor": "#eeeeee",
+    "color": [
+      "#34c3ff",
+      "#a873e6",
+      "#13ba9e",
+      "#ee5765",
+      "#f5a623",
+      "#2575fc",
+      "#df6ecd",
+      "#8338ec",
+      "#e6b980",
+      "#51E8FF"
+    ],
+    "borderColor": "#cccccc",
+    "borderWidth": 0,
+    "visualMapColor": ["#c2edff", "#009de6"],
+    "legendTextColor": "#8e8e93",
+    "kColor": "#e01f54",
+    "kColor0": "#001852",
+    "kBorderColor": "#f5e8c8",
+    "kBorderColor0": "#b8d2c7",
+    "kBorderWidth": 1,
+    "lineWidth": 2,
+    "symbolSize": "0",
+    "symbol": "circle",
+    "symbolBorderWidth": "0",
+    "lineSmooth": false,
+    "graphLineWidth": 1,
+    "graphLineColor": "#aaaaaa",
+    "mapLabelColor": "#000000",
+    "mapLabelColorE": "rgb(100,0,0)",
+    "mapBorderColor": "#444444",
+    "mapBorderColorE": "#444444",
+    "mapBorderWidth": 0.5,
+    "mapBorderWidthE": 1,
+    "mapAreaColor": "#eeeeee",
+    "mapAreaColorE": "rgba(255,215,0,0.8)",
+    "axes": [
+      {
+        "type": "all",
+        "name": "通用坐标轴",
+        "axisLineShow": true,
+        "axisLineColor": "#e5e5ea",
+        "axisTickShow": false,
+        "axisTickColor": "#333",
+        "axisLabelShow": true,
+        "axisLabelColor": "#575757",
+        "splitLineShow": true,
+        "splitLineColor": ["#e5e5ea"],
+        "splitAreaShow": false,
+        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      },
+      {
+        "type": "category",
+        "name": "类目坐标轴",
+        "axisLineShow": true,
+        "axisLineColor": "#3c3f43",
+        "axisTickShow": false,
+        "axisTickColor": "#333",
+        "axisLabelShow": true,
+        "axisLabelColor": "#e9ebf0",
+        "splitLineShow": false,
+        "splitLineColor": ["#e5e5ea"],
+        "splitAreaShow": false,
+        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      },
+      {
+        "type": "value",
+        "name": "数值坐标轴",
+        "axisLineShow": false,
+        "axisLineColor": "#e5e5ea",
+        "axisTickShow": false,
+        "axisTickColor": "#8e8e93",
+        "axisLabelShow": true,
+        "axisLabelColor": "#e9ebf0",
+        "splitLineShow": true,
+        "splitLineColor": ["#3c3f43"],
+        "splitAreaShow": false,
+        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      },
+      {
+        "type": "log",
+        "name": "对数坐标轴",
+        "axisLineShow": true,
+        "axisLineColor": "#3c3f43",
+        "axisTickShow": true,
+        "axisTickColor": "#333",
+        "axisLabelShow": true,
+        "axisLabelColor": "#e9ebf0",
+        "splitLineShow": true,
+        "splitLineColor": ["#3c3f43"],
+        "splitAreaShow": false,
+        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      },
+      {
+        "type": "time",
+        "name": "时间坐标轴",
+        "axisLineShow": true,
+        "axisLineColor": "#3c3f43",
+        "axisTickShow": true,
+        "axisTickColor": "#333",
+        "axisLabelShow": true,
+        "axisLabelColor": "#e9ebf0",
+        "splitLineShow": true,
+        "splitLineColor": ["#3c3f43"],
+        "splitAreaShow": false,
+        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      }
+    ],
+    "axisSeperateSetting": true,
+    "toolboxColor": "#999999",
+    "toolboxEmpasisColor": "#666666",
+    "tooltipAxisColor": "#cccccc",
+    "tooltipAxisWidth": 1,
+    "timelineLineColor": "#293c55",
+    "timelineLineWidth": 1,
+    "timelineItemColor": "#293c55",
+    "timelineItemColorE": "#a9334c",
+    "timelineCheckColor": "#e43c59",
+    "timelineCheckBorderColor": "#c23531",
+    "timelineItemBorderWidth": 1,
+    "timelineControlColor": "#293c55",
+    "timelineControlBorderColor": "#293c55",
+    "timelineControlBorderWidth": 0.5,
+    "timelineLabelColor": "#293c55",
+    "datazoomBackgroundColor": "rgba(47,69,84,0)",
+    "datazoomDataColor": "rgba(47,69,84,0.3)",
+    "datazoomFillColor": "rgba(167,183,204,0.4)",
+    "datazoomHandleColor": "#a7b7cc",
+    "datazoomHandleWidth": "100",
+    "datazoomLabelColor": "#333333"
+  }
 }