diff --git a/package.json b/package.json
index d1454eea2..e79d72fea 100644
--- a/package.json
+++ b/package.json
@@ -185,6 +185,7 @@
     "tdesign-icons-view": "~0.1.0",
     "tdesign-publish-cli": "^0.0.9",
     "tdesign-site-components": "^0.9.9",
+    "tdesign-theme-generator": "^0.1.0",
     "ts-jest": "^27.1.2",
     "ts-morph": "^13.0.02",
     "ts-node": "^10.4.0",
diff --git a/site/src/App.jsx b/site/src/App.jsx
index 0af6e33ef..a28861459 100644
--- a/site/src/App.jsx
+++ b/site/src/App.jsx
@@ -111,6 +111,7 @@ function Components() {
           <td-doc-footer slot="doc-footer"></td-doc-footer>
         </td-doc-content>
       </td-doc-layout>
+      <tdesign-theme-generator />
     </ConfigProvider>
   );
 }
diff --git a/site/src/main.jsx b/site/src/main.jsx
index 85173daa6..0075c08f4 100644
--- a/site/src/main.jsx
+++ b/site/src/main.jsx
@@ -14,6 +14,8 @@ import 'tdesign-site-components/lib/styles/prism-theme-dark.less';
 
 import 'tdesign-icons-view';
 
+import 'tdesign-theme-generator';
+
 ReactDOM.render(
   <React.StrictMode>
     <App />
diff --git a/src/_common b/src/_common
index 8afb18564..5ed35782c 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 8afb185642e84c60900a3541c467c25c6538c5f1
+Subproject commit 5ed35782c4f7f491ed7b08e5a339d75acf327959