diff --git a/packages/toolkits/pro/template/tinyvue/package.json b/packages/toolkits/pro/template/tinyvue/package.json
index de8ad64b..18da0c36 100644
--- a/packages/toolkits/pro/template/tinyvue/package.json
+++ b/packages/toolkits/pro/template/tinyvue/package.json
@@ -35,97 +35,94 @@
     ]
   },
   "dependencies": {
-    "@babel/core": "7.25.2",
-    "@gaonengwww/mock-server": "1.0.5",
-    "@opentiny/hwc-client": "0.0.14",
-    "@opentiny/vue": "3.18.0",
-    "@opentiny/vue-icon": "3.18.0",
-    "@opentiny/vue-locale": "3.18.0",
-    "@opentiny/vue-theme": "3.18.2",
-    "@types/mockjs": "1.0.10",
-    "@types/node": "22.7.4",
-    "@vueuse/core": "10.11.1",
-    "@vueuse/head": "2.0.0",
-    "axios": "1.7.7",
-    "dayjs": "1.11.13",
-    "echarts": "5.4.3",
-    "echarts4": "npm:echarts@4.9.0",
-    "fp-ts": "2.16.1",
-    "mitt": "3.0.1",
-    "moment": "2.30.1",
-    "nprogress": "1.0.0-1",
+    "@babel/core": "^7.25.2",
+    "@gaonengwww/mock-server": "^1.0.5",
+    "@opentiny/hwc-client": "^0.0.14",
+    "@opentiny/vue": "^3.21.0",
+    "@opentiny/vue-icon": "^3.21.0",
+    "@opentiny/vue-locale": "^3.20.0",
+    "@opentiny/vue-theme": "^3.21.0",
+    "@types/mockjs": "^1.0.10",
+    "@types/node": "^22.7.4",
+    "@vueuse/core": "^10.11.1",
+    "@vueuse/head": "^2.0.0",
+    "axios": "^1.8.0",
+    "echarts": "^5.4.3",
+    "fp-ts": "^2.16.1",
+    "mitt": "^3.0.1",
+    "nprogress": "^1.0.0-1",
     "pinia": "2.1.7",
-    "query-string": "8.2.0",
+    "query-string": "^8.2.0",
     "style-resources-loader": "1.5.0",
-    "vue": "3.5.10",
+    "vue": "^3.5.10",
     "vue-eslint-parser": "9.4.3",
-    "vue-i18n": "9.14.1",
-    "vue-router": "4.4.5",
-    "vue-style-loader": "4.1.3"
+    "vue-i18n": "^11.0.0",
+    "vue-router": "^4.4.5",
+    "vue-style-loader": "^4.1.3"
   },
   "devDependencies": {
-    "@babel/preset-env": "7.25.4",
-    "@babel/preset-typescript": "7.24.7",
-    "@commitlint/cli": "11.0.0",
-    "@commitlint/config-conventional": "12.1.4",
-    "@farmfe/cli": "1.0.4",
-    "@farmfe/core": "1.3.28",
-    "@farmfe/js-plugin-less": "1.9.0",
-    "@rspack/cli": "0.7.5",
-    "@rspack/core": "0.7.5",
-    "@types/lodash": "4.17.9",
-    "@types/nprogress": "0.2.3",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
-    "@vitejs/plugin-vue": "4.6.2",
-    "@vitejs/plugin-vue-jsx": "3.1.0",
-    "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
-    "@vue/babel-plugin-jsx": "1.2.5",
-    "@vue/babel-preset-jsx": "1.4.0",
-    "babel-loader": "9.2.1",
-    "core-js": "3.38.1",
-    "cross-env": "7.0.3",
-    "css-loader": "7.1.2",
-    "dotenv": "16.4.5",
-    "eslint": "7.32.0",
-    "eslint-config-airbnb-base": "14.2.1",
-    "eslint-config-prettier": "8.10.0",
-    "eslint-import-resolver-typescript": "2.7.1",
-    "eslint-plugin-import": "2.30.0",
-    "eslint-plugin-prettier": "3.4.1",
-    "eslint-plugin-vue": "8.7.1",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-typescript": "^7.24.7",
+    "@commitlint/cli": "^11.0.0",
+    "@commitlint/config-conventional": "^12.1.4",
+    "@farmfe/cli": "^1.0.4",
+    "@farmfe/core": "^1.3.28",
+    "@farmfe/js-plugin-less": "^1.9.0",
+    "@rspack/cli": "^0.7.5",
+    "@rspack/core": "^0.7.5",
+    "@types/lodash": "^4.17.9",
+    "@types/nprogress": "^0.2.3",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+    "@vue/babel-plugin-jsx": "^1.2.5",
+    "@vue/babel-preset-jsx": "^1.4.0",
+    "babel-loader": "^9.2.1",
+    "core-js": "^3.38.1",
+    "cross-env": "^7.0.3",
+    "css-loader": "^7.1.2",
+    "dotenv": "^16.4.5",
+    "eslint": "^7.32.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-import-resolver-typescript": "^2.7.1",
+    "eslint-plugin-import": "^2.30.0",
+    "eslint-plugin-prettier": "^3.4.1",
+    "eslint-plugin-vue": "^8.7.1",
     "html-webpack-plugin": "5.6.0",
-    "husky": "7.0.4",
-    "import-meta-loader": "1.1.0",
-    "less": "4.2.0",
-    "less-loader": "12.2.0",
-    "lint-staged": "11.2.6",
-    "mockjs": "1.1.0",
-    "prettier": "3.3.3",
-    "rollup-plugin-visualizer": "5.12.0",
-    "style-loader": "4.0.0",
-    "stylelint": "13.13.1",
-    "stylelint-config-prettier": "8.0.2",
-    "stylelint-config-rational-order": "0.1.2",
-    "stylelint-config-standard": "20.0.0",
-    "stylelint-order": "4.1.0",
-    "ts-loader": "9.5.1",
-    "ts-node": "10.9.2",
-    "tsx": "4.19.1",
-    "typescript": "4.9.5",
-    "unplugin-vue-components": "0.17.21",
-    "vite": "4.5.5",
-    "vite-plugin-compression": "0.5.1",
-    "vite-plugin-eslint": "1.8.1",
-    "vite-plugin-html": "3.2.2",
-    "vite-plugin-mock": "2.9.8",
-    "vite-plugin-style-import": "2.0.0",
-    "vite-svg-loader": "4.0.0",
-    "vue-loader": "17.4.2",
-    "vue-tsc": "1.8.27",
-    "webpack": "5.95.0",
-    "webpack-cli": "5.1.4",
-    "webpack-dev-server": "5.1.0"
+    "husky": "^7.0.4",
+    "import-meta-loader": "^1.1.0",
+    "less": "^4.2.0",
+    "less-loader": "^12.2.0",
+    "lint-staged": "^11.2.6",
+    "mockjs": "^1.1.0",
+    "prettier": "^3.3.3",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "style-loader": "^4.0.0",
+    "stylelint": "^13.13.1",
+    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-standard": "^20.0.0",
+    "stylelint-order": "^4.1.0",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.19.1",
+    "typescript": "^4.9.5",
+    "unplugin-vue-components": "^0.17.21",
+    "vite": "^6.1.0",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-html": "^3.2.2",
+    "vite-plugin-mock": "^2.9.8",
+    "vite-plugin-style-import": "^2.0.0",
+    "vite-svg-loader": "^4.0.0",
+    "vue-loader": "^17.4.2",
+    "vue-tsc": "^1.8.27",
+    "webpack": "^5.95.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.1.0"
   },
   "engines": {
     "node": ">=14.0.0"
diff --git a/packages/toolkits/pro/template/tinyvue/src/assets/style/menu.less b/packages/toolkits/pro/template/tinyvue/src/assets/style/menu.less
index d2284054..418d7de7 100644
--- a/packages/toolkits/pro/template/tinyvue/src/assets/style/menu.less
+++ b/packages/toolkits/pro/template/tinyvue/src/assets/style/menu.less
@@ -27,10 +27,10 @@
       .tree-node-name
       .tiny-svg
   ) {
-  fill: var(--ti-tree-menu-node-current-color);
+  fill: var(--tv-tree-menu-node-current-color);
 }
 
 :deep(.tiny-collapse-item__header) {
-  color: var(--ti-common-color-text-highlight);
-  background-color: var(--ti-common-color-bg-light-normal);
+  color: var(--tv-common-color-text-highlight);
+  background-color: var(--tv-common-color-bg-light-normal);
 }
diff --git a/packages/toolkits/pro/template/tinyvue/src/components/footer/index.vue b/packages/toolkits/pro/template/tinyvue/src/components/footer/index.vue
index ce1e5232..e66918a9 100644
--- a/packages/toolkits/pro/template/tinyvue/src/components/footer/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/components/footer/index.vue
@@ -18,9 +18,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--ti-default-font-color);
-    font-size: var(--ti-default-font-size);
-    font-family: var(--ti-default-font-family);
+    color: var(--tv-default-font-color);
+    font-size: var(--tv-default-font-size);
+    font-family: var(--tv-default-font-family);
     text-align: center;
 
     .divider {
diff --git a/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue b/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue
index 25ba956a..bd8c8252 100644
--- a/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/components/navbar/index.vue
@@ -86,7 +86,6 @@
             label-width="150px"
             :label-align="true"
             label-position="left"
-            size="small"
           >
             <tiny-row :flex="true" justify="left">
               <tiny-col :span="10" label-width="100px">
@@ -366,7 +365,7 @@
 
     h5 {
       margin: 0 30px 0 12px;
-      color: var(--ti-base-common-title-color);
+      color: var(--tv-base-common-title-color);
       font-weight: 700;
       font-size: 22px;
       line-height: 32px;
@@ -377,7 +376,7 @@
       width: 135px;
       height: 22px;
       margin-left: 10px;
-      color: var(--ti-base-common-title-color);
+      color: var(--tv-base-common-title-color);
       font-weight: normal;
       font-size: 16px;
       line-height: 22px;
@@ -425,7 +424,7 @@
       font-size: 2em;
       font-style: oblique;
       cursor: pointer;
-      fill: var(--ti-common-color-line-active);
+      fill: var(--tv-common-color-line-active);
     }
 
     a {
@@ -465,7 +464,7 @@
         text-align: center;
         list-style-type: none;
         background-color: #fff;
-        box-shadow: 0 0 2px 2px var(--ti-common-color-bg-normal);
+        box-shadow: 0 0 2px 2px var(--tv-common-color-bg-normal);
         cursor: pointer;
       }
 
@@ -483,7 +482,7 @@
         text-align: center;
         list-style-type: none;
         background-color: #fff;
-        box-shadow: 0 0 2px 2px var(--ti-common-color-bg-normal);
+        box-shadow: 0 0 2px 2px var(--tv-common-color-bg-normal);
         cursor: pointer;
       }
 
diff --git a/packages/toolkits/pro/template/tinyvue/src/components/theme/index.vue b/packages/toolkits/pro/template/tinyvue/src/components/theme/index.vue
index a5b8f6d0..828589d3 100644
--- a/packages/toolkits/pro/template/tinyvue/src/components/theme/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/components/theme/index.vue
@@ -73,7 +73,6 @@
 <script lang="ts" setup>
   import { inject, onMounted, watch } from 'vue';
   // eslint-disable-next-line import/extensions
-  import { tinySmbTheme } from '@opentiny/vue-theme/theme';
   import { IconYes } from '@opentiny/vue-icon';
   import { useAppStore } from '@/store';
   import {
@@ -156,7 +155,6 @@
         break;
       default:
         appStore.updateSettings({ theme: 'light' });
-        theme.changeTheme(tinySmbTheme);
         appStore.updateSettings({ themelist: 'default' });
     }
   };
@@ -182,8 +180,6 @@
       // eslint-disable-next-line default-case
       switch (newValue.themelist) {
         case 'default':
-          appStore.updateSettings({ theme: 'light' });
-          theme.changeTheme(tinySmbTheme);
           break;
         case 'peaches':
           appStore.updateSettings({ theme: 'light' });
@@ -350,7 +346,7 @@
   .default {
     .card();
 
-    background: linear-gradient(225deg, #97b3f2 1%, #5e7ce0);
+    background: linear-gradient(225deg, #f3f3f3 1%, #191919);
   }
 
   .peaches {
diff --git a/packages/toolkits/pro/template/tinyvue/src/components/theme/type.ts b/packages/toolkits/pro/template/tinyvue/src/components/theme/type.ts
index cb9ab440..5dd6e28d 100644
--- a/packages/toolkits/pro/template/tinyvue/src/components/theme/type.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/components/theme/type.ts
@@ -2,40 +2,183 @@ const DefaultTheme = {
   id: 'tiny-default-theme',
   name: 'DefaultTheme',
   data: {
-    'ti-base-color-brand-6': '#5e7ce0',
-    'ti-base-color-brand-8': '#344899',
-    'ti-base-color-brand-7': '#526ecc',
-    'ti-base-color-brand-5': '#7693f5',
-    'ti-base-color-brand-4': '#96adfa',
-    'ti-base-color-brand-3': '#5e7ce0',
-    'ti-base-color-brand-2': '#e9edfa',
-    'ti-base-color-brand-1': '#f2f5fc',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#526ecc',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand': '#191919',
+    'tv-base-color-brand-1': '#f0f7ff',
+    'tv-base-color-brand-2': '#deecff',
+    'tv-base-color-brand-3': '#b3d6ff',
+    'tv-base-color-brand-4': '#7eb7fc',
+    'tv-base-color-brand-5': '#4191fa',
+    'tv-base-color-brand-6': '#1476ff',
+    'tv-base-color-brand-7': '#0f5ed4',
+    'tv-base-color-brand-8': '#0845a6',
+    'tv-base-color-brand-9': '#022e7a',
+    'tv-base-color-brand-10': '#001a4a',
+    'tv-base-color-brand-11': '#3d6899',
+    'tv-base-color-brand-12': '#7fa6d4',
+    'tv-base-color-brand-13': '#b6d4f2',
+    'tv-base-color-common-1': '#ffffff',
+    'tv-base-color-common-2': '#fafafa',
+    'tv-base-color-common-3': '#f5f5f5',
+    'tv-base-color-common-4': '#f0f0f0',
+    'tv-base-color-common-5': '#e6e6e6',
+    'tv-base-color-common-6': '#dbdbdb',
+    'tv-base-color-common-7': '#c2c2c2',
+    'tv-base-color-common-8': '#808080',
+    'tv-base-color-common-9': '#595959',
+    'tv-base-color-common-10': '#333333',
+    'tv-base-color-common-11': '#191919',
+    'tv-base-color-common-12': '#000000',
+    'tv-base-color-success-1': '#edf7df',
+    'tv-base-color-success-2': '#daf2bb',
+    'tv-base-color-success-3': '#b9e683',
+    'tv-base-color-success-4': '#9edb58',
+    'tv-base-color-success-5': '#7dcc29',
+    'tv-base-color-success-6': '#5cb300',
+    'tv-base-color-success-7': '#4b9902',
+    'tv-base-color-success-8': '#3c8001',
+    'tv-base-color-success-9': '#2e6600',
+    'tv-base-color-success-10': '#1f4700',
+    'tv-base-color-success-11': '#628c38',
+    'tv-base-color-success-12': '#a2c777',
+    'tv-base-color-success-13': '#d2e6b8',
+    'tv-base-color-success-14': '#e6f2d5',
+
+    'tv-base-color-error-1': '#fff1f0',
+    'tv-base-color-error-2': '#fce2e0',
+    'tv-base-color-error-3': '#faa7a3',
+    'tv-base-color-error-4': '#fa8682',
+    'tv-base-color-error-5': '#f76360',
+    'tv-base-color-error-6': '#f23030',
+    'tv-base-color-error-7': '#bf0a1c',
+    'tv-base-color-error-8': '#a3171c',
+    'tv-base-color-error-9': '#78080e',
+    'tv-base-color-error-10': '#4d0005',
+    'tv-base-color-error-11': '#a64242',
+    'tv-base-color-error-12': '#f2c5c2',
+    'tv-base-color-error-13': '#fce3e1',
+
+    'tv-base-color-warn-1': '#fff4e8',
+    'tv-base-color-warn-2': '#ffebd1',
+    'tv-base-color-warn-3': '#fcd5a4',
+    'tv-base-color-warn-4': '#fcbc72',
+    'tv-base-color-warn-5': '#ff9a2e',
+    'tv-base-color-warn-6': '#ff8800',
+    'tv-base-color-warn-7': '#d96900',
+    'tv-base-color-warn-8': '#a64d00',
+    'tv-base-color-warn-9': '#733400',
+    'tv-base-color-warn-10': '#4d2201',
+    'tv-base-color-warn-11': '#9e6d3f',
+    'tv-base-color-warn-12': '#d6a981',
+    'tv-base-color-warn-13': '#f2d8c2',
+    'tv-base-color-warn-secondary-1': '#ffb700',
+
+    'tv-base-color-info-1': '#f0f7ff',
+    'tv-base-color-info-2': '#deecff',
+    'tv-base-color-info-3': '#b3d6ff',
+    'tv-base-color-info-4': '#7eb7fc',
+    'tv-base-color-info-5': '#4191fa',
+    'tv-base-color-info-6': '#1476ff',
+    'tv-base-color-info-7': '#0f5ed4',
+    'tv-base-color-info-8': '#0845a6',
+    'tv-base-color-info-9': '#022e7a',
+    'tv-base-color-info-10': '#001a4a',
+    'tv-base-color-info-11': '#3d6899',
+    'tv-base-color-info-12': '#7fa6d4',
+    'tv-base-color-info-13': '#b6d4f2',
+  },
+}
 const DarkTheme = {
   id: 'tiny-dark-theme',
   name: 'DarkTheme',
   data: {
-    'ti-base-color-brand-6': '#5e7ce0',
-    'ti-base-color-brand-8': '#344899',
-    'ti-base-color-brand-7': '#000',
-    'ti-base-color-brand-5': '#7693f5',
-    'ti-base-color-brand-4': '#96adfa',
-    'ti-base-color-brand-3': '#5e7ce0',
-    'ti-base-color-brand-2': '#edf2f6',
-    'ti-base-color-brand-1': '#f2f5fc',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#edf2f6',
-    'ti-button-primary-normal-bg-color': '#5e7ce0',
-    'ti-button-primary-text-color': '#000',
-    'ti-tree-menu-square-left-border-color': '#000',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
+    'tv-base-color-brand': '#B3B3B3', // 主色黑/链接颜色
+
+    'tv-base-color-brand-1': '#003303',
+    'tv-base-color-brand-2': '#00124D', // 日期选择悬浮背景色 /提示-背景色
+    'tv-base-color-brand-3': '#082677', //  浅背景-悬浮色，开关组件“开”禁用背景色
+    'tv-base-color-brand-4': '#264DAB',
+    'tv-base-color-brand-5': '#2B60CC',
+    'tv-base-color-brand-6': '#326DE3', // 辅助色， 文字按钮色、文字按钮悬浮色 /单选框选中悬浮/聚焦/激活小圆点填充色和边框色
+    'tv-base-color-brand-7': '#317AF7',
+    'tv-base-color-brand-8': '#5291FF',
+    'tv-base-color-brand-9': '#74ADF7',
+    'tv-base-color-brand-10': '#A3CCFC',
+    'tv-base-color-brand-11': '#CAE3FD',
+    'tv-base-color-brand-12': '#F2F9FF',
+
+
+    /* 1.2 中立色 */
+
+    /* 公用灰色系，用于文本、图标、线条、背景色 */
+    'tv-base-color-common-1': '#ffffff', // 顶部导航背景色、 顶部导航下拉背景色/次要按钮-背景色、次要按钮-hover/Focus/active背景色、输入框背景色
+    'tv-base-color-common-2': '#E6E6E6', // 新区域组件-悬浮背景色
+    'tv-base-color-common-3': '#CCCCCC', // 通用背景-页面背景色/ 选块默认色/滑块背景色/分页悬浮色、下拉、列表、悬浮背景、表头背景、下拉菜单、选块选中色
+    'tv-base-color-common-4': '#B3B3B3', // 白色背景分割线 /禁用背景/小表格中禁用背景/支付列表中禁用背景、顶部导航下拉悬浮背景色
+    'tv-base-color-common-5': '#999999', // 灰色标签背景色/轮播箭头悬浮色
+    'tv-base-color-common-6': '#808080', // 开关组件“关”禁用背景色/ 禁用描边/ 灰色背景分割线
+    'tv-base-color-common-7': '#666666', // 选块悬浮色/页签禁用文字色/边框色（如下拉、输入框）/文字禁用/禁用图标
+    'tv-base-color-common-8': '#4D4D4D', // 弱化信息、说明文字
+    'tv-base-color-common-9': '#333333', // 次要信息/图标默认/主色悬浮色、链接悬浮色/主要按钮-hover/Focus背景色
+    'tv-base-color-common-10': '#262626',
+    'tv-base-color-common-11': '#1A1A1A', // 正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标/主要按钮-背景色
+    'tv-base-color-common-12': '#0D0D0D',
+    'tv-base-color-common-13': '#000000',
+
+    /* 1.4 功能色 */
+    'tv-base-color-success-1': '#003303',
+    'tv-base-color-success-2': '#054D00',
+    'tv-base-color-success-3': '#166610', // 成功-按钮active、hover 颜色
+    'tv-base-color-success-4': '#298C22',
+    'tv-base-color-success-5': '#39A632',
+    'tv-base-color-success-6': '#5BA854', // 成功-背景色/ 图标色/文本色 /进度条当前进度背景色
+    'tv-base-color-success-7': '#75B06D',
+    'tv-base-color-success-8': '#8ABA82',
+    'tv-base-color-success-9': '#A2CB9A',
+    'tv-base-color-success-10': '#BCDCB4',
+    'tv-base-color-success-11': '#D8EED1',
+    'tv-base-color-success-12': '#F3FFF0',
+
+
+    'tv-base-color-error-1': '#330002', //
+    'tv-base-color-error-2': '#4D0003', // 错误-边框色 /背景色 /错误校验背景色,设计稿用了这个#FCE3E1，但不在色阶中
+    'tv-base-color-error-3': '#700505', // 错误-图标色、校验边框色/、悬浮菜单背景色
+    'tv-base-color-error-4': '#931814', //
+    'tv-base-color-error-5': '#B6332A',
+    'tv-base-color-error-6': '#D94838', // 错误-文本色/交易金额色 / 紧急告警色
+    'tv-base-color-error-7': '#D95A4C',
+    'tv-base-color-error-8': '#E16E5C',
+    'tv-base-color-error-9': '#E88F7D',
+    'tv-base-color-error-10': '#F0B0A0',
+    'tv-base-color-error-11': '#FAD9D0',
+    'tv-base-color-error-12': '#FFF1ED',
+
+    'tv-base-color-warn-1': '#331400',
+    'tv-base-color-warn-2': '#4D1F00', // 告警-背景色/边框色（浅）
+    'tv-base-color-warn-3': '#703204',
+    'tv-base-color-warn-4': '#A6520A',
+    'tv-base-color-warn-5': '#D67413',
+    'tv-base-color-warn-6': '#ff8800', // 告警-图标色/深色背景 /重要告警色
+    'tv-base-color-warn-7': '#FF9824', // 优惠折扣功能色 ti-color-discount
+    'tv-base-color-warn-8': '#FFAC3D',
+    'tv-base-color-warn-9': '#FFBB57',
+    'tv-base-color-warn-10': '#FFD487',
+    'tv-base-color-warn-11': '#FFEECC',
+    'tv-base-color-warn-12': '#FFF8E8',
+    'tv-base-color-warn-secondary-1': '#ffb700', // 次要告警色 黄色系
+
+
+    'tv-base-color-info-1': '#003303',
+    'tv-base-color-info-2': '#00124D', // 提示-背景色 / 边框色
+    'tv-base-color-info-3': '#082677', // 开关组件“开”禁用背景色
+    'tv-base-color-info-4': '#264DAB',
+    'tv-base-color-info-5': '#2B60CC',
+    'tv-base-color-info-6': '#326DE3', //  提示-图标色 / 文本色
+    'tv-base-color-info-7': '#317AF7',
+    'tv-base-color-info-8': '#5291FF',
+    'tv-base-color-info-9': '#74ADF7',
+    'tv-base-color-info-10': '#A3CCFC',
+    'tv-base-color-info-11': '#CAE3FD',
+    'tv-base-color-info-12': '#F2F9FF',
   },
 }
 
@@ -43,394 +186,522 @@ const PeachesTheme = {
   id: 'tiny-peaches-theme',
   name: 'PeachesTheme',
   data: {
-    'ti-base-color-brand-1': '#f3dfe9',
-    'ti-base-color-brand-2': '#f3dfe9;',
-    'ti-base-color-brand-3': '#ec66ab;',
-    'ti-base-color-brand-4': '#ec66ab;',
-    'ti-base-color-brand-5': '#ec66ab;',
-    'ti-base-color-brand-6': '#ec66ab;',
-    'ti-base-color-brand-7': '#ec66ab;',
-    'ti-base-color-brand-8': '#ec66ab;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#ec66ab',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    /* 品牌主色 */
+  'tv-base-color-brand': '#ec66ab', // 主色黑/链接颜色
+
+  'tv-base-color-brand-1': '#ec66ab',
+  'tv-base-color-brand-2': '#f3dfe9', // 日期选择悬浮背景色 /提示-背景色
+  'tv-base-color-brand-3': '#f3dfe9', //  浅背景-悬浮色，开关组件“开”禁用背景色
+  'tv-base-color-brand-4': '#ec66ab',
+  'tv-base-color-brand-5': '#ec66ab',
+  'tv-base-color-brand-6': '#ec66ab', // 辅助色， 文字按钮色、文字按钮悬浮色 /单选框选中悬浮/聚焦/激活小圆点填充色和边框色
+  'tv-base-color-brand-7': '#f3dfe9;',
+  'tv-base-color-brand-8': '#f3dfe9;',
+  'tv-tree-menu-node-current-text-color': '#fff',
+
+  /* 1.2 中立色 */
+
+  /* 公用灰色系，用于文本、图标、线条、背景色 */
+  'tv-base-color-common-1': '#ffffff', // 顶部导航背景色、 顶部导航下拉背景色/次要按钮-背景色、次要按钮-hover/Focus/active背景色、输入框背景色
+  'tv-base-color-common-2': '#f1f1f1', // 新区域组件-悬浮背景色
+  'tv-base-color-common-3': '#f3dfe9', // 通用背景-页面背景色/ 选块默认色/滑块背景色/分页悬浮色、下拉、列表、悬浮背景、表头背景、下拉菜单、选块选中色
+  'tv-base-color-common-4': '#e4e7ed', // 白色背景分割线 /禁用背景/小表格中禁用背景/支付列表中禁用背景、顶部导航下拉悬浮背景色
+  'tv-base-color-common-5': '#e6e6e6', // 灰色标签背景色/轮播箭头悬浮色
+  'tv-base-color-common-6': '#dbdbdb', // 开关组件“关”禁用背景色/ 禁用描边/ 灰色背景分割线
+  'tv-base-color-common-7': '#bfbfbf', // 选块悬浮色/页签禁用文字色/边框色（如下拉、输入框）/文字禁用/禁用图标
+  'tv-base-color-common-8': '#909399', // 弱化信息、说明文字
+  'tv-base-color-common-9': '#999999', // 次要信息/图标默认/主色悬浮色、链接悬浮色/主要按钮-hover/Focus背景色
+  'tv-base-color-common-10': '#333333',
+  'tv-base-color-common-11': '#54657e', // 正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标/主要按钮-背景色
+  'tv-base-color-common-12': '#474c5e',
+  'tv-base-color-common-13': '#2e3243',
+  'tv-base-color-common-14': '#000000',
+  'tv-base-color-common-15': '#d9d9d9',
+
+  /* 1.4 功能色 */
+  'tv-base-color-success-1': '#f6ffed',
+  'tv-base-color-success-2': '#daf2bb',
+  'tv-base-color-success-3': '#b9e683', // 成功-按钮active、hover 颜色
+  'tv-base-color-success-4': '#95de64',
+  'tv-base-color-success-5': '#73d13d',
+  'tv-base-color-success-6': '#52c41a', // 成功-背景色/ 图标色/文本色 /进度条当前进度背景色
+  'tv-base-color-success-7': '#389e0d',
+
+
+  'tv-base-color-error-1': '#fff1f0', //
+  'tv-base-color-error-2': '#fce2e0', // 错误-边框色 /背景色 /错误校验背景色,
+  'tv-base-color-error-3': '#faa7a3', // 错误-图标色、校验边框色/、悬浮菜单背景色
+  'tv-base-color-error-4': '#ff7875', //
+  'tv-base-color-error-5': '#ff4d4f', //
+  'tv-base-color-error-6': '#f5222d', // 错误-文本色/交易金额色 / 紧急告警色
+  'tv-base-color-error-7': '#cf1322',
+
+
+  'tv-base-color-warn-1': '#fffbe6',
+  'tv-base-color-warn-2': '#ffebd1', // 告警-背景色/边框色（浅）
+  'tv-base-color-warn-3': '#fcd5a4',
+  'tv-base-color-warn-4': '#ffd666',
+  'tv-base-color-warn-5': '#ffc53d',
+  'tv-base-color-warn-6': '#faad14', // 告警-图标色/深色背景 /重要告警色
+
+  'tv-base-color-warn-secondary-1': '#ffb700', // 次要告警色 黄色系
+
+  'tv-base-color-info-1': '#e6f7ff',
+  'tv-base-color-info-2': '#deecff', // 提示-背景色 / 边框色
+  'tv-base-color-info-3': '#91d5ff', // 开关组件“开”禁用背景色
+  'tv-base-color-info-4': '#7eb7fc',
+  'tv-base-color-info-5': '#40a9ff',
+  'tv-base-color-info-6': '#1890ff', //  提示-图标色 / 文本色
+  },
+}
 
 const VioletTheme = {
   id: 'tiny-violet-theme',
   name: 'VioletTheme',
   data: {
-    'ti-base-color-brand-1': '#F3F1FD;',
-    'ti-base-color-brand-2': '#F3F1FD;',
-    'ti-base-color-brand-3': '#7b69ee;',
-    'ti-base-color-brand-4': '#7b69ee;',
-    'ti-base-color-brand-5': '#7b69ee;',
-    'ti-base-color-brand-6': '#7b69ee;',
-    'ti-base-color-brand-7': '#7b69ee;',
-    'ti-base-color-brand-8': '#7b69ee;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#7b69ee',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    /* 品牌主色 */
+    'tv-base-color-brand': '#7b69ee', // 主色黑/链接颜色
+
+    'tv-base-color-brand-1': '#F3F1FD',
+    'tv-base-color-brand-2': '#F3F1FD',
+    'tv-base-color-brand-3': '#7b69ee',
+    'tv-base-color-brand-4': '#7b69ee',
+    'tv-base-color-brand-5': '#7b69ee',
+    'tv-base-color-brand-6': '#7b69ee',
+    'tv-base-color-brand-7': '#7b69ee',
+    'tv-base-color-brand-8': '#7b69ee',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#7b69ee',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff',
+    /* 1.2 中立色 */
+
+    /* 公用灰色系，用于文本、图标、线条、背景色 */
+    'tv-base-color-common-1': '#ffffff', // 顶部导航背景色、 顶部导航下拉背景色/次要按钮-背景色、次要按钮-hover/Focus/active背景色、输入框背景色
+    'tv-base-color-common-2': '#f5f5f6', // 新区域组件-悬浮背景色
+    'tv-base-color-common-3': '#eef0f5', // 通用背景-页面背景色/ 选块默认色/滑块背景色/分页悬浮色、下拉、列表、悬浮背景、表头背景、下拉菜单、选块选中色
+    'tv-base-color-common-4': '#dfe1e6', // 白色背景分割线 /禁用背景/小表格中禁用背景/支付列表中禁用背景、顶部导航下拉悬浮背景色
+    'tv-base-color-common-5': '#adb0b8', // 灰色标签背景色/轮播箭头悬浮色
+    'tv-base-color-common-6': '#8a8e99', // 开关组件“关”禁用背景色/ 禁用描边/ 灰色背景分割线
+    'tv-base-color-common-7': '#575d6c', // 选块悬浮色/页签禁用文字色/边框色（如下拉、输入框）/文字禁用/禁用图标
+    'tv-base-color-common-8': '#252b3a', // 弱化信息、说明文字
+    'tv-base-color-common-9': '#464c59', // 次要信息/图标默认/主色悬浮色、链接悬浮色/主要按钮-hover/Focus背景色
+    'tv-base-color-common-10': '#5c6173',
+    'tv-base-color-common-11': '#282b33', // 正文主色，重要信息、标题颜色、输入类文本颜色、导航栏文字图标/主要按钮-背景色
+    'tv-base-color-common-12': '#000000',
+
+    /* 1.4 功能色 */
+    'tv-base-color-success-1': '#edfff9',
+    'tv-base-color-success-2': '#cffcee',
+    'tv-base-color-success-3': '#acf2dc', // 成功-按钮active、hover 颜色
+    'tv-base-color-success-4': '#8be8cb',
+    'tv-base-color-success-5': '#6ddebb',
+    'tv-base-color-success-6': '#50d4ab', // 成功-背景色/ 图标色/文本色 /进度条当前进度背景色
+    'tv-base-color-success-7': '#3ac295',
+    'tv-base-color-success-8': '#27b080',
+    'tv-base-color-success-9': '#169e6c',
+    'tv-base-color-success-10': '#088c58',
+    'tv-base-color-success-11': '#007a45',
+
+
+    'tv-base-color-error-1': '#ffeceb', // 
+    'tv-base-color-error-2': '#ffd7d6', //  错误-边框色 /背景色 /错误校验背景色
+    'tv-base-color-error-3': '#ffbab8', //  错误-图标色、校验边框色/、悬浮菜单背景色
+    'tv-base-color-error-4': '#ffa6a3', // 
+    'tv-base-color-error-5': '#ff8985', // 
+    'tv-base-color-error-6': '#f66e6a', //  错误-文本色/交易金额色 / 紧急告警色
+    'tv-base-color-error-7': '#df514e', // 
+    'tv-base-color-error-8': '#c83737', // 
+    'tv-base-color-error-9': '#b02121', // 
+    'tv-base-color-error-10': '#971111', // 
+    'tv-base-color-error-11': '#810404', // 
+    'tv-base-color-error-12': '#c7000b', // 
+    'tv-base-color-error-13': '#d64a52', //  错误-背景色/错误校验背景色
+    'tv-base-color-error-14': '#b12220', // 
+
+    'tv-base-color-warn-1': '#fff3e8',
+    'tv-base-color-warn-2': '#ffe1c7', // 告警-背景色/边框色（浅）
+    'tv-base-color-warn-3': '#ffd0a6',
+    'tv-base-color-warn-4': '#ffbf85',
+    'tv-base-color-warn-5': '#ffad63',
+    'tv-base-color-warn-6': '#fa9841', // 告警-图标色/深色背景 /重要告警色
+    'tv-base-color-warn-7': '#e37d29', // 优惠折扣功能色
+    'tv-base-color-warn-8': '#cc6414',
+    'tv-base-color-warn-9': '#b54e04',
+    'tv-base-color-warn-10': '#9e3f00',
+    'tv-base-color-warn-11': '#873400',
+
+    'tv-base-color-warn-secondary-1': '#ffb700', // 次要告警色 黄色系
+    'tv-base-color-warn-secondary-2': '#fac20a',
+
+    'tv-base-color-info-1': '#f0f7ff',
+    'tv-base-color-info-2': '#e9edfa', // 提示-背景色 / 边框色
+    'tv-base-color-info-3': '#beccfa', // 开关组件“开”禁用背景色
+    'tv-base-color-info-4': '#96adfa',
+    'tv-base-color-info-5': '#7693f5',
+    'tv-base-color-info-6': '#5e7ce0', //  提示-图标色 / 文本色
+    'tv-base-color-info-7': '#526ecc',
+    'tv-base-color-info-8': '#465eb8',
+    'tv-base-color-info-9': '#3c51a6',
+    'tv-base-color-info-10': '#344899',
+    'tv-base-color-info-11': '#2a3c85',
+
+  },
+}
 
 const DeepnessTheme = {
   id: 'tiny-deepness-theme',
   name: 'DeepnessTheme',
   data: {
-    'ti-base-color-brand-1': '#e9ebf1;',
-    'ti-base-color-brand-2': '#e9ebf1;',
-    'ti-base-color-brand-3': '#252b3a;',
-    'ti-base-color-brand-4': '#252b3a;',
-    'ti-base-color-brand-5': '#252b3a;',
-    'ti-base-color-brand-6': '#252b3a;',
-    'ti-base-color-brand-7': '#252b3a;',
-    'ti-base-color-brand-8': '#252b3a;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#252b3a',
-    'ti-base-common-title-color': '#272727'
-  },
-};
+    'tv-base-color-brand-1': '#e9ebf1',
+    'tv-base-color-brand-2': '#e9ebf1',
+    'tv-base-color-brand-3': '#252b3a',
+    'tv-base-color-brand-4': '#252b3a',
+    'tv-base-color-brand-5': '#252b3a',
+    'tv-base-color-brand-6': '#252b3a',
+    'tv-base-color-brand-7': '#252b3a',
+    'tv-base-color-brand-8': '#252b3a',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#252b3a',
+    'tv-base-common-title-color': '#272727'
+  },
+}
 
 const Theme6 = {
   id: 'tiny-theme-6',
   name: 'Theme6',
   data: {
-    'ti-base-color-brand-1': '#edf2f6;',
-    'ti-base-color-brand-2': '#edf2f6;',
-    'ti-base-color-brand-3': '#343a40;',
-    'ti-base-color-brand-4': '#343a40;',
-    'ti-base-color-brand-5': '#343a40;',
-    'ti-base-color-brand-6': '#343A40;',
-    'ti-base-color-brand-7': '#343a40;',
-    'ti-base-color-brand-8': '#343a40;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#343a40',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#edf2f6',
+    'tv-base-color-brand-2': '#edf2f6',
+    'tv-base-color-brand-3': '#343a40',
+    'tv-base-color-brand-4': '#343a40',
+    'tv-base-color-brand-5': '#343a40',
+    'tv-base-color-brand-6': '#343A40',
+    'tv-base-color-brand-7': '#343a40',
+    'tv-base-color-brand-8': '#343a40',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#343a40',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme7 = {
   id: 'tiny-theme-7',
   name: 'Theme7',
   data: {
-    'ti-base-color-brand-1': '#e5e8f5;',
-    'ti-base-color-brand-2': '#e5e8f5;',
-    'ti-base-color-brand-3': '#25316c;',
-    'ti-base-color-brand-4': '#25316c;',
-    'ti-base-color-brand-5': '#25316c;',
-    'ti-base-color-brand-6': '#25316c;',
-    'ti-base-color-brand-7': '#25316c;',
-    'ti-base-color-brand-8': '#25316c;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#25316c',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#e5e8f5',
+    'tv-base-color-brand-2': '#e5e8f5',
+    'tv-base-color-brand-3': '#25316c',
+    'tv-base-color-brand-4': '#25316c',
+    'tv-base-color-brand-5': '#25316c',
+    'tv-base-color-brand-6': '#25316c',
+    'tv-base-color-brand-7': '#25316c',
+    'tv-base-color-brand-8': '#25316c',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#25316c',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme8 = {
   id: 'tiny-theme-8',
   name: 'Theme8',
   data: {
-    'ti-base-color-brand-1': '#f7f4fc;',
-    'ti-base-color-brand-2': '#f7f4fc;',
-    'ti-base-color-brand-3': '#673ab7;',
-    'ti-base-color-brand-4': '#673ab7;',
-    'ti-base-color-brand-5': '#673ab7;',
-    'ti-base-color-brand-6': '#673ab7;',
-    'ti-base-color-brand-7': '#673ab7;',
-    'ti-base-color-brand-8': '#673ab7;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#673ab7',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#f7f4fc',
+    'tv-base-color-brand-2': '#f7f4fc',
+    'tv-base-color-brand-3': '#673ab7',
+    'tv-base-color-brand-4': '#673ab7',
+    'tv-base-color-brand-5': '#673ab7',
+    'tv-base-color-brand-6': '#673ab7',
+    'tv-base-color-brand-7': '#673ab7',
+    'tv-base-color-brand-8': '#673ab7',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#673ab7',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme9 = {
   id: 'tiny-theme-9',
   name: 'Theme9',
   data: {
-    'ti-base-color-brand-1': '#f0f4ff;',
-    'ti-base-color-brand-2': '#f0f4ff;',
-    'ti-base-color-brand-3': '#4f7dff;',
-    'ti-base-color-brand-4': '#4f7dff;',
-    'ti-base-color-brand-5': '#4f7dff;',
-    'ti-base-color-brand-6': '#4f7dff;',
-    'ti-base-color-brand-7': '#4f7dff;',
-    'ti-base-color-brand-8': '#4f7dff;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#4f7dff',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#f0f4ff',
+    'tv-base-color-brand-2': '#f0f4ff',
+    'tv-base-color-brand-3': '#4f7dff',
+    'tv-base-color-brand-4': '#4f7dff',
+    'tv-base-color-brand-5': '#4f7dff',
+    'tv-base-color-brand-6': '#4f7dff',
+    'tv-base-color-brand-7': '#4f7dff',
+    'tv-base-color-brand-8': '#4f7dff',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#4f7dff',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme10 = {
   id: 'tiny-theme-10',
   name: 'Theme10',
   data: {
-    'ti-base-color-brand-1': '#f4fcf7;',
-    'ti-base-color-brand-2': '#f4fcf7;',
-    'ti-base-color-brand-3': '#4daf77;',
-    'ti-base-color-brand-4': '#4daf77;',
-    'ti-base-color-brand-5': '#4daf77;',
-    'ti-base-color-brand-6': '#4daf77;',
-    'ti-base-color-brand-7': '#4daf77;',
-    'ti-base-color-brand-8': '#4daf77;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#4daf77',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#f4fcf7',
+    'tv-base-color-brand-2': '#f4fcf7',
+    'tv-base-color-brand-3': '#4daf77',
+    'tv-base-color-brand-4': '#4daf77',
+    'tv-base-color-brand-5': '#4daf77',
+    'tv-base-color-brand-6': '#4daf77',
+    'tv-base-color-brand-7': '#4daf77',
+    'tv-base-color-brand-8': '#4daf77',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#4daf77',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme11 = {
   id: 'tiny-theme-11',
   name: 'Theme11',
   data: {
-    'ti-base-color-brand-1': '#f5faf0;',
-    'ti-base-color-brand-2': '#f5faf0;',
-    'ti-base-color-brand-3': '#5faa15;',
-    'ti-base-color-brand-4': '#5faa15;',
-    'ti-base-color-brand-5': '#5faa15;',
-    'ti-base-color-brand-6': '#5faa15;',
-    'ti-base-color-brand-7': '#5faa15;',
-    'ti-base-color-brand-8': '#5faa15;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#5faa15',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#f5faf0',
+    'tv-base-color-brand-2': '#f5faf0',
+    'tv-base-color-brand-3': '#5faa15',
+    'tv-base-color-brand-4': '#5faa15',
+    'tv-base-color-brand-5': '#5faa15',
+    'tv-base-color-brand-6': '#5faa15',
+    'tv-base-color-brand-7': '#5faa15',
+    'tv-base-color-brand-8': '#5faa15',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#5faa15',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme12 = {
   id: 'tiny-theme-12',
   name: 'Theme12',
   data: {
-    'ti-base-color-brand-1': '#fff9f5;',
-    'ti-base-color-brand-2': '#fff9f5;',
-    'ti-base-color-brand-3': '#ff6a0b;',
-    'ti-base-color-brand-4': '#ff6a0b;',
-    'ti-base-color-brand-5': '#ff6a0b;',
-    'ti-base-color-brand-6': '#ff6a0b;',
-    'ti-base-color-brand-7': '#ff6a0b;',
-    'ti-base-color-brand-8': '#ff6a0b;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#ff6a0b',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#fff9f5',
+    'tv-base-color-brand-2': '#fff9f5',
+    'tv-base-color-brand-3': '#ff6a0b',
+    'tv-base-color-brand-4': '#ff6a0b',
+    'tv-base-color-brand-5': '#ff6a0b',
+    'tv-base-color-brand-6': '#ff6a0b',
+    'tv-base-color-brand-7': '#ff6a0b',
+    'tv-base-color-brand-8': '#ff6a0b',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#ff6a0b',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme13 = {
   id: 'tiny-theme-13',
   name: 'Theme13',
   data: {
-    'ti-base-color-brand-1': '#fff7f8;',
-    'ti-base-color-brand-2': '#fff7f8;',
-    'ti-base-color-brand-3': '#f36b7f;',
-    'ti-base-color-brand-4': '#f36b7f;',
-    'ti-base-color-brand-5': '#f36b7f;',
-    'ti-base-color-brand-6': '#f36b7f;',
-    'ti-base-color-brand-7': '#f36b7f;',
-    'ti-base-color-brand-8': '#f36b7f;',
-    'ti-tree-menu-node-current-text-color': '#fff',
-    'ti-tree-menu-square-left-border-color': '#fff',
-    'ti-tree-menu-node-hover-bg-color': '#f36b7f',
-    'ti-base-common-title-color': '#272727',
-    'ti-base-icon-color': '#fff'
-  },
-};
+    'tv-base-color-brand-1': '#fff7f8',
+    'tv-base-color-brand-2': '#fff7f8',
+    'tv-base-color-brand-3': '#f36b7f',
+    'tv-base-color-brand-4': '#f36b7f',
+    'tv-base-color-brand-5': '#f36b7f',
+    'tv-base-color-brand-6': '#f36b7f',
+    'tv-base-color-brand-7': '#f36b7f',
+    'tv-base-color-brand-8': '#f36b7f',
+    'tv-tree-menu-node-current-text-color': '#fff',
+    'tv-tree-menu-square-left-border-color': '#fff',
+    'tv-tree-menu-node-hover-bg-color': '#f36b7f',
+    'tv-base-common-title-color': '#272727',
+    'tv-base-icon-color': '#fff'
+  },
+}
 
 const Theme14 = {
   id: 'tiny-theme-14',
   name: 'Theme14',
   data: {
-    'ti-base-color-brand-1': '#edf2f6;',
-    'ti-base-color-brand-2': '#edf2f6;',
-    'ti-base-color-brand-3': '#343a40;',
-    'ti-base-color-brand-4': '#343a40;',
-    'ti-base-color-brand-5': '#343a40;',
-    'ti-base-color-brand-6': '#343a40;',
-    'ti-base-color-brand-7': '#343a40;',
-    'ti-base-color-brand-8': '#343a40;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#edf2f6',
-    'ti-button-primary-normal-bg-color': '#edf2f6',
-    'ti-button-primary-text-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#edf2f6',
+    'tv-base-color-brand-2': '#edf2f6',
+    'tv-base-color-brand-3': '#343a40',
+    'tv-base-color-brand-4': '#343a40',
+    'tv-base-color-brand-5': '#343a40',
+    'tv-base-color-brand-6': '#343a40',
+    'tv-base-color-brand-7': '#343a40',
+    'tv-base-color-brand-8': '#343a40',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#edf2f6',
+    'tv-button-primary-normal-bg-color': '#edf2f6',
+    'tv-button-primary-text-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 
 const Theme15 = {
   id: 'tiny-theme-15',
   name: 'Theme15',
   data: {
-    'ti-base-color-brand-1': '#e5e8f5;',
-    'ti-base-color-brand-2': '#e5e8f5;',
-    'ti-base-color-brand-3': '#25316c;',
-    'ti-base-color-brand-4': '#25316c;',
-    'ti-base-color-brand-5': '#25316c;',
-    'ti-base-color-brand-6': '#25316c;',
-    'ti-base-color-brand-7': '#25316c;',
-    'ti-base-color-brand-8': '#25316c;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#e5e8f5',
-    'ti-button-primary-normal-bg-color': '#e5e8f5',
-    'ti-button-primary-text-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#e5e8f5',
+    'tv-base-color-brand-2': '#e5e8f5',
+    'tv-base-color-brand-3': '#25316c',
+    'tv-base-color-brand-4': '#25316c',
+    'tv-base-color-brand-5': '#25316c',
+    'tv-base-color-brand-6': '#25316c',
+    'tv-base-color-brand-7': '#25316c',
+    'tv-base-color-brand-8': '#25316c',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#e5e8f5',
+    'tv-button-primary-normal-bg-color': '#e5e8f5',
+    'tv-button-primary-text-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 
 const Theme16 = {
   id: 'tiny-theme-16',
   name: 'Theme16',
   data: {
-    'ti-base-color-brand-1': '#f7f4fc;',
-    'ti-base-color-brand-2': '#f7f4fc;',
-    'ti-base-color-brand-3': '#673ab7;',
-    'ti-base-color-brand-4': '#673ab7;',
-    'ti-base-color-brand-5': '#673ab7;',
-    'ti-base-color-brand-6': '#673ab7;',
-    'ti-base-color-brand-7': '#673ab7;',
-    'ti-base-color-brand-8': '#673ab7;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#673ab7',
-    'ti-button-primary-normal-bg-color': '#673ab7',
-    'ti-button-primary-text-color': '#000',
-    'ti-tree-menu-square-left-border-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#f7f4fc',
+    'tv-base-color-brand-2': '#f7f4fc',
+    'tv-base-color-brand-3': '#673ab7',
+    'tv-base-color-brand-4': '#673ab7',
+    'tv-base-color-brand-5': '#673ab7',
+    'tv-base-color-brand-6': '#673ab7',
+    'tv-base-color-brand-7': '#673ab7',
+    'tv-base-color-brand-8': '#673ab7',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#673ab7',
+    'tv-button-primary-normal-bg-color': '#673ab7',
+    'tv-button-primary-text-color': '#000',
+    'tv-tree-menu-square-left-border-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 
 const Theme17 = {
   id: 'tiny-theme-17',
   name: 'Theme17',
   data: {
-    'ti-base-color-brand-1': '#f0f4ff;',
-    'ti-base-color-brand-2': '#f0f4ff;',
-    'ti-base-color-brand-3': '#4f7dff;',
-    'ti-base-color-brand-4': '#4f7dff;',
-    'ti-base-color-brand-5': '#4f7dff;',
-    'ti-base-color-brand-6': '#4f7dff;',
-    'ti-base-color-brand-7': '#4f7dff;',
-    'ti-base-color-brand-8': '#4f7dff;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#4f7dff',
-    'ti-button-primary-normal-bg-color': '#4f7dff',
-    'ti-button-primary-text-color': '#000',
-    'ti-tree-menu-square-left-border-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#f0f4ff',
+    'tv-base-color-brand-2': '#f0f4ff',
+    'tv-base-color-brand-3': '#4f7dff',
+    'tv-base-color-brand-4': '#4f7dff',
+    'tv-base-color-brand-5': '#4f7dff',
+    'tv-base-color-brand-6': '#4f7dff',
+    'tv-base-color-brand-7': '#4f7dff',
+    'tv-base-color-brand-8': '#4f7dff',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#4f7dff',
+    'tv-button-primary-normal-bg-color': '#4f7dff',
+    'tv-button-primary-text-color': '#000',
+    'tv-tree-menu-square-left-border-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 
 const Theme18 = {
   id: 'tiny-theme-18',
   name: 'Theme18',
   data: {
-    'ti-base-color-brand-1': '#f4fcf7;',
-    'ti-base-color-brand-2': '#f4fcf7;',
-    'ti-base-color-brand-3': '#4daf77;',
-    'ti-base-color-brand-4': '#4daf77;',
-    'ti-base-color-brand-5': '#4daf77;',
-    'ti-base-color-brand-6': '#4daf77;',
-    'ti-base-color-brand-7': '#4daf77;',
-    'ti-base-color-brand-8': '#4daf77;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#4daf77',
-    'ti-button-primary-normal-bg-color': '#4daf77',
-    'ti-button-primary-text-color': '#000',
-    'ti-tree-menu-square-left-border-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#f4fcf7',
+    'tv-base-color-brand-2': '#f4fcf7',
+    'tv-base-color-brand-3': '#4daf77',
+    'tv-base-color-brand-4': '#4daf77',
+    'tv-base-color-brand-5': '#4daf77',
+    'tv-base-color-brand-6': '#4daf77',
+    'tv-base-color-brand-7': '#4daf77',
+    'tv-base-color-brand-8': '#4daf77',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#4daf77',
+    'tv-button-primary-normal-bg-color': '#4daf77',
+    'tv-button-primary-text-color': '#000',
+    'tv-tree-menu-square-left-border-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 
 const Theme19 = {
   id: 'tiny-theme-19',
   name: 'Theme19',
   data: {
-    'ti-base-color-brand-1': '#f5faf0;',
-    'ti-base-color-brand-2': '#f5faf0;',
-    'ti-base-color-brand-3': '#5faa15;',
-    'ti-base-color-brand-4': '#5faa15;',
-    'ti-base-color-brand-5': '#5faa15;',
-    'ti-base-color-brand-6': '#5faa15;',
-    'ti-base-color-brand-7': '#5faa15;',
-    'ti-base-color-brand-8': '#5faa15;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#5faa15',
-    'ti-button-primary-normal-bg-color': '#5faa15',
-    'ti-button-primary-text-color': '#000',
-    'ti-tree-menu-square-left-border-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#f5faf0',
+    'tv-base-color-brand-2': '#f5faf0',
+    'tv-base-color-brand-3': '#5faa15',
+    'tv-base-color-brand-4': '#5faa15',
+    'tv-base-color-brand-5': '#5faa15',
+    'tv-base-color-brand-6': '#5faa15',
+    'tv-base-color-brand-7': '#5faa15',
+    'tv-base-color-brand-8': '#5faa15',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#5faa15',
+    'tv-button-primary-normal-bg-color': '#5faa15',
+    'tv-button-primary-text-color': '#000',
+    'tv-tree-menu-square-left-border-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 
 const Theme20 = {
   id: 'tiny-theme-20',
   name: 'Theme20',
   data: {
-    'ti-base-color-brand-1': '#fff9F5;',
-    'ti-base-color-brand-2': '#fff9F5;',
-    'ti-base-color-brand-3': '#ff6a0b;',
-    'ti-base-color-brand-4': '#ff6a0b;',
-    'ti-base-color-brand-5': '#ff6a0b;',
-    'ti-base-color-brand-6': '#ff6a0b;',
-    'ti-base-color-brand-7': '#ff6a0b;',
-    'ti-base-color-brand-8': '#ff6a0b;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#ff6a0b',
-    'ti-button-primary-normal-bg-color': '#ff6a0b',
-    'ti-button-primary-text-color': '#000',
-    'ti-tree-menu-square-left-border-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#fff9F5',
+    'tv-base-color-brand-2': '#fff9F5',
+    'tv-base-color-brand-3': '#ff6a0b',
+    'tv-base-color-brand-4': '#ff6a0b',
+    'tv-base-color-brand-5': '#ff6a0b',
+    'tv-base-color-brand-6': '#ff6a0b',
+    'tv-base-color-brand-7': '#ff6a0b',
+    'tv-base-color-brand-8': '#ff6a0b',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#ff6a0b',
+    'tv-button-primary-normal-bg-color': '#ff6a0b',
+    'tv-button-primary-text-color': '#000',
+    'tv-tree-menu-square-left-border-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 
 const Theme21 = {
   id: 'tiny-theme-21',
   name: 'Theme21',
   data: {
-    'ti-base-color-brand-1': '#fff7F8;',
-    'ti-base-color-brand-2': '#fff7F8;',
-    'ti-base-color-brand-3': '#f36b7f;',
-    'ti-base-color-brand-4': '#f36b7f;',
-    'ti-base-color-brand-5': '#f36b7f;',
-    'ti-base-color-brand-6': '#f36b7f;',
-    'ti-base-color-brand-7': '#f36b7f;',
-    'ti-base-color-brand-8': '#f36b7f;',
-    'ti-tree-menu-node-current-text-color': '#000',
-    'ti-tree-menu-node-hover-bg-color': '#f36b7f',
-    'ti-button-primary-normal-bg-color': '#f36b7f',
-    'ti-button-primary-text-color': '#000',
-    'ti-tree-menu-square-left-border-color': '#000',
-    'ti-base-common-title-color': '#000',
-    'ti-base-icon-color': '#252b3a'
-  },
-};
+    'tv-base-color-brand-1': '#fff7F8',
+    'tv-base-color-brand-2': '#fff7F8',
+    'tv-base-color-brand-3': '#f36b7f',
+    'tv-base-color-brand-4': '#f36b7f',
+    'tv-base-color-brand-5': '#f36b7f',
+    'tv-base-color-brand-6': '#f36b7f',
+    'tv-base-color-brand-7': '#f36b7f',
+    'tv-base-color-brand-8': '#f36b7f',
+    'tv-tree-menu-node-current-text-color': '#000',
+    'tv-tree-menu-node-hover-bg-color': '#f36b7f',
+    'tv-button-primary-normal-bg-color': '#f36b7f',
+    'tv-button-primary-text-color': '#000',
+    'tv-tree-menu-square-left-border-color': '#000',
+    'tv-base-common-title-color': '#000',
+    'tv-base-icon-color': '#252b3a'
+  },
+}
 const SwitchlightColor: any = [
   {
     value: 1,
@@ -480,7 +751,7 @@ const SwitchlightColor: any = [
     dark: 'light',
     theme: Theme13,
   },
-];
+]
 
 const SwitchdarkColor: any = [
   {
@@ -531,7 +802,7 @@ const SwitchdarkColor: any = [
     dark: 'dark',
     theme: Theme21,
   },
-];
+]
 
 export {
   DefaultTheme,
@@ -549,4 +820,4 @@ export {
   Theme11,
   Theme12,
   Theme13,
-};
+}
diff --git a/packages/toolkits/pro/template/tinyvue/src/env.d.ts b/packages/toolkits/pro/template/tinyvue/src/env.d.ts
index 41f15fda..4415c864 100644
--- a/packages/toolkits/pro/template/tinyvue/src/env.d.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/env.d.ts
@@ -24,7 +24,6 @@ declare module '@opentiny/vue';
 declare module '@opentiny/vue-icon';
 declare module '@opentiny/vue-theme/theme-tool.js';
 declare module '@opentiny/vue-theme/theme';
-declare module 'echarts4';
 declare module 'query-string';
 declare const BUILD_TOOLS: string;
 declare interface NodeRequire {
diff --git a/packages/toolkits/pro/template/tinyvue/src/hooks/useTheme.ts b/packages/toolkits/pro/template/tinyvue/src/hooks/useTheme.ts
index c5d93694..5d384010 100644
--- a/packages/toolkits/pro/template/tinyvue/src/hooks/useTheme.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/hooks/useTheme.ts
@@ -1,14 +1,13 @@
 import { useAppStore } from '@/store';
 import { computed, onMounted, watch } from 'vue';
 import * as Themes from '@/components/theme/type';
-import TinyThemeTool from '@opentiny/vue-theme/theme-tool.js';
-import { tinySmbTheme } from '@opentiny/vue-theme/theme';
+import TinyThemeTool from '@opentiny/vue-theme/theme-tool';
 import useThemes from './themes';
 
 export const useTheme = (themeTool: typeof TinyThemeTool) => {
   const { themelist, $patch } = useAppStore();
   const themeName = computed(() =>
-    themelist.length
+    themelist?.length
       ? `${themelist[0].toUpperCase()}${themelist.slice(1).toLowerCase()}Theme`
       : 'DefaultTheme',
   );
@@ -18,7 +17,7 @@ export const useTheme = (themeTool: typeof TinyThemeTool) => {
     () => {
       themeTool.changeTheme(
         themeName.value === 'DefaultTheme'
-          ? tinySmbTheme
+          ? ''
           : (Themes as any)[themeName.value],
       );
     },
diff --git a/packages/toolkits/pro/template/tinyvue/src/layout/default-layout.vue b/packages/toolkits/pro/template/tinyvue/src/layout/default-layout.vue
index 6fefad12..93d4bc04 100644
--- a/packages/toolkits/pro/template/tinyvue/src/layout/default-layout.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/layout/default-layout.vue
@@ -82,9 +82,8 @@
     TabItem,
     Modal,
   } from '@opentiny/vue';
-  import TinyThemeTool from '@opentiny/vue-theme/theme-tool.js';
+  import TinyThemeTool from '@opentiny/vue-theme/theme-tool';
   import { useAppStore, useTabStore } from '@/store';
-  // eslint-disable-next-line import/extensions
   import Footer from '@/components/footer/index.vue';
   import NavBar from '@/components/navbar/index.vue';
   import Theme from '@/components/theme/index.vue';
diff --git a/packages/toolkits/pro/template/tinyvue/src/layout/general-layout.vue b/packages/toolkits/pro/template/tinyvue/src/layout/general-layout.vue
index 85f9b5b0..4edcfcc6 100644
--- a/packages/toolkits/pro/template/tinyvue/src/layout/general-layout.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/layout/general-layout.vue
@@ -20,7 +20,7 @@
 <style lang="less" scoped>
   .container {
     width: 100%;
-    height: calc(100% - var(--ti-common-size-12x));
+    height: calc(100% - var(--tv-common-size-12x));
   }
 
   .container-info {
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/create/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/create/index.vue
index 893e0e68..ffb8601a 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/create/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/create/index.vue
@@ -180,13 +180,13 @@
   .contain {
     width: 90%;
     margin-top: 10%;
-    color: var(--ti-common-color-text-secondary);
-    font-size: var(--ti-default-font-size);
-    line-height: var(--ti-formfield-item-required-label-line-height);
+    color: var(--tv-common-color-text-secondary);
+    font-size: var(--tv-default-font-size);
+    line-height: var(--tv-formfield-item-required-label-line-height);
 
     .tip {
       color: #999;
-      font-size: var(--ti-common-font-size-base);
+      font-size: var(--tv-common-font-size-base);
     }
 
     .btn {
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/edit/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/edit/index.vue
index eea2bf7b..5a9fde95 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/edit/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/components/edit/index.vue
@@ -190,23 +190,17 @@
   .contain {
     width: 90%;
     margin-top: 10%;
-    color: var(--ti-common-color-text-secondary);
-    font-size: var(--ti-default-font-size);
-    line-height: var(--ti-formfield-item-required-label-line-height);
+    color: var(--tv-common-color-text-secondary);
+    font-size: var(--tv-default-font-size);
+    line-height: var(--tv-formfield-item-required-label-line-height);
 
     .tip {
       color: #999;
-      font-size: var(--ti-common-font-size-base);
+      font-size: var(--tv-common-font-size-base);
     }
 
     .btn {
       margin-top: 6%;
-
-      :deep(.tiny-button) {
-        width: 100px;
-        height: 36px;
-        border-radius: 4px;
-      }
     }
 
     :deep(.row-flex) {
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/evaluation-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/evaluation-from.vue
index 675fa4bd..34bf9b91 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/evaluation-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/evaluation-from.vue
@@ -8,7 +8,6 @@
       label-width="120px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="8" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/home-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/home-from.vue
index 3d7dbfe6..ff2e6106 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/home-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/home-from.vue
@@ -4,7 +4,6 @@
       label-width="120px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="4" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/mentor-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/mentor-from.vue
index 224ce05e..c32b1376 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/mentor-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/mentor-from.vue
@@ -7,7 +7,6 @@
       :responsive-layout="true"
       label-width="220px"
       :label-align="true"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="8" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/objective-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/objective-from.vue
index b752afa9..ab4909f9 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/objective-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/objective-from.vue
@@ -8,7 +8,6 @@
       label-width="120px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="8" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/people-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/people-from.vue
index 3371b886..43206d32 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/people-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/people-from.vue
@@ -7,7 +7,6 @@
       label-width="120px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="4" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/plan-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/plan-from.vue
index 58388082..65d1e81a 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/plan-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/plan-from.vue
@@ -8,7 +8,6 @@
       label-width="120px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="8" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/reminder-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/reminder-from.vue
index 595f22bd..4847877b 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/reminder-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/components/reminder-from.vue
@@ -8,7 +8,6 @@
       label-width="120px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="8" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/base/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/base/index.vue
index a471b4be..25f55a04 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/base/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/base/index.vue
@@ -214,7 +214,7 @@
     box-shadow: 0 0 8px 8px rgba(169, 174, 184, 0.05);
 
     .card-tip {
-      padding-left: 40px;
+      padding-left: 23px;
       color: #e37d29;
       font-weight: normal;
       font-size: 12px;
@@ -240,20 +240,14 @@
     padding-top: 10px;
   }
 
-  :deep(.tiny-button) {
-    width: 100px;
-    height: 36px;
-    border-radius: 4px;
-  }
-
   :deep(
       .tiny-collapse-item__arrow.is-active,
       .tiny-collapse-item__arrow:hover
     ) {
-    fill: var(--ti-common-color-text-highlight);
+    fill: var(--tv-common-color-text-highlight);
   }
 
   :deep(.tiny-collapse-item__header svg) {
-    fill: var(--ti-common-color-text-highlight);
+    fill: var(--tv-common-color-text-highlight);
   }
 </style>
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/coach-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/coach-from.vue
index 0201c830..a312a4e1 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/coach-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/coach-from.vue
@@ -7,7 +7,6 @@
       label-width="150px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <transition-fade-down-group>
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/director-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/director-from.vue
index 209124af..2fca1178 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/director-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/director-from.vue
@@ -7,7 +7,6 @@
       label-width="150px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="4" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/head.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/head.vue
index fe487a3f..985a01ce 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/head.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/head.vue
@@ -119,7 +119,7 @@
   .user-image {
     font-style: oblique;
     border-radius: 60px;
-    fill: var(--ti-common-color-line-active);
+    fill: var(--tv-common-color-line-active);
   }
 
   .space {
@@ -139,8 +139,8 @@
   }
 
   .margin-bottom {
-    margin-top: 30px;
-    margin-bottom: 30px;
+    margin-top: 15px;
+    margin-bottom: 15px;
   }
 
   .col {
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/summation-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/summation-from.vue
index 7d572539..40f2a257 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/summation-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/step/components/summation-from.vue
@@ -7,7 +7,6 @@
       label-width="100px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="4" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/form/step/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/form/step/index.vue
index 9d55a4d3..be52eb24 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/form/step/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/form/step/index.vue
@@ -137,12 +137,6 @@
       min-width: 180px;
       margin-left: 210px;
       padding-bottom: 20px;
-
-      :deep(.tiny-button) {
-        width: 100px;
-        height: 36px;
-        border-radius: 4px;
-      }
     }
   }
   @media (max-width: @screen-xs) {
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/index.vue
index 80dc4020..01cbb911 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/index.vue
@@ -5,26 +5,24 @@
       <div class="contain-head">
         <span>{{ $t('searchTable.form.create') }}</span>
         <hr />
-        <div class="contain-img">
+        <div class="contain-img" @click="setCollapse = !setCollapse">
           <img
             v-if="setCollapse"
             src="@/assets/images/collapse.png"
             alt="collapse"
-            @click="collapse"
           />
           <img
-            v-if="!setCollapse"
+            v-else
             src="@/assets/images/expand.png"
             alt="expand"
-            @click="extend"
           />
-        </div>
-        <div class="contain-text">
-          {{
-            setCollapse
-              ? $t('searchTable.form.collapse')
-              : $t('searchTable.form.extend')
-          }}
+          <div class="contain-text">
+            {{
+              setCollapse
+                ? $t('searchTable.form.collapse')
+                : $t('searchTable.form.extend')
+            }}
+          </div>
         </div>
       </div>
       <tiny-form
@@ -32,7 +30,6 @@
         label-position="right"
         label-width="100px"
         class="filter-form"
-        size="small"
       >
         <transition-fade-slide-group>
           <tiny-row :flex="true" justify="center" class="col">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/search-table.less b/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/search-table.less
index ba6816f0..8309f04d 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/search-table.less
+++ b/packages/toolkits/pro/template/tinyvue/src/views/list/search-table/search-table.less
@@ -50,8 +50,13 @@
   .contain-img {
     position: relative;
     display: flex;
+    align-items: center;
     cursor: pointer;
 
+    img {
+      height: fit-content;
+    }
+
     img:hover {
       background: whitesmoke;
     }
@@ -77,7 +82,7 @@
 }
 
 .filter-form {
-  margin: 30px 0;
+  margin-top: 30px;
 }
 
 .col {
@@ -113,12 +118,6 @@
   justify-content: space-between;
   width: 100%;
 
-  button {
-    min-width: 100px;
-    height: 36px;
-    border-radius: 4px;
-  }
-
   .screen {
     display: flex;
     align-items: center;
@@ -176,10 +175,4 @@
 
 .search-btn {
   display: flex;
-
-  button {
-    width: 100px;
-    height: 36px;
-    border-radius: 4px;
-  }
 }
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/login/components/login-lang.vue b/packages/toolkits/pro/template/tinyvue/src/views/login/components/login-lang.vue
index f803e5ba..af90e7b1 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/login/components/login-lang.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/login/components/login-lang.vue
@@ -40,7 +40,7 @@
       padding: 6px;
       text-align: left;
       list-style-type: none;
-      box-shadow: 0 0 2px 2px var(--ti-common-color-bg-normal);
+      box-shadow: 0 0 2px 2px var(--tv-common-color-bg-normal);
       cursor: pointer;
     }
 
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/login/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/login/index.vue
index b2dbe14f..82978a2c 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/login/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/login/index.vue
@@ -69,9 +69,9 @@
     width: 450px;
     height: 550px;
     padding: 60px 40px;
-    font-size: var(--ti-common-font-size-1);
+    font-size: var(--tv-common-font-size-1);
     background: #fff;
-    box-shadow: 0 0 2px 2px var(--ti-common-color-bg-normal);
+    box-shadow: 0 0 2px 2px var(--tv-common-color-bg-normal);
 
     &-header {
       display: flex;
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/permission/info/components/info-tab.vue b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/components/info-tab.vue
index 1a95f2bb..9c34e120 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/permission/info/components/info-tab.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/components/info-tab.vue
@@ -84,7 +84,6 @@
             label-width="150px"
             :label-align="true"
             label-position="left"
-            size="small"
           >
             <tiny-row :flex="true" justify="left">
               <tiny-col :span="10" label-width="100px">
@@ -151,7 +150,7 @@
             label-width="150px"
             :label-align="true"
             label-position="left"
-            size="small"
+            
           >
             <tiny-row :flex="true" justify="left">
               <tiny-col :span="10" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/components/evaluation-detail.vue b/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/components/evaluation-detail.vue
index 41ee13c8..a53cf005 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/components/evaluation-detail.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/components/evaluation-detail.vue
@@ -61,8 +61,8 @@
 
 <style scoped lang="less">
   .margin-bottom {
-    margin-top: 20px;
-    margin-bottom: 30px;
+    margin-top: 15px;
+    margin-bottom: 15px;
   }
 
   .col > span {
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/index.vue
index 84034e5a..f1d74796 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/profile/detail/index.vue
@@ -164,8 +164,8 @@
   }
 
   .margin-bottom {
-    margin-top: 20px;
-    margin-bottom: 30px;
+    margin-top: 15px;
+    margin-bottom: 15px;
   }
 
   .col > span {
@@ -176,10 +176,10 @@
       .tiny-collapse-item__arrow.is-active,
       .tiny-collapse-item__arrow:hover
     ) {
-    fill: var(--ti-common-color-text-highlight);
+    fill: var(--tv-common-color-text-highlight);
   }
 
   :deep(.tiny-collapse-item__header svg) {
-    fill: var(--ti-common-color-text-highlight);
+    fill: var(--tv-common-color-text-highlight);
   }
 </style>
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/user/info/components/info-tab.vue b/packages/toolkits/pro/template/tinyvue/src/views/user/info/components/info-tab.vue
index 966866d6..74ed16e8 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/user/info/components/info-tab.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/user/info/components/info-tab.vue
@@ -220,7 +220,7 @@
     background: #fff;
     border: 1px solid #d9d9d9;
     border-radius: 4px;
-    box-shadow: 0 0 2px 2px var(--ti-common-color-bg-normal);
+    box-shadow: 0 0 2px 2px var(--tv-common-color-bg-normal);
 
     div {
       padding-top: 3px;
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/user/setting/components/set-from.vue b/packages/toolkits/pro/template/tinyvue/src/views/user/setting/components/set-from.vue
index dd4b1fb4..e9026a38 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/user/setting/components/set-from.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/user/setting/components/set-from.vue
@@ -7,7 +7,6 @@
       label-width="150px"
       :label-align="true"
       label-position="left"
-      size="small"
     >
       <tiny-row :flex="true" justify="left">
         <tiny-col :span="5" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue b/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue
index 9ca73c50..c31e1432 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue
@@ -287,7 +287,6 @@
             label-width="150px"
             :label-align="true"
             label-position="left"
-            size="small"
           >
             <tiny-row :flex="true" justify="left">
               <tiny-col :span="10" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue
index d52ea7da..bd53a32c 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue
@@ -10,7 +10,6 @@
             label-width="80"
             :label-align="true"
             label-position="left"
-            size="small"
           >
             <tiny-row :flex="true" justify="left">
               <tiny-col :span="5" label-width="100px">
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/userManager/useradd/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/userManager/useradd/index.vue
index 6252eb21..c731a4d7 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/userManager/useradd/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/userManager/useradd/index.vue
@@ -10,7 +10,6 @@
             label-width="80"
             :label-align="true"
             label-position="left"
-            size="small"
           >
             <tiny-row :flex="true" justify="left">
               <tiny-col :span="5" label-width="100px">