diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index fcb84c755..da20f7f80 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,7 +8,7 @@
       "name": "circles",
       "version": "0.1.0",
       "dependencies": {
-        "@ant-design/colors": "6.0.0",
+        "@ant-design/colors": "7.0.0",
         "@ant-design/icons": "4.8.0",
         "@ant-design/plots": "1.2.5",
         "@antv/algorithm": "0.1.25",
@@ -99,9 +99,9 @@
       }
     },
     "node_modules/@ant-design/colors": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
-      "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.0.0.tgz",
+      "integrity": "sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==",
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.0"
       }
@@ -130,6 +130,14 @@
       "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.2.1.tgz",
       "integrity": "sha512-EB0iwlKDGpG93hW8f85CTJTs4SvMX7tt5ceupvhALp1IF44SeUFOMhKUOYqpsoYWQKAOuTRDMqn75rEaKDp0Xw=="
     },
+    "node_modules/@ant-design/icons/node_modules/@ant-design/colors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
+      "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.0"
+      }
+    },
     "node_modules/@ant-design/plots": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/@ant-design/plots/-/plots-1.2.5.tgz",
@@ -3273,6 +3281,14 @@
         "react-dom": ">=16.9.0"
       }
     },
+    "node_modules/antd/node_modules/@ant-design/colors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
+      "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.0"
+      }
+    },
     "node_modules/antd/node_modules/rc-picker": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-2.7.0.tgz",
@@ -11168,9 +11184,9 @@
       }
     },
     "@ant-design/colors": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
-      "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.0.0.tgz",
+      "integrity": "sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==",
       "requires": {
         "@ctrl/tinycolor": "^3.4.0"
       }
@@ -11185,6 +11201,16 @@
         "@babel/runtime": "^7.11.2",
         "classnames": "^2.2.6",
         "rc-util": "^5.9.4"
+      },
+      "dependencies": {
+        "@ant-design/colors": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
+          "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
+          "requires": {
+            "@ctrl/tinycolor": "^3.4.0"
+          }
+        }
       }
     },
     "@ant-design/icons-svg": {
@@ -13573,6 +13599,14 @@
         "scroll-into-view-if-needed": "^2.2.25"
       },
       "dependencies": {
+        "@ant-design/colors": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
+          "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
+          "requires": {
+            "@ctrl/tinycolor": "^3.4.0"
+          }
+        },
         "rc-picker": {
           "version": "2.7.0",
           "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-2.7.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 06bf30fe8..fd3168d40 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ant-design/colors": "6.0.0",
+    "@ant-design/colors": "7.0.0",
     "@ant-design/icons": "4.8.0",
     "@ant-design/plots": "1.2.5",
     "@antv/algorithm": "0.1.25",