feat: support dark theme (#166)

leondt1 · xueren.dt · web-flow · commit f550188647cc · 2025-08-06T20:55:17.000+08:00
* feat: support dark theme

* feat: all charts support dark mode

---------

Co-authored-by: xueren.dt &lt;xueren.dt@antgroup.com&gt;
diff --git a/__tests__/charts/area.json b/__tests__/charts/area.json
@@ -11,9 +11,15 @@
         "items": {
           "type": "object",
           "properties": {
-            "time": { "type": "string" },
-            "value": { "type": "number" },
-            "group": { "type": "string" }
+            "time": {
+              "type": "string"
+            },
+            "value": {
+              "type": "number"
+            },
+            "group": {
+              "type": "string"
+            }
           },
           "required": ["time", "value"]
         },
@@ -50,7 +56,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "width": {
diff --git a/__tests__/charts/bar.json b/__tests__/charts/bar.json
@@ -11,9 +11,15 @@
         "items": {
           "type": "object",
           "properties": {
-            "category": { "type": "string" },
-            "value": { "type": "number" },
-            "group": { "type": "string" }
+            "category": {
+              "type": "string"
+            },
+            "value": {
+              "type": "number"
+            },
+            "group": {
+              "type": "string"
+            }
           },
           "required": ["category", "value"]
         },
@@ -55,7 +61,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "width": {
diff --git a/__tests__/charts/boxplot.json b/__tests__/charts/boxplot.json
@@ -52,7 +52,7 @@
       },
       "theme": {
         "type": "string",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'."
       },
diff --git a/__tests__/charts/column.json b/__tests__/charts/column.json
@@ -11,9 +11,15 @@
         "items": {
           "type": "object",
           "properties": {
-            "category": { "type": "string" },
-            "value": { "type": "number" },
-            "group": { "type": "string" }
+            "category": {
+              "type": "string"
+            },
+            "value": {
+              "type": "number"
+            },
+            "group": {
+              "type": "string"
+            }
           },
           "required": ["category", "value"]
         },
@@ -55,7 +61,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "width": {
diff --git a/__tests__/charts/dual-axes.json b/__tests__/charts/dual-axes.json
@@ -8,7 +8,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/fishbone-diagram.json b/__tests__/charts/fishbone-diagram.json
@@ -8,12 +8,16 @@
       "data": {
         "type": "object",
         "properties": {
-          "name": { "type": "string" },
+          "name": {
+            "type": "string"
+          },
           "children": {
             "type": "array",
             "items": {
               "properties": {
-                "name": { "type": "string" },
+                "name": {
+                  "type": "string"
+                },
                 "children": {
                   "type": "array",
                   "items": {
@@ -44,7 +48,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "width": {
diff --git a/__tests__/charts/flow-diagram.json b/__tests__/charts/flow-diagram.json
@@ -13,7 +13,9 @@
             "minItems": 1,
             "items": {
               "properties": {
-                "name": { "type": "string" }
+                "name": {
+                  "type": "string"
+                }
               },
               "required": ["name"],
               "type": "object"
@@ -23,9 +25,16 @@
             "type": "array",
             "items": {
               "properties": {
-                "name": { "type": "string", "default": "" },
-                "source": { "type": "string" },
-                "target": { "type": "string" }
+                "name": {
+                  "type": "string",
+                  "default": ""
+                },
+                "source": {
+                  "type": "string"
+                },
+                "target": {
+                  "type": "string"
+                }
               },
               "required": ["source", "target"],
               "type": "object"
@@ -38,7 +47,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/funnel.json b/__tests__/charts/funnel.json
@@ -29,7 +29,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/histogram.json b/__tests__/charts/histogram.json
@@ -31,7 +31,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/line.json b/__tests__/charts/line.json
@@ -11,8 +11,12 @@
         "items": {
           "type": "object",
           "properties": {
-            "time": { "type": "string" },
-            "value": { "type": "number" }
+            "time": {
+              "type": "string"
+            },
+            "value": {
+              "type": "number"
+            }
           },
           "required": ["time", "value"]
         },
@@ -26,7 +30,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/liquid.json b/__tests__/charts/liquid.json
@@ -18,7 +18,7 @@
       },
       "theme": {
         "type": "string",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'."
       },
diff --git a/__tests__/charts/mind-map.json b/__tests__/charts/mind-map.json
@@ -8,7 +8,9 @@
       "data": {
         "type": "object",
         "properties": {
-          "name": { "type": "string" },
+          "name": {
+            "type": "string"
+          },
           "children": {
             "type": "array",
             "items": {
@@ -34,7 +36,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/network-graph.json b/__tests__/charts/network-graph.json
@@ -13,7 +13,9 @@
             "minItems": 1,
             "items": {
               "properties": {
-                "name": { "type": "string" }
+                "name": {
+                  "type": "string"
+                }
               },
               "required": ["name"],
               "type": "object"
@@ -23,9 +25,16 @@
             "type": "array",
             "items": {
               "properties": {
-                "name": { "type": "string", "default": "" },
-                "source": { "type": "string" },
-                "target": { "type": "string" }
+                "name": {
+                  "type": "string",
+                  "default": ""
+                },
+                "source": {
+                  "type": "string"
+                },
+                "target": {
+                  "type": "string"
+                }
               },
               "required": ["source", "target"],
               "type": "object"
@@ -38,7 +47,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/organization-chart.json b/__tests__/charts/organization-chart.json
@@ -46,7 +46,7 @@
       },
       "theme": {
         "type": "string",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'."
       },
diff --git a/__tests__/charts/pie.json b/__tests__/charts/pie.json
@@ -11,8 +11,12 @@
         "items": {
           "type": "object",
           "properties": {
-            "category": { "type": "string" },
-            "value": { "type": "number" }
+            "category": {
+              "type": "string"
+            },
+            "value": {
+              "type": "number"
+            }
           },
           "required": ["category", "value"]
         },
@@ -49,7 +53,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "width": {
diff --git a/__tests__/charts/radar.json b/__tests__/charts/radar.json
@@ -51,7 +51,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "width": {
diff --git a/__tests__/charts/sankey.json b/__tests__/charts/sankey.json
@@ -32,7 +32,7 @@
       },
       "theme": {
         "type": "string",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'."
       },
diff --git a/__tests__/charts/scatter.json b/__tests__/charts/scatter.json
@@ -11,8 +11,12 @@
         "items": {
           "type": "object",
           "properties": {
-            "x": { "type": "number" },
-            "y": { "type": "number" }
+            "x": {
+              "type": "number"
+            },
+            "y": {
+              "type": "number"
+            }
           },
           "required": ["x", "y"]
         },
@@ -21,7 +25,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/treemap.json b/__tests__/charts/treemap.json
@@ -11,11 +11,17 @@
         "items": {
           "type": "object",
           "properties": {
-            "name": { "type": "string" },
-            "value": { "type": "number" },
+            "name": {
+              "type": "string"
+            },
+            "value": {
+              "type": "number"
+            },
             "children": {
               "type": "array",
-              "items": { "$ref": "#/properties/data/items" }
+              "items": {
+                "$ref": "#/properties/data/items"
+              }
             }
           },
           "required": ["name", "value"]
@@ -25,7 +31,7 @@
       "theme": {
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'.",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "type": "string"
       },
       "style": {
diff --git a/__tests__/charts/venn.json b/__tests__/charts/venn.json
@@ -32,7 +32,7 @@
       },
       "theme": {
         "type": "string",
-        "enum": ["default", "academy"],
+        "enum": ["default", "academy", "dark"],
         "default": "default",
         "description": "Set the theme for the chart, optional, default is 'default'."
       },
diff --git a/__tests__/charts/violin.json b/__tests__/charts/violin.json
diff --git a/__tests__/charts/word-cloud.json b/__tests__/charts/word-cloud.json
diff --git a/src/charts/base.ts b/src/charts/base.ts
