diff --git a/packages/modules.json b/packages/modules.json
index 012257d9d5..0ee7da219b 100644
--- a/packages/modules.json
+++ b/packages/modules.json
@@ -2819,6 +2819,7 @@
     "type": "component",
     "exclude": false,
     "mode": [
+      "mobile-first",
       "pc"
     ]
   },
@@ -2893,6 +2894,11 @@
     "type": "template",
     "exclude": false
   },
+  "UserMobileFirst": {
+    "path": "vue/src/user/src/mobile-first.vue",
+    "type": "template",
+    "exclude": false
+  },
   "UserPc": {
     "path": "vue/src/user/src/pc.vue",
     "type": "template",
diff --git a/packages/theme-saas/src/index.less b/packages/theme-saas/src/index.less
index e1f07a1cc1..7d799d98e1 100644
--- a/packages/theme-saas/src/index.less
+++ b/packages/theme-saas/src/index.less
@@ -117,6 +117,7 @@
 @import './popeditor/index.less';
 @import './poplist/index.less';
 @import './popover/index.less';
+@import './popup/index.less';
 @import './progress/index.less';
 @import './qr-code/index.less';
 @import './quarter-panel/index.less';
diff --git a/packages/theme/build/mapVar.js b/packages/theme/build/mapVar.js
index 800b148e63..30f493f835 100644
--- a/packages/theme/build/mapVar.js
+++ b/packages/theme/build/mapVar.js
@@ -98,42 +98,43 @@ export const mapVar = {
   /** 2.2 提示类型组件  ----Alert组件、Modal（message）组件、Tag 标签组件、Notify 通知、Tooltip、Badge、-错误校验等场景 **/
   '--tv-color-success-text': 'var(--tv-base-color-success-6)', // #5cb300 成功-文本色 tag的light、plain类型
   '--tv-color-success-text-primary': 'var(--tv-base-color-common-11)', // #191919 常规一级文本色（非主题色）
-  '--tv-color-success-text-white': 'var(--tv-base-color-common-1)', // #fff 深彩色背景文本色：tag的dark类型/tooltip/badge
   '--tv-color-success-bg': 'var(--tv-base-color-success-6)', // #5cb300 成功-背景色(深) tag的dark类型/tooltip/badge
   '--tv-color-success-bg-light': 'var(--tv-base-color-success-14)', // #e6f2d5 成功-背景色(浅) alert/tag的light类型
-  '--tv-color-success-bg-white': 'var(--tv-base-color-common-1)', // #fff 常规背景色（非主题色） 确认是否去掉？
+  '--tv-color-success-bg-1': 'var(--tv-base-color-success-14)', // #e6f2d5 tag的light类型
   '--tv-color-success-border': 'var(--tv-base-color-success-6)', // #5cb300 成功-边框色(深)  tooltip/badge/tag的dark、plain类型
   '--tv-color-success-border-light': 'var(--tv-base-color-success-14)', // #e6f2d5 成功-边框色（浅） alert/tag的light类型
+  '--tv-color-success-border-1': 'var(--tv-base-color-success-14)', // #e6f2d5 tag的light类型
   '--tv-color-success-icon': 'var(--tv-base-color-success-6)', // #5cb300 成功-图标色
 
   '--tv-color-error-text': 'var(--tv-base-color-error-6)', // #f23030  #f23030  错误-文本色/交易金额色/错误校验/tag的light、plain类型
   '--tv-color-error-text-primary': 'var(--tv-base-color-common-11)', // #191919 常规一级文本色（非主题色）
-  '--tv-color-error-text-white': 'var(--tv-base-color-common-1)', // #fff 深彩色背景文本色： tag的dark类型/tooltip/badge
   '--tv-color-error-bg': 'var(--tv-base-color-error-6)', // #f23030  #f23030  错误-背景色(深) tag的dark类型/tooltip/badge
+  '--tv-color-error-bg-1': 'var(--tv-base-color-error-13)', // #fce3e1 tag的light类型
   '--tv-color-error-bg-light': 'var(--tv-base-color-error-13)', // #fce3e1  错误-背景色(浅)": "错误校验背景色/alert/tag的light类型
-  '--tv-color-error-bg-white': 'var(--tv-base-color-common-1)', // #fff 常规背景色（非主题色）
   '--tv-color-error-border': 'var(--tv-base-color-error-6)', // #f23030  #f23030  错误-边框色(深) tooltip/badge/tag的dark、plain类型/错误校验边框色
   '--tv-color-error-border-light': 'var(--tv-base-color-error-13)', // #fce3e1  错误-边框色（浅） alert/tag的light类型
+  '--tv-color-error-border-1': 'var(--tv-base-color-error-13)', // #fce3e1 tag的light类型
   '--tv-color-error-icon': 'var(--tv-base-color-error-6)', // #f23030  #f23030   错误-图标色
 
   '--tv-color-warn-text': 'var(--tv-base-color-warn-6)', // #ff8800  告警-文本色  tag的light、plain类型
   '--tv-color-warn-text-primary': 'var(--tv-base-color-common-11)', // #191919 常规一级文本色（非主题色）
-  '--tv-color-warn-text-white': 'var(--tv-base-color-common-1)', // #fff 深彩色背景文本色：tag的dark类型/tooltip/badge
   '--tv-color-warn-bg': 'var(--tv-base-color-warn-6)', // #ff8800  告警-背景色(深) tag的dark类型/tooltip/badge
   '--tv-color-warn-bg-light': 'var(--tv-base-color-warn-2)', // #ffebd1 告警-背景色(浅) alert/tag的light类型
-  '--tv-color-warn-bg-white': 'var(--tv-base-color-common-1)', // #fff 常规背景色（非主题色）
+  '--tv-color-warn-bg-1': 'var(--tv-base-color-warn-2)', // #ffebd1 tag的light类型
   '--tv-color-warn-border': 'var(--tv-base-color-warn-6)', // #ff8800  告警-边框色(深)  tooltip/badge/tag的dark、plain类型
   '--tv-color-warn-border-light': 'var(--tv-base-color-warn-2)', // #ffebd1 告警-边框色（浅） alert/tag的light类型
+  '--tv-color-warn-border-1': 'var(--tv-base-color-warn-2)', // #ffebd1 tag的light类型
   '--tv-color-warn-icon': 'var(--tv-base-color-warn-6)', // #ff8800   告警-图标色
 
   '--tv-color-info-text': 'var(--tv-base-color-info-6)', // #1476ff 信息-文本色 tag的light、plain类型
   '--tv-color-info-text-primary': 'var(--tv-base-color-common-11)', // #191919 常规一级文本色（非主题色） tag的dark类型/tooltip/badge
-  '--tv-color-info-text-white': 'var(--tv-base-color-common-1)', // #fff 深彩色背景文本色：tag的dark类型/tooltip/badge
+  '--tv-color-info-text-1': 'var(--tv-base-color-info-6)', // #1476ff
   '--tv-color-info-bg': 'var(--tv-base-color-info-6)', // #1476ff 信息-背景色(深) alert/tag的light类型
+  '--tv-color-info-bg-1': 'var(--tv-base-color-info-2)', // #deecff
   '--tv-color-info-bg-light': 'var(--tv-base-color-info-2)', // #deecff 信息-背景色(浅) alert/tag的light类型
-  '--tv-color-info-bg-white': 'var(--tv-base-color-common-1)', // #fff 常规背景色（非主题色）
   '--tv-color-info-border': 'var(--tv-base-color-info-6)', // #1476ff 信息-边框色(深) tooltip/badge/tag的dark、plain类型
   '--tv-color-info-border-light': 'var(--tv-base-color-info-2)', // #deecff 信息-边框色（浅） alert/tag的light类型
+  '--tv-color-info-border-1': 'var(--tv-base-color-info-2)', // #deecff tag的light类型
   '--tv-color-info-icon': 'var(--tv-base-color-info-6)', // #1476ff  信息-图标色
 
   /** 2.3 交互类型颜色---- Button组件、Link 文字链接 **/
@@ -298,7 +299,7 @@ export const mapVar = {
   '--tv-color-text-control': 'var(--tv-base-color-common-11)', // #191919 左侧导航默认文本色/主要图标按钮/主要图标+按钮
   '--tv-color-text-inverse': 'var(--tv-base-color-common-1)', // #fff 亮色暗色都是白色场景
   '--tv-color-text-inverse-tint': 'var(--tv-base-color-common-1)', // #fff 暗色反色成黑色：主要按钮文本色
-  '--tv-color-text-inverse-black': ' var(--tv-base-color-common-11)', // #191919 tooltip的light文字
+  '--tv-color-text-inverse-black': 'var(--tv-base-color-common-11)', // #191919 tooltip的light文字
   '--tv-color-text-active-1': 'var(--tv-base-color-common-11)', // #191919 卡片式tab页签激活文本色
   '--tv-color-text-active-2': 'var(--tv-base-color-info-6)', // #1476ff  tree选中文本色
   '--tv-color-text-active-3': 'var(--tv-base-color-common-11)', // #191919 tab页签激活色
@@ -472,8 +473,8 @@ export const mapVar = {
   /** 8. 阴影变量 box-shadow **/
   '--tv-shadow-0': '0 4px 16px 0 rgba(0, 0, 0, 0.08)', //  页面布局容器组件（layout-section）阴影
   '--tv-shadow-1': '0 0 0 0 rgba(0, 0, 0, 0)', //  页面布局容器组件（layout-section）阴影
-  '--tv-shadow-cell-left': '-5px 0 5px 0 rgba(0,0,0,0.10)', // 表格固定列阴影
-  '--tv-shadow-cell-right': '5px 0 5px 0 rgba(0,0,0,0.10)', // 表格固定列阴影
+  '--tv-shadow-cell-left': '-5px 0 5px 0 rgba(0, 0, 0, 0.10)', // 表格固定列阴影
+  '--tv-shadow-cell-right': '5px 0 5px 0 rgba(0, 0, 0, 0.10)', // 表格固定列阴影
 
   '--tv-shadow-1-up': '0 -1px 4px 0 rgba(0, 0, 0, 0.08)', // 购买浮层
   '--tv-shadow-1-down': '0 1px 4px 0 rgba(0, 0, 0, 0.08)', // 页面卡片、滑块、顶部导航
diff --git a/packages/theme/build/release.js b/packages/theme/build/release.js
index 895510091f..819d2ccc2f 100644
--- a/packages/theme/build/release.js
+++ b/packages/theme/build/release.js
@@ -50,7 +50,7 @@ export default {
 cssStr = fs.readFileSync(path.resolve(root, 'dist/dark-theme-index.css'), 'utf8')
 
 // 2.3、把 :root.dark 替换为 :root
-cssStr = cssStr.replace(':root.dark', ':root')
+cssStr = cssStr.replace(':root.dark', ':root').replace(':host.dark', ':host')
 
 jsStr = jsStr.replace('#CSS#', cssStr)
 fs.writeFileSync(path.resolve(root, 'src/dark-theme-index.js'), jsStr) // 供开发时(pnpm site)， 可以访问到最新的定制主题变量
diff --git a/packages/theme/src/aurora-theme-index.js b/packages/theme/src/aurora-theme-index.js
index c3ae0a0cc2..f3a957d407 100644
--- a/packages/theme/src/aurora-theme-index.js
+++ b/packages/theme/src/aurora-theme-index.js
@@ -2,5 +2,5 @@ export default {
   id: 'tiny-aurora-theme',
   name: 'AuroraTheme',
   cnName: '欧若拉主题',
-  css: `:root, :host{--tv-base-color-brand:#1890ff;--tv-base-color-brand-1:#e6f7ff;--tv-base-color-brand-2:#deecff;--tv-base-color-brand-3:#91d5ff;--tv-base-color-brand-4:#7eb7fc;--tv-base-color-brand-5:#40a9ff;--tv-base-color-brand-6:#1890ff;--tv-base-color-common-1:#ffffff;--tv-base-color-common-2:#f1f1f1;--tv-base-color-common-3:#f5f5f5;--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;--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;--tv-base-color-success-1:#f6ffed;--tv-base-color-success-2:#daf2bb;--tv-base-color-success-3:#b9e683;--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;--tv-color-success-text:var(--tv-base-color-success-6);--tv-color-success-text-primary:#333;--tv-color-success-text-white:var(--tv-base-color-common-1);--tv-color-success-bg:var(--tv-base-color-success-6);--tv-color-success-bg-light:#f6ffed;--tv-color-success-bg-white:var(--tv-base-color-common-1);--tv-color-success-border:#95de64;--tv-color-success-border-light:#f6ffed;--tv-color-success-icon:var(--tv-base-color-success-6);--tv-color-error-text:#f5222d;--tv-color-error-text-primary:#333;--tv-color-error-text-white:var(--tv-base-color-common-1);--tv-color-error-bg:#f5222d;--tv-color-error-bg-light:#fff1f0;--tv-color-error-bg-white:var(--tv-base-color-common-1);--tv-color-error-border:#f5222d;--tv-color-error-border-light:#fff1f0;--tv-color-error-icon:#f5222d;--tv-color-warn-text:#faad14;--tv-color-warn-text-primary:#333;--tv-color-warn-text-white:var(--tv-base-color-common-1);--tv-color-warn-bg:#faad14;--tv-color-warn-bg-light:#fffbe6;--tv-color-warn-bg-white:var(--tv-base-color-common-1);--tv-color-warn-border:#faad14;--tv-color-warn-border-light:#fffbe6;--tv-color-warn-icon:#faad14;--tv-color-info-text:#1890ff;--tv-color-info-text-primary:#333;--tv-color-info-text-white:var(--tv-base-color-common-1);--tv-color-info-bg:#1890ff;--tv-color-info-bg-light:#e6f7ff;--tv-color-info-bg-white:var(--tv-base-color-common-1);--tv-color-info-border:#91d5ff;--tv-color-info-border-light:#e6f7ff;--tv-color-info-icon:#1890ff;--tv-color-act-primary-text:#1890ff;--tv-color-act-primary-text-hover:var(--tv-base-color-brand);--tv-color-act-primary-text-active:var(--tv-base-color-brand);--tv-color-act-primary-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-hover:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-active:var(--tv-base-color-common-1);--tv-color-act-primary-bg:var(--tv-base-color-brand);--tv-color-act-primary-bg-hover:#40a9ff;--tv-color-act-primary-bg-active:#096dd9;--tv-color-act-primary-bg-white:rgba(24, 144, 255, 0.06);--tv-color-act-primary-bg-white-hover:#1890ff;--tv-color-act-primary-bg-white-active:#096dd9;--tv-color-act-primary-border:var(--tv-base-color-brand);--tv-color-act-primary-border-hover:#40a9ff;--tv-color-act-primary-border-active:#096dd9;--tv-color-act-primary-border-light:#1890ff;--tv-color-act-primary-border-light-hover:#1890ff;--tv-color-act-primary-border-light-active:#1890ff;--tv-color-act-primary-border-light-hover-1:#40a9ff;--tv-color-act-primary-border-light-active-1:#40a9ff;--tv-color-act-primary-plain-text-hover:#fff;--tv-color-act-success-text:var(--tv-base-color-success-6);--tv-color-act-success-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-text-active:var(--tv-base-color-success-6);--tv-color-act-success-text-white:var(--tv-base-color-common-1);--tv-color-act-success-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-success-text-white-active:var(--tv-base-color-common-1);--tv-color-act-success-bg:var(--tv-base-color-success-6);--tv-color-act-success-bg-hover:#73d13d;--tv-color-act-success-bg-active:#389e0d;--tv-color-act-success-bg-light:rgba(82, 196, 26, 0.06);--tv-color-act-success-bg-light-hover:#52c41a;--tv-color-act-success-bg-light-active:#389e0d;--tv-color-act-success-border:var(--tv-base-color-success-6);--tv-color-act-success-border-hover:#73d13d;--tv-color-act-success-border-active:#389e0d;--tv-color-act-success-border-hover-1:#73d13d;--tv-color-act-success-border-active-1:#389e0d;--tv-color-act-success-border-light:#52c41a;--tv-color-act-success-border-light-hover:#73d13d;--tv-color-act-success-border-light-active:#389e0d;--tv-color-act-success-plain-text-hover:#fff;--tv-color-act-warning-text:#faad14;--tv-color-act-warning-text-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-text-active:var(--tv-base-color-warn-6);--tv-color-act-warning-text-white:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-active:var(--tv-base-color-common-1);--tv-color-act-warning-bg:#faad14;--tv-color-act-warning-bg-hover:#ffc53d;--tv-color-act-warning-bg-active:#ffc53d;--tv-color-act-warning-bg-light:rgba(250, 173, 20, 0.06);--tv-color-act-warning-bg-light-hover:#faad14;--tv-color-act-warning-bg-light-active:#ffc53d;--tv-color-act-warning-border:#faad14;--tv-color-act-warning-border-hover:#ffc53d;--tv-color-act-warning-border-active:#ffc53d;--tv-color-act-warning-border-hover-1:#ffc53d;--tv-color-act-warning-border-active-1:#ffc53d;--tv-color-act-warning-border-light:#faad14;--tv-color-act-warning-border-light-hover:#faad14;--tv-color-act-warning-border-light-active:#ffc53d;--tv-color-act-warning-plain-text-hover:#fff;--tv-color-act-danger-text:var(--tv-base-color-error-6);--tv-color-act-danger-text-hover:var(--tv-base-color-error-6);--tv-color-act-danger-text-active:var(--tv-base-color-error-6);--tv-color-act-danger-text-white:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-active:var(--tv-base-color-common-1);--tv-color-act-danger-bg:#f5222d;--tv-color-act-danger-bg-hover:#ff4d4f;--tv-color-act-danger-bg-active:#cf1322;--tv-color-act-danger-bg-light:rgba(245, 34, 45, 0.06);--tv-color-act-danger-bg-light-hover:#f5222d;--tv-color-act-danger-bg-light-active:#cf1322;--tv-color-act-danger-border:#f5222d;--tv-color-act-danger-border-hover:#ff4d4f;--tv-color-act-danger-border-active:#cf1322;--tv-color-act-danger-border-hover-1:#ff4d4f;--tv-color-act-danger-border-active-1:#cf1322;--tv-color-act-danger-border-light:#f5222d;--tv-color-act-danger-border-light-hover:#f5222d;--tv-color-act-danger-border-light-active:#cf1322;--tv-color-act-danger-plain-text-hover:#fff;--tv-color-act-info-text:#333;--tv-color-act-info-text-hover:#333;--tv-color-act-info-text-active:#333;--tv-color-act-info-text-white:var(--tv-base-color-common-1);--tv-color-act-info-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-info-text-white-active:var(--tv-base-color-common-1);--tv-color-act-info-bg:#333;--tv-color-act-info-bg-hover:#54657e;--tv-color-act-info-bg-active:#54657e;--tv-color-act-info-bg-light:rgba(51, 51, 51, 0.06);--tv-color-act-info-bg-light-hover:#333;--tv-color-act-info-bg-light-active:#54657e;--tv-color-act-info-border:#333;--tv-color-act-info-border-hover:#54657e;--tv-color-act-info-border-active:#54657e;--tv-color-act-info-border-hover-1:#54657e;--tv-color-act-info-border-active-1:#54657e;--tv-color-act-info-border-light:#333;--tv-color-act-info-border-light-hover:#333;--tv-color-act-info-border-light-active:#54657e;--tv-color-act-info-plain-text-hover:#fff;--tv-color-text:#333;--tv-color-text-secondary:#999;--tv-color-text-weaken:#909399;--tv-color-text-placeholder:#999;--tv-color-text-disabled:#999;--tv-color-text-active:#1890ff;--tv-color-text-important:#f5222d;--tv-color-text-link:#1890ff;--tv-color-text-link-hover:#40a9ff;--tv-color-plain-text-hover:#333;--tv-color-text-control:#333;--tv-color-text-inverse:var(--tv-base-color-common-1);--tv-color-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-text-active-1:#1890ff;--tv-color-text-active-2:#333;--tv-color-text-active-3:#1890ff;--tv-color-text-inverse-active:var(--tv-base-color-common-1);--tv-color-text-hover:#1890ff;--tv-color-text-link-1:#333;--tv-color-text-link-1-hover:#1890ff;--tv-color-icon:#bfbfbf;--tv-color-icon-hover:#1890ff;--tv-color-icon-active:#1890ff;--tv-color-icon-disabled:#bfbfbf;--tv-color-icon-checked-disabled:#999;--tv-color-icon-control:var(--tv-base-color-brand);--tv-color-icon-control-active:#1890ff;--tv-color-icon-control-disabled:#bfbfbf;--tv-color-icon-link:#1890ff;--tv-color-icon-warn-secondary:#fdc000;--tv-color-icon-inverse:var(--tv-base-color-common-1);--tv-color-icon-inverse-tint:var(--tv-base-color-common-1);--tv-color-icon-inverse-disabled:var(--tv-base-color-common-3);--tv-color-bg:var(--tv-base-color-common-3);--tv-color-bg-primary:#1890ff;--tv-color-bg-secondary:var(--tv-base-color-common-1);--tv-color-bg-control:#bfbfbf;--tv-color-bg-control-unactive:#bfbfbf;--tv-color-bg-gray-1:var(--tv-base-color-common-2);--tv-color-bg-gray-2:rgba(51, 51, 51, 0.06);--tv-color-bg-header:#f1f1f1;--tv-color-bg-mask:rgba(0, 0, 0, 0.3);--tv-color-bg-dark:#2e3243;--tv-color-bg-active-dark:#474c5e;--tv-color-bg-disabled:#f5f5f5;--tv-color-bg-disabled-control-checked:#bfbfbf;--tv-color-bg-disabled-control-unactive:#d9d9d9;--tv-color-bg-disabled-control-active:#d9d9d9;--tv-color-bg-hover:#e6f7ff;--tv-color-bg-hover-primary:#f1f1f1;--tv-color-bg-hover-secondary:var(--tv-base-color-common-1);--tv-color-bg-hover-1:#e6f7ff;--tv-color-bg-hover-2:rgba(0, 0, 0, 0.6);--tv-color-bg-hover-dark:#474c5e;--tv-color-bg-active:var(--tv-base-color-common-3);--tv-color-bg-active-control:#1890ff;--tv-color-bg-active-primary:var(--tv-base-color-brand);--tv-color-bg-active-secondary:var(--tv-base-color-common-1);--tv-color-bg-active-emphasize:#e6f7ff;--tv-color-bg-active-emphasize-light:rgba(47, 143, 232, 0.1);--tv-color-bg-2:var(--tv-base-color-common-1);--tv-color-bg-3:var(--tv-base-color-common-1);--tv-color-bg-4:#bfbfbf;--tv-color-bg-progressbar:var(--tv-base-color-success-6);--tv-color-bg-active-emphasize-1:var(--tv-base-color-common-1);--tv-color-bg-container-hover:var(--tv-base-color-common-1);--tv-color-bg-hover-3:var(--tv-base-color-brand-2);--tv-color-bg-hover-4:var(--tv-base-color-common-1);--tv-color-bg-active-primary-1:#40a9ff;--tv-color-bg-inverse:var(--tv-base-color-common-1);--tv-color-border:#d9d9d9;--tv-color-border-hover:var(--tv-base-color-brand);--tv-color-border-active:var(--tv-base-color-brand);--tv-color-border-active-control:var(--tv-base-color-brand-6);--tv-color-border-disabled:#d9d9d9;--tv-color-border-secondary:#d9d9d9;--tv-color-border-ghost:var(--tv-base-color-common-8);--tv-color-border-ghost-active:var(--tv-base-color-common-6);--tv-color-border-divider:#e4e7ed;--tv-color-border-divider-short:#d9d9d9;--tv-color-border-secondary-hover:var(--tv-base-color-brand);--tv-color-border-container:#d9d9d9;--tv-color-border-container-hover:var(--tv-base-color-brand);--tv-color-border-container-active:var(--tv-base-color-brand-6);--tv-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--tv-font-family-1:'Arial','San Francisco','Helvetica';--tv-font-size-sm:12px;--tv-font-size-md:14px;--tv-font-size-lg:16px;--tv-font-size-xl:18px;--tv-font-size-xxl:20px;--tv-font-size-default:var(--tv-font-size-sm);--tv-font-size-heading-xs:16px;--tv-font-size-heading-sm:18px;--tv-font-size-heading-md:20px;--tv-font-size-heading-lg:24px;--tv-font-size-heading-xl:32px;--tv-line-height-number:1.5;--tv-font-weight-thin:200;--tv-font-weight-regular:400;--tv-font-weight-bold:600;--tv-border-radius-xs:2px;--tv-border-radius-sm:2px;--tv-border-radius-md:2px;--tv-border-radius-lg:4px;--tv-border-radius-round:999px;--tv-border-radius-brand:2px;--tv-border-width:1px;--tv-space-base:4px;--tv-space-xs:2px;--tv-space-sm:var(--tv-space-base);--tv-space-md:calc(var(--tv-space-base) * 2);--tv-space-lg:calc(var(--tv-space-base) * 3);--tv-space-xl:calc(var(--tv-space-base) * 4);--tv-space-table-x:4px;--tv-space-table-y:4px;--tv-size-base:4px;--tv-size-height-xs:24px;--tv-size-height-sm:28px;--tv-size-height-md:30px;--tv-size-height-lg:36px;--tv-size-height-xl:42px;--tv-size-height-xxl:48px;--tv-icon-size:14px;--tv-shadow-0:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1:0 0 0 0 rgba(0, 0, 0, 0);--tv-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-left:-1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-right:1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-2-up:0 -2px 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-down:0 2px 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-left:-2px 0 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-right:2px 0 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-down:0 0 4px rgba(0, 0, 0, 0.3);--tv-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-4-up:0 -8px 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-down:0 8px 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-left:-8px 0 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-right:8px 0 24px 0 rgba(0, 0, 0, 0.16);--tv-size-scrollbar-width:8px;--tv-size-scrollbar-height:8px;--tv-border-radius-scrollbar-thumb:4px;--tv-color-bg-scrollbar-thumb:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-hover:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-active:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-track:var(--tv-base-color-common-1)}`
+  css: `:host,:root{--tv-base-color-brand:#1890ff;--tv-base-color-brand-1:#e6f7ff;--tv-base-color-brand-2:#deecff;--tv-base-color-brand-3:#91d5ff;--tv-base-color-brand-4:#7eb7fc;--tv-base-color-brand-5:#40a9ff;--tv-base-color-brand-6:#1890ff;--tv-base-color-common-1:#ffffff;--tv-base-color-common-2:#f1f1f1;--tv-base-color-common-3:#f5f5f5;--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;--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;--tv-base-color-success-1:#f6ffed;--tv-base-color-success-2:#daf2bb;--tv-base-color-success-3:#b9e683;--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;--tv-color-success-text:var(--tv-base-color-success-6);--tv-color-success-text-primary:#333;--tv-color-success-bg:var(--tv-base-color-success-6);--tv-color-success-bg-light:#f6ffed;--tv-color-success-bg-1:#f6ffed;--tv-color-success-border:#95de64;--tv-color-success-border-1:#f6ffed;--tv-color-success-border-light:#f6ffed;--tv-color-success-icon:var(--tv-base-color-success-6);--tv-color-error-text:#f5222d;--tv-color-error-text-primary:#333;--tv-color-error-bg:#f5222d;--tv-color-error-bg-light:#fff1f0;--tv-color-error-bg-1:#fff1f0;--tv-color-error-border:#f5222d;--tv-color-error-border-light:#fff1f0;--tv-color-error-border-1:#fff1f0;--tv-color-error-icon:#f5222d;--tv-color-warn-text:#faad14;--tv-color-warn-text-primary:#333;--tv-color-warn-bg:#faad14;--tv-color-warn-bg-light:#fffbe6;--tv-color-warn-bg-1:#fffbe6;--tv-color-warn-border:#faad14;--tv-color-warn-border-light:#fffbe6;--tv-color-warn-border-1:#fffbe6;--tv-color-warn-icon:#faad14;--tv-color-info-text:#1890ff;--tv-color-info-text-primary:#333;--tv-color-info-text-1:#1890ff;--tv-color-info-bg:#1890ff;--tv-color-info-bg-light:#e6f7ff;--tv-color-info-bg-1:#e6f7ff;--tv-color-info-border:#91d5ff;--tv-color-info-border-light:#e6f7ff;--tv-color-info-border-1:#e6f7ff;--tv-color-info-icon:#1890ff;--tv-color-act-primary-text:#1890ff;--tv-color-act-primary-text-hover:var(--tv-base-color-brand);--tv-color-act-primary-text-active:var(--tv-base-color-brand);--tv-color-act-primary-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-hover:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-active:var(--tv-base-color-common-1);--tv-color-act-primary-bg:var(--tv-base-color-brand);--tv-color-act-primary-bg-hover:#40a9ff;--tv-color-act-primary-bg-active:#096dd9;--tv-color-act-primary-bg-white:rgba(24, 144, 255, 0.06);--tv-color-act-primary-bg-white-hover:#1890ff;--tv-color-act-primary-bg-white-active:#096dd9;--tv-color-act-primary-border:var(--tv-base-color-brand);--tv-color-act-primary-border-hover:#40a9ff;--tv-color-act-primary-border-active:#096dd9;--tv-color-act-primary-border-light:#1890ff;--tv-color-act-primary-border-light-hover:#1890ff;--tv-color-act-primary-border-light-active:#1890ff;--tv-color-act-primary-border-light-hover-1:#40a9ff;--tv-color-act-primary-border-light-active-1:#40a9ff;--tv-color-act-primary-plain-text-hover:#fff;--tv-color-act-success-text:var(--tv-base-color-success-6);--tv-color-act-success-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-text-active:var(--tv-base-color-success-6);--tv-color-act-success-text-white:var(--tv-base-color-common-1);--tv-color-act-success-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-success-text-white-active:var(--tv-base-color-common-1);--tv-color-act-success-bg:var(--tv-base-color-success-6);--tv-color-act-success-bg-hover:#73d13d;--tv-color-act-success-bg-active:#389e0d;--tv-color-act-success-bg-light:rgba(82, 196, 26, 0.06);--tv-color-act-success-bg-light-hover:#52c41a;--tv-color-act-success-bg-light-active:#389e0d;--tv-color-act-success-border:var(--tv-base-color-success-6);--tv-color-act-success-border-hover:#73d13d;--tv-color-act-success-border-active:#389e0d;--tv-color-act-success-border-hover-1:#73d13d;--tv-color-act-success-border-active-1:#389e0d;--tv-color-act-success-border-light:#52c41a;--tv-color-act-success-border-light-hover:#73d13d;--tv-color-act-success-border-light-active:#389e0d;--tv-color-act-success-plain-text-hover:#fff;--tv-color-act-warning-text:#faad14;--tv-color-act-warning-text-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-text-active:var(--tv-base-color-warn-6);--tv-color-act-warning-text-white:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-active:var(--tv-base-color-common-1);--tv-color-act-warning-bg:#faad14;--tv-color-act-warning-bg-hover:#ffc53d;--tv-color-act-warning-bg-active:#ffc53d;--tv-color-act-warning-bg-light:rgba(250, 173, 20, 0.06);--tv-color-act-warning-bg-light-hover:#faad14;--tv-color-act-warning-bg-light-active:#ffc53d;--tv-color-act-warning-border:#faad14;--tv-color-act-warning-border-hover:#ffc53d;--tv-color-act-warning-border-active:#ffc53d;--tv-color-act-warning-border-hover-1:#ffc53d;--tv-color-act-warning-border-active-1:#ffc53d;--tv-color-act-warning-border-light:#faad14;--tv-color-act-warning-border-light-hover:#faad14;--tv-color-act-warning-border-light-active:#ffc53d;--tv-color-act-warning-plain-text-hover:#fff;--tv-color-act-danger-text:var(--tv-base-color-error-6);--tv-color-act-danger-text-hover:var(--tv-base-color-error-6);--tv-color-act-danger-text-active:var(--tv-base-color-error-6);--tv-color-act-danger-text-white:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-active:var(--tv-base-color-common-1);--tv-color-act-danger-bg:#f5222d;--tv-color-act-danger-bg-hover:#ff4d4f;--tv-color-act-danger-bg-active:#cf1322;--tv-color-act-danger-bg-light:rgba(245, 34, 45, 0.06);--tv-color-act-danger-bg-light-hover:#f5222d;--tv-color-act-danger-bg-light-active:#cf1322;--tv-color-act-danger-border:#f5222d;--tv-color-act-danger-border-hover:#ff4d4f;--tv-color-act-danger-border-active:#cf1322;--tv-color-act-danger-border-hover-1:#ff4d4f;--tv-color-act-danger-border-active-1:#cf1322;--tv-color-act-danger-border-light:#f5222d;--tv-color-act-danger-border-light-hover:#f5222d;--tv-color-act-danger-border-light-active:#cf1322;--tv-color-act-danger-plain-text-hover:#fff;--tv-color-act-info-text:#333;--tv-color-act-info-text-hover:#333;--tv-color-act-info-text-active:#333;--tv-color-act-info-text-white:var(--tv-base-color-common-1);--tv-color-act-info-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-info-text-white-active:var(--tv-base-color-common-1);--tv-color-act-info-bg:#333;--tv-color-act-info-bg-hover:#54657e;--tv-color-act-info-bg-active:#54657e;--tv-color-act-info-bg-light:rgba(51, 51, 51, 0.06);--tv-color-act-info-bg-light-hover:#333;--tv-color-act-info-bg-light-active:#54657e;--tv-color-act-info-border:#333;--tv-color-act-info-border-hover:#54657e;--tv-color-act-info-border-active:#54657e;--tv-color-act-info-border-hover-1:#54657e;--tv-color-act-info-border-active-1:#54657e;--tv-color-act-info-border-light:#333;--tv-color-act-info-border-light-hover:#333;--tv-color-act-info-border-light-active:#54657e;--tv-color-act-info-plain-text-hover:#fff;--tv-color-text:#333;--tv-color-text-secondary:#999;--tv-color-text-weaken:#909399;--tv-color-text-placeholder:#999;--tv-color-text-disabled:#999;--tv-color-text-active:#1890ff;--tv-color-text-important:#f5222d;--tv-color-text-link:#1890ff;--tv-color-text-link-hover:#40a9ff;--tv-color-plain-text-hover:#333;--tv-color-text-control:var(--tv-base-color-common-10);--tv-color-text-inverse:var(--tv-base-color-common-1);--tv-color-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-text-inverse-black:var(--tv-base-color-common-11);--tv-color-text-active-1:#1890ff;--tv-color-text-active-2:var(--tv-base-color-common-10);--tv-color-text-active-3:#1890ff;--tv-color-text-inverse-active:var(--tv-base-color-common-1);--tv-color-text-hover:#1890ff;--tv-color-text-link-1:var(--tv-base-color-common-10);--tv-color-text-link-1-hover:#1890ff;--tv-color-icon:#bfbfbf;--tv-color-icon-hover:#1890ff;--tv-color-icon-active:#1890ff;--tv-color-icon-disabled:#bfbfbf;--tv-color-icon-checked-disabled:#999;--tv-color-icon-control:var(--tv-base-color-brand);--tv-color-icon-control-active:#1890ff;--tv-color-icon-control-disabled:#bfbfbf;--tv-color-icon-link:#1890ff;--tv-color-icon-warn-secondary:#fdc000;--tv-color-icon-inverse:var(--tv-base-color-common-1);--tv-color-icon-inverse-tint:var(--tv-base-color-common-1);--tv-color-bg:var(--tv-base-color-common-3);--tv-color-bg-primary:#1890ff;--tv-color-bg-secondary:var(--tv-base-color-common-1);--tv-color-bg-control:#bfbfbf;--tv-color-bg-control-unactive:#bfbfbf;--tv-color-bg-gray-1:var(--tv-base-color-common-2);--tv-color-bg-gray-2:rgba(51, 51, 51, 0.06);--tv-color-bg-header:#f1f1f1;--tv-color-bg-mask:rgba(0, 0, 0, 0.3);--tv-color-bg-dark:#2e3243;--tv-color-bg-disabled:#f5f5f5;--tv-color-bg-disabled-control-checked:#bfbfbf;--tv-color-bg-disabled-control-unactive:#d9d9d9;--tv-color-bg-disabled-control-active:#d9d9d9;--tv-color-bg-hover:#e6f7ff;--tv-color-bg-hover-primary:#f1f1f1;--tv-color-bg-hover-secondary:var(--tv-base-color-common-1);--tv-color-bg-hover-1:#e6f7ff;--tv-color-bg-hover-2:rgba(0, 0, 0, 0.6);--tv-color-bg-hover-dark:#474c5e;--tv-color-bg-active:var(--tv-base-color-common-3);--tv-color-bg-active-control:var(--tv-base-color-brand);--tv-color-bg-active-primary:var(--tv-base-color-brand);--tv-color-bg-active-secondary:var(--tv-base-color-common-1);--tv-color-bg-active-emphasize:#e6f7ff;--tv-color-bg-active-emphasize-light:rgba(47, 143, 232, 0.1);--tv-color-bg-active-dark:#474c5e;--tv-color-bg-2:var(--tv-base-color-common-1);--tv-color-bg-3:var(--tv-base-color-common-1);--tv-color-bg-4:var(--tv-base-color-common-7);--tv-color-bg-progressbar:var(--tv-base-color-success-6);--tv-color-bg-active-emphasize-1:var(--tv-base-color-common-1);--tv-color-bg-container-hover:var(--tv-base-color-common-1);--tv-color-bg-hover-3:var(--tv-base-color-brand-2);--tv-color-bg-hover-4:var(--tv-base-color-common-1);--tv-color-bg-active-primary-1:var(--tv-base-color-brand-5);--tv-color-bg-inverse:var(--tv-base-color-common-1);--tv-color-bg-active-control-1:var(--tv-base-color-common-9);--tv-color-bg-5:var(--tv-base-color-common-7);--tv-color-bg-5-active:var(--tv-base-color-common-1);--tv-color-bg-inverse-tint-1:#606266;--tv-color-bg-disabled-control:var(--tv-base-color-brand-5);--tv-color-bg-inverse-disabled:var(--tv-base-color-common-1);--tv-color-border:var(--tv-base-color-common-6);--tv-color-border-hover:var(--tv-base-color-brand);--tv-color-border-active:var(--tv-base-color-brand);--tv-color-border-active-control:var(--tv-base-color-brand-6);--tv-color-border-disabled:var(--tv-base-color-common-15);--tv-color-border-secondary:var(--tv-base-color-common-15);--tv-color-border-ghost:var(--tv-base-color-common-8);--tv-color-border-ghost-active:var(--tv-base-color-common-6);--tv-color-border-divider:var(--tv-base-color-common-4);--tv-color-border-divider-short:var(--tv-base-color-common-15);--tv-color-border-secondary-hover:var(--tv-base-color-brand);--tv-color-border-container:var(--tv-base-color-common-15);--tv-color-border-container-hover:var(--tv-base-color-brand);--tv-color-border-container-active:var(--tv-base-color-brand-6);--tv-color-border-inverse-tint:var(--tv-base-color-common-1);--tv-color-border-1:var(--tv-base-color-common-1);--tv-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--tv-font-family-1:'Arial','San Francisco','Helvetica';--tv-font-size-sm:12px;--tv-font-size-md:14px;--tv-font-size-lg:16px;--tv-font-size-xl:18px;--tv-font-size-xxl:20px;--tv-font-size-default:var(--tv-font-size-sm);--tv-font-size-heading-xs:16px;--tv-font-size-heading-sm:18px;--tv-font-size-heading-md:20px;--tv-font-size-heading-lg:24px;--tv-font-size-heading-xl:32px;--tv-line-height-number:1.5;--tv-font-weight-thin:200;--tv-font-weight-regular:400;--tv-font-weight-bold:600;--tv-border-radius-xs:2px;--tv-border-radius-sm:2px;--tv-border-radius-md:2px;--tv-border-radius-lg:4px;--tv-border-radius-round:999px;--tv-border-radius-brand:2px;--tv-border-width:1px;--tv-space-base:4px;--tv-space-xs:2px;--tv-space-sm:var(--tv-space-base);--tv-space-md:calc(var(--tv-space-base) * 2);--tv-space-lg:calc(var(--tv-space-base) * 3);--tv-space-xl:calc(var(--tv-space-base) * 4);--tv-space-table-x:4px;--tv-space-table-y:4px;--tv-size-base:4px;--tv-size-height-xs:24px;--tv-size-height-sm:28px;--tv-size-height-md:30px;--tv-size-height-lg:36px;--tv-size-height-xl:42px;--tv-size-height-xxl:48px;--tv-icon-size:14px;--tv-shadow-0:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1:0 0 0 0 rgba(0, 0, 0, 0);--tv-shadow-cell-left:-5px 0 5px 0 rgba(0, 0, 0, 0.1);--tv-shadow-cell-right:5px 0 5px 0 rgba(0, 0, 0, 0.1);--tv-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-left:-1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-right:1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-2-up:0 -2px 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-down:0 2px 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-left:-2px 0 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-right:2px 0 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-down:0 0 4px rgba(0, 0, 0, 0.3);--tv-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-4-up:0 -8px 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-down:0 8px 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-left:-8px 0 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-right:8px 0 24px 0 rgba(0, 0, 0, 0.16);--tv-size-scrollbar-width:8px;--tv-size-scrollbar-height:8px;--tv-border-radius-scrollbar-thumb:4px;--tv-color-bg-scrollbar-thumb:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-hover:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-active:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-track:var(--tv-base-color-common-1)}`
 }
diff --git a/packages/theme/src/dark-theme-index.js b/packages/theme/src/dark-theme-index.js
index 2ba73d79fc..1d2ba68be5 100644
--- a/packages/theme/src/dark-theme-index.js
+++ b/packages/theme/src/dark-theme-index.js
@@ -2,5 +2,5 @@ export default {
   id: 'tiny-dark-theme',
   name: 'DarkTheme',
   cnName: '暗黑主题',
-  css: `:root, :host{--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;--tv-base-color-common-1:#ffffff;--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;--tv-base-color-common-10:#262626;--tv-base-color-common-11:#1A1A1A;--tv-base-color-common-12:#0D0D0D;--tv-base-color-common-13:#000000;--tv-base-color-success-1:#003303;--tv-base-color-success-2:#054D00;--tv-base-color-success-3:#166610;--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;--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;--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;--tv-color-success-text:var(--tv-base-color-success-6);--tv-color-success-text-primary:var(--tv-base-color-common-2);--tv-color-success-text-white:var(--tv-base-color-common-1);--tv-color-success-bg:var(--tv-base-color-success-6);--tv-color-success-bg-light:#394E3B;--tv-color-success-bg-white:var(--tv-base-color-common-1);--tv-color-success-border:var(--tv-base-color-success-6);--tv-color-success-border-light:#394E3B;--tv-color-success-icon:var(--tv-base-color-success-6);--tv-color-error-text:var(--tv-base-color-error-6);--tv-color-error-text-primary:var(--tv-base-color-common-2);--tv-color-error-text-white:var(--tv-base-color-common-1);--tv-color-error-bg:var(--tv-base-color-error-6);--tv-color-error-bg-light:#583634;--tv-color-error-bg-white:var(--tv-base-color-common-1);--tv-color-error-border:var(--tv-base-color-error-6);--tv-color-error-border-light:#583634;--tv-color-error-icon:var(--tv-base-color-error-6);--tv-color-warn-text:var(--tv-base-color-warn-6);--tv-color-warn-text-primary:var(--tv-base-color-common-11);--tv-color-warn-text-white:var(--tv-base-color-common-1);--tv-color-warn-bg:var(--tv-base-color-warn-6);--tv-color-warn-bg-light:#624626;--tv-color-warn-bg-white:var(--tv-base-color-common-1);--tv-color-warn-border:var(--tv-base-color-warn-6);--tv-color-warn-border-light:#624626;--tv-color-warn-icon:var(--tv-base-color-warn-6);--tv-color-info-text:var(--tv-base-color-info-7);--tv-color-info-text-primary:var(--tv-base-color-common-2);--tv-color-info-text-white:var(--tv-base-color-common-1);--tv-color-info-bg:var(--tv-base-color-info-7);--tv-color-info-bg-light:#2E4364;--tv-color-info-bg-white:var(--tv-base-color-common-1);--tv-color-info-border:var(--tv-base-color-info-7);--tv-color-info-border-light:#2E4364;--tv-color-info-icon:var(--tv-base-color-info-7);--tv-color-act-primary-text:var(--tv-base-color-brand);--tv-color-act-primary-text-hover:var(--tv-base-color-brand);--tv-color-act-primary-text-active:var(--tv-base-color-brand);--tv-color-act-primary-text-inverse-tint:var(--tv-base-color-common-13);--tv-color-act-primary-text-inverse-tint-hover:var(--tv-base-color-common-13);--tv-color-act-primary-text-inverse-tint-active:var(--tv-base-color-common-13);--tv-color-act-primary-plain-text-hover:var(--tv-base-color-brand);--tv-color-act-primary-bg:var(--tv-base-color-common-2);--tv-color-act-primary-bg-hover:var(--tv-base-color-common-4);--tv-color-act-primary-bg-active:var(--tv-base-color-common-4);--tv-color-act-primary-bg-white:var(--tv-base-color-common-1);--tv-color-act-primary-bg-white-hover:var(--tv-base-color-common-1);--tv-color-act-primary-bg-white-active:var(--tv-base-color-common-1);--tv-color-act-primary-border:var(--tv-base-color-common-2);--tv-color-act-primary-border-hover:var(--tv-base-color-common-4);--tv-color-act-primary-border-active:var(--tv-base-color-common-4);--tv-color-act-primary-border-light:var(--tv-base-color-common-9);--tv-color-act-primary-border-light-hover:var(--tv-base-color-common-1);--tv-color-act-primary-border-light-active:var(--tv-base-color-common-1);--tv-color-act-primary-border-light-hover-1:var(--tv-base-color-common-7);--tv-color-act-primary-border-light-active-1:var(--tv-base-color-common-7);--tv-color-act-success-text:var(--tv-base-color-success-6);--tv-color-act-success-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-text-active:var(--tv-base-color-success-6);--tv-color-act-success-text-white:var(--tv-base-color-common-1);--tv-color-act-success-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-success-text-white-active:var(--tv-base-color-common-1);--tv-color-act-success-plain-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-bg:var(--tv-base-color-success-6);--tv-color-act-success-bg-hover:var(--tv-base-color-success-5);--tv-color-act-success-bg-active:var(--tv-base-color-success-5);--tv-color-act-success-bg-light:var(--tv-base-color-success-1);--tv-color-act-success-bg-light-hover:var(--tv-base-color-success-1);--tv-color-act-success-bg-light-active:var(--tv-base-color-success-1);--tv-color-act-success-border:var(--tv-base-color-success-6);--tv-color-act-success-border-hover:var(--tv-base-color-success-5);--tv-color-act-success-border-active:var(--tv-base-color-success-5);--tv-color-act-success-border-hover-1:var(--tv-base-color-success-2);--tv-color-act-success-border-active-1:var(--tv-base-color-success-2);--tv-color-act-success-border-light:var(--tv-base-color-success-2);--tv-color-act-success-border-light-hover:var(--tv-base-color-success-1);--tv-color-act-success-border-light-active:var(--tv-base-color-success-1);--tv-color-act-warning-text:var(--tv-base-color-warn-6);--tv-color-act-warning-text-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-text-active:var(--tv-base-color-warn-6);--tv-color-act-warning-text-white:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-active:var(--tv-base-color-common-1);--tv-color-act-warning-plain-text-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-bg:var(--tv-base-color-warn-6);--tv-color-act-warning-bg-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-active:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-light:var(--tv-base-color-warn-1);--tv-color-act-warning-bg-light-hover:var(--tv-base-color-warn-1);--tv-color-act-warning-bg-light-active:var(--tv-base-color-warn-1);--tv-color-act-warning-border:var(--tv-base-color-warn-6);--tv-color-act-warning-border-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-border-active:var(--tv-base-color-warn-5);--tv-color-act-warning-border-hover-1:#624626;--tv-color-act-warning-border-active-1:#624626;--tv-color-act-warning-border-light:#624626;--tv-color-act-warning-border-light-hover:var(--tv-base-color-warn-1);--tv-color-act-warning-border-light-active:var(--tv-base-color-warn-1);--tv-color-act-danger-text:var(--tv-base-color-error-6);--tv-color-act-danger-text-hover:var(--tv-base-color-error-6);--tv-color-act-danger-text-active:var(--tv-base-color-error-6);--tv-color-act-danger-text-white:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-active:var(--tv-base-color-common-1);--tv-color-act-danger-plain-text-hover:var(--tv-base-color-error-6);--tv-color-act-danger-bg:var(--tv-base-color-error-6);--tv-color-act-danger-bg-hover:var(--tv-base-color-error-5);--tv-color-act-danger-bg-active:var(--tv-base-color-error-5);--tv-color-act-danger-bg-light:var(--tv-base-color-error-1);--tv-color-act-danger-bg-light-hover:var(--tv-base-color-error-1);--tv-color-act-danger-bg-light-active:var(--tv-base-color-error-1);--tv-color-act-danger-border:var(--tv-base-color-error-6);--tv-color-act-danger-border-hover:var(--tv-base-color-error-5);--tv-color-act-danger-border-active:var(--tv-base-color-error-5);--tv-color-act-danger-border-hover-1:#583634;--tv-color-act-danger-border-active-1:#583634;--tv-color-act-danger-border-light:#583634;--tv-color-act-danger-border-light-hover:var(--tv-base-color-error-1);--tv-color-act-danger-border-light-active:var(--tv-base-color-error-1);--tv-color-act-info-text:var(--tv-base-color-info-7);--tv-color-act-info-text-hover:var(--tv-base-color-info-7);--tv-color-act-info-text-active:var(--tv-base-color-info-7);--tv-color-act-info-text-white:var(--tv-base-color-common-1);--tv-color-act-info-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-info-text-white-active:var(--tv-base-color-common-1);--tv-color-act-info-plain-text-hover:var(--tv-base-color-info-7);--tv-color-act-info-bg:var(--tv-base-color-info-7);--tv-color-act-info-bg-hover:var(--tv-base-color-info-5);--tv-color-act-info-bg-active:var(--tv-base-color-info-5);--tv-color-act-info-bg-light:var(--tv-base-color-info-1);--tv-color-act-info-bg-light-hover:var(--tv-base-color-info-1);--tv-color-act-info-bg-light-active:var(--tv-base-color-info-1);--tv-color-act-info-border:var(--tv-base-color-info-7);--tv-color-act-info-border-hover:var(--tv-base-color-info-5);--tv-color-act-info-border-active:var(--tv-base-color-info-5);--tv-color-act-info-border-hover-1:#2E4364;--tv-color-act-info-border-active-1:#2E4364;--tv-color-act-info-border-light:#2E4364;--tv-color-act-info-border-light-hover:var(--tv-base-color-info-1);--tv-color-act-info-border-light-active:var(--tv-base-color-info-1);--tv-color-text:var(--tv-base-color-common-2);--tv-color-text-secondary:var(--tv-base-color-common-4);--tv-color-text-weaken:var(--tv-base-color-common-6);--tv-color-text-placeholder:var(--tv-base-color-common-6);--tv-color-text-disabled:var(--tv-base-color-common-6);--tv-color-text-active:var(--tv-base-color-info-8);--tv-color-text-important:var(--tv-base-color-common-2);--tv-color-text-link:var(--tv-base-color-brand-6);--tv-color-text-link-hover:var(--tv-base-color-brand-6);--tv-color-plain-text-hover:var(--tv-base-color-common-2);--tv-color-text-control:var(--tv-base-color-common-4);--tv-color-text-inverse:var(--tv-base-color-common-1);--tv-color-text-inverse-tint:var(--tv-base-color-common-13);--tv-color-text-active-1:var(--tv-base-color-common-1);--tv-color-text-active-2:var(--tv-base-color-info-7);--tv-color-text-active-3:var(--tv-base-color-common-2);--tv-color-text-inverse-active:var(--tv-base-color-common-1);--tv-color-text-hover:var(--tv-base-color-common-2);--tv-color-text-link-1:var(--tv-base-color-common-4);--tv-color-text-link-1-hover:var(--tv-base-color-common-4);--tv-color-icon:var(--tv-base-color-common-4);--tv-color-icon-hover:var(--tv-base-color-common-2);--tv-color-icon-active:var(--tv-base-color-common-2);--tv-color-icon-disabled:var(--tv-base-color-common-6);--tv-color-icon-checked-disabled:var(--tv-base-color-brand-4);--tv-color-icon-control:var(--tv-base-color-common-4);--tv-color-icon-control-active:var(--tv-base-color-brand-7);--tv-color-icon-control-disabled:rgba(255, 255, 255, 0.15);--tv-color-icon-link:var(--tv-base-color-brand-8);--tv-color-icon-warn-secondary:var(--tv-base-color-warn-secondary-1);--tv-color-icon-inverse:var(--tv-base-color-common-1);--tv-color-icon-inverse-tint:var(--tv-base-color-common-13);--tv-color-icon-inverse-disabled:var(--tv-base-color-common-5);--tv-color-bg:rgba(255, 255, 255, 0.1);--tv-color-bg-primary:var(--tv-base-color-common-2);--tv-color-bg-secondary:rgba(255, 255, 255, 0);--tv-color-bg-control-unactive:var(--tv-base-color-common-8);--tv-color-bg-gray-1:rgba(255, 255, 255, 0.05);--tv-color-bg-gray-2:rgba(255, 255, 255, 0.2);--tv-color-bg-header:var(--tv-base-color-common-10);--tv-color-bg-mask:rgba(0, 0, 0, 0.3);--tv-color-bg-dark:var(--tv-base-color-common-11);--tv-color-bg-disabled:rgba(255, 255, 255, 0.15);--tv-color-bg-disabled-control-checked:rgba(255, 255, 255, 0.2);--tv-color-bg-disabled-control-unactive:var(--tv-base-color-common-6);--tv-color-bg-disabled-control-active:var(--tv-base-color-brand-4);--tv-color-bg-hover:var(--tv-base-color-common-10);--tv-color-bg-hover-primary:var(--tv-base-color-common-4);--tv-color-bg-hover-secondary:rgba(255, 255, 255, 0);--tv-color-bg-hover-1:var(--tv-base-color-brand-8);--tv-color-bg-hover-2:rgba(255, 255, 255, 0.2);--tv-color-bg-hover-dark:var(--tv-base-color-common-11);--tv-color-bg-active:rgba(255, 255, 255, 0.1);--tv-color-bg-active-control:var(--tv-base-color-brand-7);--tv-color-bg-active-primary:var(--tv-base-color-common-2);--tv-color-bg-active-secondary:rgba(255, 255, 255, 0);--tv-color-bg-active-emphasize:#317af733;--tv-color-bg-active-emphasize-light:#152A47;--tv-color-bg-active-dark:var(--tv-base-color-common-11);--tv-color-bg-2:var(--tv-base-color-common-9);--tv-color-bg-3:var(--tv-base-color-common-11);--tv-color-bg-4:var(--tv-base-color-common-6);--tv-color-bg-progressbar:var(--tv-base-color-success-6);--tv-color-bg-active-emphasize-1:var(--tv-base-color-common-9);--tv-color-bg-container-hover:rgba(255, 255, 255, 0.05);--tv-color-bg-hover-3:#317af733;--tv-color-bg-hover-4:var(--tv-base-color-common-10);--tv-color-bg-active-primary-1:var(--tv-base-color-common-4);--tv-color-bg-inverse:var(--tv-base-color-common-1);--tv-color-border:var(--tv-base-color-common-6);--tv-color-border-hover:var(--tv-base-color-common-2);--tv-color-border-active:var(--tv-base-color-common-2);--tv-color-border-active-control:var(--tv-base-color-brand-7);--tv-color-border-disabled:rgba(255, 255, 255, 0.15);--tv-color-border-secondary:var(--tv-base-color-common-6);--tv-color-border-ghost:var(--tv-base-color-common-8);--tv-color-border-ghost-active:var(--tv-base-color-common-6);--tv-color-border-divider:rgba(255, 255, 255, 0.1);--tv-color-border-divider-short:rgba(255, 255, 255, 0.2);--tv-color-border-secondary-hover:var(--tv-base-color-common-2);--tv-color-border-container:rgba(255, 255, 255, 0.1);--tv-color-border-container-hover:rgba(255, 255, 255, 0);--tv-color-border-container-active:var(--tv-base-color-brand-7);--tv-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--tv-font-family-1:'Arial','San Francisco','Helvetica';--tv-font-size-sm:12px;--tv-font-size-md:14px;--tv-font-size-lg:16px;--tv-font-size-xl:18px;--tv-font-size-xxl:20px;--tv-font-size-default:var(--tv-font-size-md);--tv-font-size-heading-xs:16px;--tv-font-size-heading-sm:18px;--tv-font-size-heading-md:20px;--tv-font-size-heading-lg:24px;--tv-font-size-heading-xl:32px;--tv-line-height-number:1.5;--tv-font-weight-thin:200;--tv-font-weight-regular:400;--tv-font-weight-bold:600;--tv-border-radius-xs:2px;--tv-border-radius-sm:4px;--tv-border-radius-md:6px;--tv-border-radius-lg:8px;--tv-border-radius-round:999px;--tv-border-radius-brand:var(--tv-border-radius-round);--tv-border-width:1px;--tv-space-base:4px;--tv-space-xs:2px;--tv-space-sm:var(--tv-space-base);--tv-space-md:calc(var(--tv-space-base) * 2);--tv-space-lg:calc(var(--tv-space-base) * 3);--tv-space-xl:calc(var(--tv-space-base) * 4);--tv-space-xxl:calc(var(--tv-space-base) * 6);--tv-space-xxxl:calc(var(--tv-space-base) * 8);--tv-space-table-x:4px;--tv-space-table-y:4px;--tv-size-base:4px;--tv-size-height-xs:24px;--tv-size-height-sm:28px;--tv-size-height-md:32px;--tv-size-height-lg:40px;--tv-size-height-xl:48px;--tv-icon-size:16px;--tv-shadow-0:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1:0 0 0 0 rgba(0, 0, 0, 0);--tv-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-left:-1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-right:1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-2-up:0 -2px 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-down:0 2px 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-left:-2px 0 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-right:2px 0 12px 0 rgba(0, 0, 0, 0.16);--tv-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-4-up:0 -8px 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-down:0 8px 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-left:-8px 0 24px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-right:8px 0 24px 0 rgba(0, 0, 0, 0.16);--tv-size-scrollbar-width:8px;--tv-size-scrollbar-height:8px;--tv-border-radius-scrollbar-thumb:4px;--tv-color-bg-scrollbar-thumb:rgba(255, 255, 255, 0.15);--tv-color-bg-scrollbar-thumb-hover:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-active:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-track:var(--tv-base-color-common-13)}`
+  css: `:host,:root{--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;--tv-base-color-common-1:#ffffff;--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;--tv-base-color-common-10:#262626;--tv-base-color-common-11:#1A1A1A;--tv-base-color-common-12:#0D0D0D;--tv-base-color-common-13:#000000;--tv-base-color-success-1:#003303;--tv-base-color-success-2:#054D00;--tv-base-color-success-3:#166610;--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;--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;--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;--tv-color-success-text:var(--tv-base-color-success-6);--tv-color-success-text-primary:var(--tv-base-color-common-2);--tv-color-success-bg:var(--tv-base-color-success-6);--tv-color-success-bg-1:#5ba85433;--tv-color-success-bg-light:#394E3B;--tv-color-success-border:var(--tv-base-color-success-6);--tv-color-success-border-light:#394E3B;--tv-color-success-border-1:transparent;--tv-color-success-icon:var(--tv-base-color-success-6);--tv-color-error-text:var(--tv-base-color-error-6);--tv-color-error-text-primary:var(--tv-base-color-common-2);--tv-color-error-bg:var(--tv-base-color-error-6);--tv-color-error-bg-1:#d9483833;--tv-color-error-bg-light:#583634;--tv-color-error-border:var(--tv-base-color-error-6);--tv-color-error-border-light:#583634;--tv-color-error-border-1:transparent;--tv-color-error-icon:var(--tv-base-color-error-6);--tv-color-warn-text:var(--tv-base-color-warn-6);--tv-color-warn-text-primary:var(--tv-base-color-common-11);--tv-color-warn-bg:var(--tv-base-color-warn-6);--tv-color-warn-bg-1:#774a1633;--tv-color-warn-bg-light:#624626;--tv-color-warn-border:var(--tv-base-color-warn-6);--tv-color-warn-border-light:#624626;--tv-color-warn-border-1:transparent;--tv-color-warn-icon:var(--tv-base-color-warn-6);--tv-color-info-text:var(--tv-base-color-info-7);--tv-color-info-text-primary:var(--tv-base-color-common-2);--tv-color-info-text-1:var(--tv-base-color-info-8);--tv-color-info-bg:var(--tv-base-color-info-7);--tv-color-info-bg-1:#5291ff33;--tv-color-info-bg-light:#2E4364;--tv-color-info-border:var(--tv-base-color-info-7);--tv-color-info-border-light:#2E4364;--tv-color-info-border-1:transparent;--tv-color-info-icon:var(--tv-base-color-info-7);--tv-color-act-primary-text:var(--tv-base-color-brand);--tv-color-act-primary-text-hover:var(--tv-base-color-brand);--tv-color-act-primary-text-active:var(--tv-base-color-brand);--tv-color-act-primary-text-inverse-tint:var(--tv-base-color-common-13);--tv-color-act-primary-text-inverse-tint-hover:var(--tv-base-color-common-13);--tv-color-act-primary-text-inverse-tint-active:var(--tv-base-color-common-13);--tv-color-act-primary-plain-text-hover:var(--tv-base-color-brand);--tv-color-act-primary-bg:var(--tv-base-color-common-2);--tv-color-act-primary-bg-hover:var(--tv-base-color-common-4);--tv-color-act-primary-bg-active:var(--tv-base-color-common-4);--tv-color-act-primary-bg-white:var(--tv-base-color-common-1);--tv-color-act-primary-bg-white-hover:var(--tv-base-color-common-1);--tv-color-act-primary-bg-white-active:var(--tv-base-color-common-1);--tv-color-act-primary-border:var(--tv-base-color-common-2);--tv-color-act-primary-border-hover:var(--tv-base-color-common-4);--tv-color-act-primary-border-active:var(--tv-base-color-common-4);--tv-color-act-primary-border-light:var(--tv-base-color-common-9);--tv-color-act-primary-border-light-hover:var(--tv-base-color-common-1);--tv-color-act-primary-border-light-active:var(--tv-base-color-common-1);--tv-color-act-primary-border-light-hover-1:var(--tv-base-color-common-7);--tv-color-act-primary-border-light-active-1:var(--tv-base-color-common-7);--tv-color-act-success-text:var(--tv-base-color-success-6);--tv-color-act-success-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-text-active:var(--tv-base-color-success-6);--tv-color-act-success-text-white:var(--tv-base-color-common-1);--tv-color-act-success-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-success-text-white-active:var(--tv-base-color-common-1);--tv-color-act-success-plain-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-bg:var(--tv-base-color-success-6);--tv-color-act-success-bg-hover:var(--tv-base-color-success-5);--tv-color-act-success-bg-active:var(--tv-base-color-success-5);--tv-color-act-success-bg-light:var(--tv-base-color-success-1);--tv-color-act-success-bg-light-hover:var(--tv-base-color-success-1);--tv-color-act-success-bg-light-active:var(--tv-base-color-success-1);--tv-color-act-success-border:var(--tv-base-color-success-6);--tv-color-act-success-border-hover:var(--tv-base-color-success-5);--tv-color-act-success-border-active:var(--tv-base-color-success-5);--tv-color-act-success-border-hover-1:var(--tv-base-color-success-2);--tv-color-act-success-border-active-1:var(--tv-base-color-success-2);--tv-color-act-success-border-light:var(--tv-base-color-success-2);--tv-color-act-success-border-light-hover:var(--tv-base-color-success-1);--tv-color-act-success-border-light-active:var(--tv-base-color-success-1);--tv-color-act-warning-text:var(--tv-base-color-warn-6);--tv-color-act-warning-text-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-text-active:var(--tv-base-color-warn-6);--tv-color-act-warning-text-white:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-active:var(--tv-base-color-common-1);--tv-color-act-warning-plain-text-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-bg:var(--tv-base-color-warn-6);--tv-color-act-warning-bg-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-active:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-light:var(--tv-base-color-warn-1);--tv-color-act-warning-bg-light-hover:var(--tv-base-color-warn-1);--tv-color-act-warning-bg-light-active:var(--tv-base-color-warn-1);--tv-color-act-warning-border:var(--tv-base-color-warn-6);--tv-color-act-warning-border-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-border-active:var(--tv-base-color-warn-5);--tv-color-act-warning-border-hover-1:#624626;--tv-color-act-warning-border-active-1:#624626;--tv-color-act-warning-border-light:#624626;--tv-color-act-warning-border-light-hover:var(--tv-base-color-warn-1);--tv-color-act-warning-border-light-active:var(--tv-base-color-warn-1);--tv-color-act-danger-text:var(--tv-base-color-error-6);--tv-color-act-danger-text-hover:var(--tv-base-color-error-6);--tv-color-act-danger-text-active:var(--tv-base-color-error-6);--tv-color-act-danger-text-white:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-active:var(--tv-base-color-common-1);--tv-color-act-danger-plain-text-hover:var(--tv-base-color-error-6);--tv-color-act-danger-bg:var(--tv-base-color-error-6);--tv-color-act-danger-bg-hover:var(--tv-base-color-error-5);--tv-color-act-danger-bg-active:var(--tv-base-color-error-5);--tv-color-act-danger-bg-light:var(--tv-base-color-error-1);--tv-color-act-danger-bg-light-hover:var(--tv-base-color-error-1);--tv-color-act-danger-bg-light-active:var(--tv-base-color-error-1);--tv-color-act-danger-border:var(--tv-base-color-error-6);--tv-color-act-danger-border-hover:var(--tv-base-color-error-5);--tv-color-act-danger-border-active:var(--tv-base-color-error-5);--tv-color-act-danger-border-hover-1:#583634;--tv-color-act-danger-border-active-1:#583634;--tv-color-act-danger-border-light:#583634;--tv-color-act-danger-border-light-hover:var(--tv-base-color-error-1);--tv-color-act-danger-border-light-active:var(--tv-base-color-error-1);--tv-color-act-info-text:var(--tv-base-color-info-7);--tv-color-act-info-text-hover:var(--tv-base-color-info-7);--tv-color-act-info-text-active:var(--tv-base-color-info-7);--tv-color-act-info-text-white:var(--tv-base-color-common-1);--tv-color-act-info-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-info-text-white-active:var(--tv-base-color-common-1);--tv-color-act-info-plain-text-hover:var(--tv-base-color-info-7);--tv-color-act-info-bg:var(--tv-base-color-info-7);--tv-color-act-info-bg-hover:var(--tv-base-color-info-5);--tv-color-act-info-bg-active:var(--tv-base-color-info-5);--tv-color-act-info-bg-light:var(--tv-base-color-info-1);--tv-color-act-info-bg-light-hover:var(--tv-base-color-info-1);--tv-color-act-info-bg-light-active:var(--tv-base-color-info-1);--tv-color-act-info-border:var(--tv-base-color-info-7);--tv-color-act-info-border-hover:var(--tv-base-color-info-5);--tv-color-act-info-border-active:var(--tv-base-color-info-5);--tv-color-act-info-border-hover-1:#2E4364;--tv-color-act-info-border-active-1:#2E4364;--tv-color-act-info-border-light:#2E4364;--tv-color-act-info-border-light-hover:var(--tv-base-color-info-1);--tv-color-act-info-border-light-active:var(--tv-base-color-info-1);--tv-color-text:var(--tv-base-color-common-2);--tv-color-text-secondary:var(--tv-base-color-common-4);--tv-color-text-weaken:var(--tv-base-color-common-6);--tv-color-text-placeholder:var(--tv-base-color-common-6);--tv-color-text-disabled:var(--tv-base-color-common-6);--tv-color-text-active:var(--tv-base-color-info-8);--tv-color-text-important:var(--tv-base-color-common-2);--tv-color-text-link:var(--tv-base-color-brand-8);--tv-color-text-link-hover:var(--tv-base-color-brand-8);--tv-color-plain-text-hover:var(--tv-base-color-common-2);--tv-color-text-control:var(--tv-base-color-common-4);--tv-color-text-inverse:var(--tv-base-color-common-1);--tv-color-text-inverse-tint:var(--tv-base-color-common-13);--tv-color-text-inverse-black:var(--tv-base-color-common-13);--tv-color-text-active-1:var(--tv-base-color-common-1);--tv-color-text-active-2:var(--tv-base-color-info-7);--tv-color-text-active-3:var(--tv-base-color-common-2);--tv-color-text-inverse-active:var(--tv-base-color-common-1);--tv-color-text-hover:var(--tv-base-color-common-2);--tv-color-text-link-1:var(--tv-base-color-common-4);--tv-color-text-link-1-hover:var(--tv-base-color-common-4);--tv-color-icon:var(--tv-base-color-common-4);--tv-color-icon-hover:var(--tv-base-color-common-2);--tv-color-icon-active:var(--tv-base-color-common-2);--tv-color-icon-disabled:var(--tv-base-color-common-6);--tv-color-icon-checked-disabled:var(--tv-base-color-brand-4);--tv-color-icon-control:var(--tv-base-color-common-4);--tv-color-icon-control-active:var(--tv-base-color-brand-7);--tv-color-icon-control-disabled:rgba(255, 255, 255, 0.15);--tv-color-icon-link:var(--tv-base-color-brand-8);--tv-color-icon-warn-secondary:var(--tv-base-color-warn-secondary-1);--tv-color-icon-inverse:var(--tv-base-color-common-1);--tv-color-icon-inverse-tint:var(--tv-base-color-common-13);--tv-color-bg:rgba(255, 255, 255, 0.1);--tv-color-bg-primary:var(--tv-base-color-common-2);--tv-color-bg-secondary:rgba(255, 255, 255, 0);--tv-color-bg-control-unactive:var(--tv-base-color-common-8);--tv-color-bg-gray-1:rgba(255, 255, 255, 0.05);--tv-color-bg-gray-2:rgba(255, 255, 255, 0.2);--tv-color-bg-header:var(--tv-base-color-common-10);--tv-color-bg-mask:rgba(0, 0, 0, 0.7);--tv-color-bg-mask-block:rgba(0, 0, 0, 0.7);--tv-color-bg-dark:var(--tv-base-color-common-11);--tv-color-bg-disabled:rgba(255, 255, 255, 0.15);--tv-color-bg-disabled-control-checked:rgba(255, 255, 255, 0.2);--tv-color-bg-disabled-control-unactive:var(--tv-base-color-common-6);--tv-color-bg-disabled-control-active:var(--tv-base-color-brand-4);--tv-color-bg-hover:var(--tv-base-color-common-10);--tv-color-bg-hover-primary:var(--tv-base-color-common-4);--tv-color-bg-hover-secondary:rgba(255, 255, 255, 0);--tv-color-bg-hover-1:var(--tv-base-color-brand-8);--tv-color-bg-hover-2:rgba(255, 255, 255, 0.2);--tv-color-bg-hover-dark:var(--tv-base-color-common-11);--tv-color-bg-active:rgba(255, 255, 255, 0.1);--tv-color-bg-active-control:var(--tv-base-color-brand-7);--tv-color-bg-active-primary:var(--tv-base-color-common-2);--tv-color-bg-active-secondary:rgba(255, 255, 255, 0);--tv-color-bg-active-emphasize:#317af733;--tv-color-bg-active-emphasize-light:#152A47;--tv-color-bg-active-dark:var(--tv-base-color-common-11);--tv-color-bg-2:var(--tv-base-color-common-9);--tv-color-bg-3:var(--tv-base-color-common-11);--tv-color-bg-4:var(--tv-base-color-common-6);--tv-color-bg-progressbar:var(--tv-base-color-success-6);--tv-color-bg-active-emphasize-1:var(--tv-base-color-common-9);--tv-color-bg-container-hover:rgba(255, 255, 255, 0.05);--tv-color-bg-hover-3:#317af733;--tv-color-bg-hover-4:var(--tv-base-color-common-10);--tv-color-bg-active-primary-1:var(--tv-base-color-common-4);--tv-color-bg-inverse:var(--tv-base-color-common-1);--tv-color-bg-active-control-1:var(--tv-base-color-brand-4);--tv-color-bg-5:var(--tv-base-color-common-6);--tv-color-bg-5-active:var(--tv-base-color-common-2);--tv-color-bg-inverse-tint-1:var(--tv-base-color-common-10);--tv-color-bg-disabled-control:var(--tv-base-color-common-8);--tv-color-bg-inverse-disabled:var(--tv-base-color-common-5);--tv-color-border:var(--tv-base-color-common-6);--tv-color-border-hover:var(--tv-base-color-common-2);--tv-color-border-active:var(--tv-base-color-common-2);--tv-color-border-active-control:var(--tv-base-color-brand-7);--tv-color-border-disabled:rgba(255, 255, 255, 0.15);--tv-color-border-secondary:var(--tv-base-color-common-6);--tv-color-border-ghost:var(--tv-base-color-common-8);--tv-color-border-ghost-active:var(--tv-base-color-common-6);--tv-color-border-divider:rgba(255, 255, 255, 0.1);--tv-color-border-divider-short:rgba(255, 255, 255, 0.2);--tv-color-border-secondary-hover:var(--tv-base-color-common-2);--tv-color-border-container:rgba(255, 255, 255, 0.1);--tv-color-border-container-hover:rgba(255, 255, 255, 0);--tv-color-border-container-active:var(--tv-base-color-brand-7);--tv-color-border-inverse-tint:var(--tv-base-color-common-13);--tv-color-border-1:var(--tv-base-color-common-6);--tv-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--tv-font-family-1:'Arial','San Francisco','Helvetica';--tv-font-size-sm:12px;--tv-font-size-md:14px;--tv-font-size-lg:16px;--tv-font-size-xl:18px;--tv-font-size-xxl:20px;--tv-font-size-default:var(--tv-font-size-md);--tv-font-size-heading-xs:16px;--tv-font-size-heading-sm:18px;--tv-font-size-heading-md:20px;--tv-font-size-heading-lg:24px;--tv-font-size-heading-xl:32px;--tv-line-height-number:1.5;--tv-font-weight-thin:200;--tv-font-weight-regular:400;--tv-font-weight-bold:600;--tv-border-radius-xs:2px;--tv-border-radius-sm:4px;--tv-border-radius-md:6px;--tv-border-radius-lg:8px;--tv-border-radius-round:999px;--tv-border-radius-brand:var(--tv-border-radius-round);--tv-border-width:1px;--tv-space-base:4px;--tv-space-xs:2px;--tv-space-sm:var(--tv-space-base);--tv-space-md:calc(var(--tv-space-base) * 2);--tv-space-lg:calc(var(--tv-space-base) * 3);--tv-space-xl:calc(var(--tv-space-base) * 4);--tv-space-xxl:calc(var(--tv-space-base) * 6);--tv-space-xxxl:calc(var(--tv-space-base) * 8);--tv-space-table-x:4px;--tv-space-table-y:4px;--tv-size-base:4px;--tv-size-height-xs:24px;--tv-size-height-sm:28px;--tv-size-height-md:32px;--tv-size-height-lg:40px;--tv-size-height-xl:48px;--tv-icon-size:16px;--tv-shadow-0:0 4px 16px 0 rgba(0, 0, 0, 0.24);--tv-shadow-1:0 0 0 0 rgba(0, 0, 0, 0);--tv-shadow-cell-left:-5px 0 5px 0 rgba(0, 0, 0, 0.32);--tv-shadow-cell-right:5px 0 5px 0 rgba(0, 0, 0, 0.32);--tv-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.24);--tv-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.24);--tv-shadow-1-left:-1px 0 4px 0 rgba(0, 0, 0, 0.24);--tv-shadow-1-right:1px 0 4px 0 rgba(0, 0, 0, 0.24);--tv-shadow-2-up:0 -2px 12px 0 rgba(0, 0, 0, 0.48);--tv-shadow-2-down:0 2px 12px 0 rgba(0, 0, 0, 0.48);--tv-shadow-2-left:-2px 8px 12px 0 rgba(0, 0, 0, 0.48);--tv-shadow-2-right:2px 0 12px 0 rgba(0, 0, 0, 0.48);--tv-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.24);--tv-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.64);--tv-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.24);--tv-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.24);--tv-shadow-4-up:0 -8px 24px 0 rgba(0, 0, 0, 0.48);--tv-shadow-4-down:0 4px 16px 0 rgba(0, 0, 0, 0.32);--tv-shadow-4-left:-8px 0 24px 0 rgba(0, 0, 0, 0.48);--tv-shadow-4-right:8px 0 24px 0 rgba(0, 0, 0, 0.48);--tv-size-scrollbar-width:8px;--tv-size-scrollbar-height:8px;--tv-border-radius-scrollbar-thumb:4px;--tv-color-bg-scrollbar-thumb:rgba(255, 255, 255, 0.15);--tv-color-bg-scrollbar-thumb-hover:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-active:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-track:transparent}`
 }
diff --git a/packages/theme/src/old-theme-index.js b/packages/theme/src/old-theme-index.js
index f525c2b9d5..97e33c531f 100644
--- a/packages/theme/src/old-theme-index.js
+++ b/packages/theme/src/old-theme-index.js
@@ -2,5 +2,5 @@ export default {
   id: 'tiny-old-theme',
   name: 'OldTheme',
   cnName: '旧的主题',
-  css: `:root, :host{--tv-base-color-brand:#5e7ce0;--tv-base-color-brand-1:#f2f5fc;--tv-base-color-brand-2:#e9edfa;--tv-base-color-brand-3:#beccfa;--tv-base-color-brand-4:#96adfa;--tv-base-color-brand-5:#7693f5;--tv-base-color-brand-6:#5e7ce0;--tv-base-color-brand-7:#526ecc;--tv-base-color-brand-8:#465eb8;--tv-base-color-brand-9:#3c51a6;--tv-base-color-brand-10:#344899;--tv-base-color-brand-11:#2a3cb5;--tv-base-color-common-1:#ffffff;--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;--tv-base-color-common-10:#5c6173;--tv-base-color-common-11:#282b33;--tv-base-color-common-12:#000000;--tv-base-color-success-1:#edfff9;--tv-base-color-success-2:#cffcee;--tv-base-color-success-3:#acf2dc;--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;--tv-color-success-text:var(--tv-base-color-success-6);--tv-color-success-text-primary:var(--tv-base-color-common-8);--tv-color-success-text-white:var(--tv-base-color-common-1);--tv-color-success-bg:var(--tv-base-color-success-6);--tv-color-success-bg-light:var(--tv-base-color-success-1);--tv-color-success-bg-white:var(--tv-base-color-common-1);--tv-color-success-border:var(--tv-base-color-success-6);--tv-color-success-border-light:var(--tv-base-color-success-3);--tv-color-success-icon:var(--tv-base-color-success-6);--tv-color-error-text:var(--tv-base-color-error-6);--tv-color-error-text-primary:var(--tv-base-color-common-8);--tv-color-error-text-white:var(--tv-base-color-common-1);--tv-color-error-bg:var(--tv-base-color-error-6);--tv-color-error-bg-light:var(--tv-base-color-error-1);--tv-color-error-bg-white:var(--tv-base-color-common-1);--tv-color-error-border:var(--tv-base-color-error-6);--tv-color-error-border-light:var(--tv-base-color-error-3);--tv-color-error-icon:var(--tv-base-color-error-6);--tv-color-warn-text:var(--tv-base-color-warn-7);--tv-color-warn-text-primary:var(--tv-base-color-common-8);--tv-color-warn-text-white:var(--tv-base-color-common-1);--tv-color-warn-bg:var(--tv-base-color-warn-6);--tv-color-warn-bg-light:var(--tv-base-color-warn-1);--tv-color-warn-bg-white:var(--tv-base-color-common-1);--tv-color-warn-border:var(--tv-base-color-warn-6);--tv-color-warn-border-light:var(--tv-base-color-warn-3);--tv-color-warn-icon:var(--tv-base-color-warn-6);--tv-color-info-text:var(--tv-base-color-info-7);--tv-color-info-text-primary:var(--tv-base-color-common-8);--tv-color-info-text-white:var(--tv-base-color-common-1);--tv-color-info-bg:var(--tv-base-color-info-6);--tv-color-info-bg-light:#ebf6ff;--tv-color-info-bg-white:var(--tv-base-color-common-1);--tv-color-info-border:var(--tv-base-color-info-6);--tv-color-info-border-light:var(--tv-base-color-info-3);--tv-color-info-icon:var(--tv-base-color-info-6);--tv-color-act-primary-text:var(--tv-base-color-brand-6);--tv-color-act-primary-text-hover:var(--tv-base-color-brand-6);--tv-color-act-primary-text-active:var(--tv-base-color-brand-6);--tv-color-act-primary-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-hover:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-active:var(--tv-base-color-common-1);--tv-color-act-primary-bg:var(--tv-base-color-brand-6);--tv-color-act-primary-bg-hover:var(--tv-base-color-brand-5);--tv-color-act-primary-bg-active:var(--tv-base-color-brand-5);--tv-color-act-primary-bg-white:var(--tv-base-color-brand-1);--tv-color-act-primary-bg-white-hover:var(--tv-base-color-brand-6);--tv-color-act-primary-bg-white-active:var(--tv-base-color-brand-6);--tv-color-act-primary-border:var(--tv-base-color-brand-6);--tv-color-act-primary-border-hover:var(--tv-base-color-brand-5);--tv-color-act-primary-border-active:var(--tv-base-color-brand-5);--tv-color-act-primary-border-light:var(--tv-base-color-brand-6);--tv-color-act-primary-border-light-hover:var(--tv-base-color-brand-3);--tv-color-act-primary-border-light-active:var(--tv-base-color-brand-3);--tv-color-act-primary-border-light-hover-1:var(--tv-base-color-brand-3);--tv-color-act-primary-border-light-active-1:var(--tv-base-color-brand-3);--tv-color-act-primary-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-success-text:var(--tv-base-color-success-6);--tv-color-act-success-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-text-active:var(--tv-base-color-success-6);--tv-color-act-success-text-white:var(--tv-base-color-common-1);--tv-color-act-success-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-success-text-white-active:var(--tv-base-color-common-1);--tv-color-act-success-bg:var(--tv-base-color-success-6);--tv-color-act-success-bg-hover:var(--tv-base-color-success-5);--tv-color-act-success-bg-active:var(--tv-base-color-success-5);--tv-color-act-success-bg-light:var(--tv-base-color-success-1);--tv-color-act-success-bg-light-hover:var(--tv-base-color-success-6);--tv-color-act-success-bg-light-active:var(--tv-base-color-success-6);--tv-color-act-success-border:var(--tv-base-color-success-6);--tv-color-act-success-border-hover:var(--tv-base-color-success-5);--tv-color-act-success-border-active:var(--tv-base-color-success-5);--tv-color-act-success-border-hover-1:var(--tv-base-color-success-2);--tv-color-act-success-border-active-1:var(--tv-base-color-success-3);--tv-color-act-success-border-light:var(--tv-base-color-success-6);--tv-color-act-success-border-light-hover:var(--tv-base-color-success-1);--tv-color-act-success-border-light-active:var(--tv-base-color-success-1);--tv-color-act-success-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text:var(--tv-base-color-warn-7);--tv-color-act-warning-text-hover:var(--tv-base-color-warn-7);--tv-color-act-warning-text-active:var(--tv-base-color-warn-7);--tv-color-act-warning-text-white:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-active:var(--tv-base-color-common-1);--tv-color-act-warning-bg:var(--tv-base-color-warn-6);--tv-color-act-warning-bg-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-active:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-light:var(--tv-base-color-warn-1);--tv-color-act-warning-bg-light-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-bg-light-active:var(--tv-base-color-warn-6);--tv-color-act-warning-border:var(--tv-base-color-warn-6);--tv-color-act-warning-border-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-border-active:var(--tv-base-color-warn-5);--tv-color-act-warning-border-hover-1:var(--tv-base-color-warn-2);--tv-color-act-warning-border-active-1:var(--tv-base-color-warn-2);--tv-color-act-warning-border-light:var(--tv-base-color-warn-6);--tv-color-act-warning-border-light-hover:var(--tv-base-color-warn-1);--tv-color-act-warning-border-light-active:var(--tv-base-color-warn-1);--tv-color-act-warning-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text:var(--tv-base-color-error-12);--tv-color-act-danger-text-hover:var(--tv-base-color-error-12);--tv-color-act-danger-text-active:var(--tv-base-color-error-12);--tv-color-act-danger-text-white:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-active:var(--tv-base-color-common-1);--tv-color-act-danger-bg:var(--tv-base-color-error-12);--tv-color-act-danger-bg-hover:var(--tv-base-color-error-13);--tv-color-act-danger-bg-active:var(--tv-base-color-error-14);--tv-color-act-danger-bg-light:var(--tv-base-color-error-1);--tv-color-act-danger-bg-light-hover:var(--tv-base-color-error-12);--tv-color-act-danger-bg-light-active:var(--tv-base-color-error-12);--tv-color-act-danger-border:var(--tv-base-color-error-12);--tv-color-act-danger-border-hover:var(--tv-base-color-error-13);--tv-color-act-danger-border-active:var(--tv-base-color-error-13);--tv-color-act-danger-border-hover-1:var(--tv-base-color-error-3);--tv-color-act-danger-border-active-1:var(--tv-base-color-error-3);--tv-color-act-danger-border-light:var(--tv-base-color-error-12);--tv-color-act-danger-border-light-hover:var(--tv-base-color-error-1);--tv-color-act-danger-border-light-active:var(--tv-base-color-error-1);--tv-color-act-danger-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-info-text:var(--tv-base-color-info-7);--tv-color-act-info-text-hover:var(--tv-base-color-info-7);--tv-color-act-info-text-active:var(--tv-base-color-info-7);--tv-color-act-info-text-white:var(--tv-base-color-common-1);--tv-color-act-info-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-info-text-white-active:var(--tv-base-color-common-1);--tv-color-act-info-bg:var(--tv-base-color-info-6);--tv-color-act-info-bg-hover:var(--tv-base-color-info-6);--tv-color-act-info-bg-active:var(--tv-base-color-info-6);--tv-color-act-info-bg-light:var(--tv-base-color-info-1);--tv-color-act-info-bg-light-hover:var(--tv-base-color-info-6);--tv-color-act-info-bg-light-active:var(--tv-base-color-info-6);--tv-color-act-info-border:var(--tv-base-color-brand-6);--tv-color-act-info-border-hover:var(--tv-base-color-brand-6);--tv-color-act-info-border-active:var(--tv-base-color-brand-6);--tv-color-act-info-border-hover-1:var(--tv-base-color-info-3);--tv-color-act-info-border-active-1:var(--tv-base-color-info-3);--tv-color-act-info-border-light:var(--tv-base-color-info-6);--tv-color-act-info-border-light-hover:var(--tv-base-color-info-1);--tv-color-act-info-border-light-active:var(--tv-base-color-info-1);--tv-color-act-info-plain-text-hover:var(--tv-base-color-common-1);--tv-color-text:var(--tv-base-color-common-8);--tv-color-text-secondary:var(--tv-base-color-common-7);--tv-color-text-weaken:var(--tv-base-color-common-6);--tv-color-text-placeholder:var(--tv-base-color-common-5);--tv-color-text-disabled:var(--tv-base-color-common-5);--tv-color-text-active:var(--tv-base-color-brand-7);--tv-color-text-important:var(--tv-base-color-error-7);--tv-color-text-white:var(--tv-base-color-common-1);--tv-color-text-link:var(--tv-base-color-brand-7);--tv-color-text-link-hover:var(--tv-base-color-brand-10);--tv-color-text-darbg:var(--tv-base-color-common-5);--tv-color-plain-text-hover:var(--tv-base-color-brand-6);--tv-color-text-control:var(--tv-base-color-common-8);--tv-color-text-inverse:var(--tv-base-color-common-1);--tv-color-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-text-active-1:var(--tv-base-color-common-1);--tv-color-text-active-2:var(--tv-base-color-common-8);--tv-color-text-active-3:var(--tv-base-color-brand-7);--tv-color-text-inverse-active:var(--tv-base-color-common-1);--tv-color-text-hover:var(--tv-base-color-brand-7);--tv-color-text-link-1:var(--tv-base-color-brand-7);--tv-color-text-link-1-hover:var(--tv-base-color-brand-10);--tv-color-icon:var(--tv-base-color-common-7);--tv-color-icon-hover:var(--tv-base-color-brand-6);--tv-color-icon-active:var(--tv-base-color-brand-6);--tv-color-icon-disabled:var(--tv-base-color-common-5);--tv-color-icon-checked-disabled:var(--tv-base-color-common-5);--tv-color-icon-control:var(--tv-base-color-common-8);--tv-color-icon-control-active:var(--tv-base-color-brand-6);--tv-color-icon-control-disabled:var(--tv-base-color-common-5);--tv-color-icon-white:var(--tv-base-color-common-1);--tv-color-icon-link:var(--tv-base-color-brand-7);--tv-color-icon-warn-secondary:var(--tv-base-color-warn-secondary-2);--tv-color-icon-inverse:var(--tv-base-color-common-1);--tv-color-icon-inverse-tint:var(--tv-base-color-common-1);--tv-color-icon-inverse-disabled:var(--tv-base-color-common-5);--tv-color-bg:var(--tv-base-color-common-3);--tv-color-bg-primary:var(--tv-base-color-brand);--tv-color-bg-secondary:var(--tv-base-color-common-1);--tv-color-bg-control:var(--tv-base-color-common-5);--tv-color-bg-control-unactive:var(--tv-base-color-common-5);--tv-color-bg-gray-1:var(--tv-base-color-common-2);--tv-color-bg-gray-2:var(--tv-base-color-common-3);--tv-color-bg-header:var(--tv-base-color-common-4);--tv-color-bg-mask:rgba(0, 0, 0, 0.3);--tv-color-bg-dark:var(--tv-base-color-common-9);--tv-color-bg-disabled:var(--tv-base-color-common-2);--tv-color-bg-disabled-control-checked:var(--tv-base-color-common-4);--tv-color-bg-disabled-control-unactive:var(--tv-base-color-common-4);--tv-color-bg-disabled-control-active:var(--tv-base-color-brand-3);--tv-color-bg-hover:var(--tv-base-color-brand-1);--tv-color-bg-hover-primary:var(--tv-base-color-common-10);--tv-color-bg-hover-secondary:var(--tv-base-color-common-1);--tv-color-bg-hover-1:var(--tv-base-color-brand-1);--tv-color-bg-hover-2:var(--tv-base-color-common-5);--tv-color-bg-hover-dark:var(--tv-base-color-common-10);--tv-color-bg-active:var(--tv-base-color-brand-1);--tv-color-bg-active-control:var(--tv-base-color-brand);--tv-color-bg-active-primary:var(--tv-base-color-brand);--tv-color-bg-active-secondary:var(--tv-base-color-common-1);--tv-color-bg-active-emphasize:var(--tv-base-color-brand-2);--tv-color-bg-active-emphasize-light:var(--tv-base-color-brand-1);--tv-color-bg-active-dark:var(--tv-base-color-common-3);--tv-color-bg-2:var(--tv-base-color-common-1);--tv-color-bg-3:var(--tv-base-color-common-1);--tv-color-bg-4:var(--tv-base-color-common-5);--tv-color-bg-progressbar:var(--tv-base-color-success-6);--tv-color-bg-active-emphasize-1:var(--tv-base-color-brand-1);--tv-color-bg-container-hover:var(--tv-base-color-common-1);--tv-color-bg-hover-3:var(--tv-base-color-brand-1);--tv-color-bg-hover-4:var(--tv-base-color-brand-1);--tv-color-bg-active-primary-1:var(--tv-base-color-brand-5);--tv-color-bg-inverse:var(--tv-base-color-common-1);--tv-color-border:var(--tv-base-color-common-5);--tv-color-border-hover:var(--tv-base-color-common-7);--tv-color-border-active:var(--tv-base-color-brand);--tv-color-border-active-control:var(--tv-base-color-brand-6);--tv-color-border-disabled:var(--tv-base-color-common-4);--tv-color-border-secondary:var(--tv-base-color-common-5);--tv-color-border-ghost:var(--tv-base-color-common-5);--tv-color-border-ghost-active:var(--tv-base-color-common-4);--tv-color-border-divider:var(--tv-base-color-common-4);--tv-color-border-divider-short:var(--tv-base-color-common-4);--tv-color-border-secondary-hover:var(--tv-base-color-brand);--tv-color-border-container:var(--tv-base-color-common-5);--tv-color-border-container-hover:var(--tv-base-color-common-1);--tv-color-border-container-active:var(--tv-base-color-brand);--tv-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--tv-font-family-1:'Arial','San Francisco','Helvetica';--tv-font-size-sm:12px;--tv-font-size-md:14px;--tv-font-size-lg:16px;--tv-font-size-xl:18px;--tv-font-size-xxl:20px;--tv-font-size-default:var(--tv-font-size-sm);--tv-font-size-heading-xs:16px;--tv-font-size-heading-sm:18px;--tv-font-size-heading-md:20px;--tv-font-size-heading-lg:24px;--tv-font-size-heading-xl:32px;--tv-line-height-number:1.5;--tv-font-weight-thin:200;--tv-font-weight-regular:400;--tv-font-weight-bold:600;--tv-border-radius-xs:2px;--tv-border-radius-sm:2px;--tv-border-radius-md:2px;--tv-border-radius-lg:4px;--tv-border-radius-round:999px;--tv-border-radius-brand:2px;--tv-border-width:1px;--tv-space-base:4px;--tv-space-xs:2px;--tv-space-sm:var(--tv-space-base);--tv-space-md:calc(var(--tv-space-base) * 2);--tv-space-lg:calc(var(--tv-space-base) * 3);--tv-space-xl:calc(var(--tv-space-base) * 4);--tv-space-xxl:calc(var(--tv-space-base) * 5);--tv-space-xxxl:calc(var(--tv-space-base) * 8);--tv-space-table-x:2px;--tv-space-table-y:1px;--tv-size-base:4px;--tv-size-height-xs:24px;--tv-size-height-sm:24px;--tv-size-height-md:28px;--tv-size-height-lg:32px;--tv-size-height-xl:36px;--tv-icon-size:14px;--tv-shadow-0:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1:0 0 0 0 rgba(0, 0, 0, 0);--tv-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-left:-1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-right:1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-2-up:0 -2px 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-down:0 2px 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-left:-2px 0 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-right:2px 0 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-4-up:0 -8px 40px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-down:0 8px 40px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-left:-8px 0 40px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-right:8px 0 40px 0 rgba(0, 0, 0, 0.16);--tv-size-scrollbar-width:8px;--tv-size-scrollbar-height:8px;--tv-border-radius-scrollbar-thumb:4px;--tv-color-bg-scrollbar-thumb:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-hover:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-active:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-track:var(--tv-base-color-common-1)}.tiny-button{--tv-Button-size-icon-font-size:14px;--tv-Button-size-icon-font-size-large:16px;--tv-Button-size-icon-font-size-medium:14px;--tv-Button-size-icon-font-size-small:12px;--tv-Button-size-icon-font-size-mini:12px}`
+  css: `:host,:root{--tv-base-color-brand:#5e7ce0;--tv-base-color-brand-1:#f2f5fc;--tv-base-color-brand-2:#e9edfa;--tv-base-color-brand-3:#beccfa;--tv-base-color-brand-4:#96adfa;--tv-base-color-brand-5:#7693f5;--tv-base-color-brand-6:#5e7ce0;--tv-base-color-brand-7:#526ecc;--tv-base-color-brand-8:#465eb8;--tv-base-color-brand-9:#3c51a6;--tv-base-color-brand-10:#344899;--tv-base-color-brand-11:#2a3cb5;--tv-base-color-common-1:#ffffff;--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;--tv-base-color-common-10:#5c6173;--tv-base-color-common-11:#282b33;--tv-base-color-common-12:#000000;--tv-base-color-success-1:#edfff9;--tv-base-color-success-2:#cffcee;--tv-base-color-success-3:#acf2dc;--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;--tv-color-success-text:var(--tv-base-color-success-6);--tv-color-success-text-primary:var(--tv-base-color-common-8);--tv-color-success-bg:var(--tv-base-color-success-6);--tv-color-success-bg-1:var(--tv-base-color-success-1);--tv-color-success-bg-light:var(--tv-base-color-success-1);--tv-color-success-border:var(--tv-base-color-success-6);--tv-color-success-border-light:var(--tv-base-color-success-3);--tv-color-success-border-1:var(--tv-base-color-success-3);--tv-color-success-icon:var(--tv-base-color-success-6);--tv-color-error-text:var(--tv-base-color-error-6);--tv-color-error-text-primary:var(--tv-base-color-common-8);--tv-color-error-bg:var(--tv-base-color-error-6);--tv-color-error-bg-light:var(--tv-base-color-error-1);--tv-color-error-bg-1:var(--tv-base-color-error-1);--tv-color-error-border:var(--tv-base-color-error-6);--tv-color-error-border-light:var(--tv-base-color-error-3);--tv-color-error-border-1:var(--tv-base-color-error-3);--tv-color-error-icon:var(--tv-base-color-error-6);--tv-color-warn-text:var(--tv-base-color-warn-7);--tv-color-warn-text-primary:var(--tv-base-color-common-8);--tv-color-warn-bg:var(--tv-base-color-warn-6);--tv-color-warn-bg-light:var(--tv-base-color-warn-1);--tv-color-warn-bg-1:var(--tv-base-color-warn-1);--tv-color-warn-border:var(--tv-base-color-warn-6);--tv-color-warn-border-light:var(--tv-base-color-warn-3);--tv-color-warn-border-1:var(--tv-base-color-warn-3);--tv-color-warn-icon:var(--tv-base-color-warn-6);--tv-color-info-text:var(--tv-base-color-info-7);--tv-color-info-text-primary:var(--tv-base-color-common-8);--tv-color-info-text-1:var(--tv-base-color-info-7);--tv-color-info-bg:var(--tv-base-color-info-6);--tv-color-info-bg-light:#ebf6ff;--tv-color-info-bg-1:#ebf6ff;--tv-color-info-border:var(--tv-base-color-info-6);--tv-color-info-border-light:var(--tv-base-color-info-3);--tv-color-info-border-1:var(--tv-base-color-info-3);--tv-color-info-icon:var(--tv-base-color-info-6);--tv-color-act-primary-text:var(--tv-base-color-brand-6);--tv-color-act-primary-text-hover:var(--tv-base-color-brand-6);--tv-color-act-primary-text-active:var(--tv-base-color-brand-6);--tv-color-act-primary-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-hover:var(--tv-base-color-common-1);--tv-color-act-primary-text-inverse-tint-active:var(--tv-base-color-common-1);--tv-color-act-primary-bg:var(--tv-base-color-brand-6);--tv-color-act-primary-bg-hover:var(--tv-base-color-brand-5);--tv-color-act-primary-bg-active:var(--tv-base-color-brand-5);--tv-color-act-primary-bg-white:var(--tv-base-color-brand-1);--tv-color-act-primary-bg-white-hover:var(--tv-base-color-brand-6);--tv-color-act-primary-bg-white-active:var(--tv-base-color-brand-6);--tv-color-act-primary-border:var(--tv-base-color-brand-6);--tv-color-act-primary-border-hover:var(--tv-base-color-brand-5);--tv-color-act-primary-border-active:var(--tv-base-color-brand-5);--tv-color-act-primary-border-light:var(--tv-base-color-brand-6);--tv-color-act-primary-border-light-hover:var(--tv-base-color-brand-3);--tv-color-act-primary-border-light-active:var(--tv-base-color-brand-3);--tv-color-act-primary-border-light-hover-1:var(--tv-base-color-brand-3);--tv-color-act-primary-border-light-active-1:var(--tv-base-color-brand-3);--tv-color-act-primary-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-success-text:var(--tv-base-color-success-6);--tv-color-act-success-text-hover:var(--tv-base-color-success-6);--tv-color-act-success-text-active:var(--tv-base-color-success-6);--tv-color-act-success-text-white:var(--tv-base-color-common-1);--tv-color-act-success-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-success-text-white-active:var(--tv-base-color-common-1);--tv-color-act-success-bg:var(--tv-base-color-success-6);--tv-color-act-success-bg-hover:var(--tv-base-color-success-5);--tv-color-act-success-bg-active:var(--tv-base-color-success-5);--tv-color-act-success-bg-light:var(--tv-base-color-success-1);--tv-color-act-success-bg-light-hover:var(--tv-base-color-success-6);--tv-color-act-success-bg-light-active:var(--tv-base-color-success-6);--tv-color-act-success-border:var(--tv-base-color-success-6);--tv-color-act-success-border-hover:var(--tv-base-color-success-5);--tv-color-act-success-border-active:var(--tv-base-color-success-5);--tv-color-act-success-border-hover-1:var(--tv-base-color-success-2);--tv-color-act-success-border-active-1:var(--tv-base-color-success-3);--tv-color-act-success-border-light:var(--tv-base-color-success-6);--tv-color-act-success-border-light-hover:var(--tv-base-color-success-1);--tv-color-act-success-border-light-active:var(--tv-base-color-success-1);--tv-color-act-success-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text:var(--tv-base-color-warn-7);--tv-color-act-warning-text-hover:var(--tv-base-color-warn-7);--tv-color-act-warning-text-active:var(--tv-base-color-warn-7);--tv-color-act-warning-text-white:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-warning-text-white-active:var(--tv-base-color-common-1);--tv-color-act-warning-bg:var(--tv-base-color-warn-6);--tv-color-act-warning-bg-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-active:var(--tv-base-color-warn-5);--tv-color-act-warning-bg-light:var(--tv-base-color-warn-1);--tv-color-act-warning-bg-light-hover:var(--tv-base-color-warn-6);--tv-color-act-warning-bg-light-active:var(--tv-base-color-warn-6);--tv-color-act-warning-border:var(--tv-base-color-warn-6);--tv-color-act-warning-border-hover:var(--tv-base-color-warn-5);--tv-color-act-warning-border-active:var(--tv-base-color-warn-5);--tv-color-act-warning-border-hover-1:var(--tv-base-color-warn-2);--tv-color-act-warning-border-active-1:var(--tv-base-color-warn-2);--tv-color-act-warning-border-light:var(--tv-base-color-warn-6);--tv-color-act-warning-border-light-hover:var(--tv-base-color-warn-1);--tv-color-act-warning-border-light-active:var(--tv-base-color-warn-1);--tv-color-act-warning-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text:var(--tv-base-color-error-12);--tv-color-act-danger-text-hover:var(--tv-base-color-error-12);--tv-color-act-danger-text-active:var(--tv-base-color-error-12);--tv-color-act-danger-text-white:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-danger-text-white-active:var(--tv-base-color-common-1);--tv-color-act-danger-bg:var(--tv-base-color-error-12);--tv-color-act-danger-bg-hover:var(--tv-base-color-error-13);--tv-color-act-danger-bg-active:var(--tv-base-color-error-14);--tv-color-act-danger-bg-light:var(--tv-base-color-error-1);--tv-color-act-danger-bg-light-hover:var(--tv-base-color-error-12);--tv-color-act-danger-bg-light-active:var(--tv-base-color-error-12);--tv-color-act-danger-border:var(--tv-base-color-error-12);--tv-color-act-danger-border-hover:var(--tv-base-color-error-13);--tv-color-act-danger-border-active:var(--tv-base-color-error-13);--tv-color-act-danger-border-hover-1:var(--tv-base-color-error-3);--tv-color-act-danger-border-active-1:var(--tv-base-color-error-3);--tv-color-act-danger-border-light:var(--tv-base-color-error-12);--tv-color-act-danger-border-light-hover:var(--tv-base-color-error-1);--tv-color-act-danger-border-light-active:var(--tv-base-color-error-1);--tv-color-act-danger-plain-text-hover:var(--tv-base-color-common-1);--tv-color-act-info-text:var(--tv-base-color-info-7);--tv-color-act-info-text-hover:var(--tv-base-color-info-7);--tv-color-act-info-text-active:var(--tv-base-color-info-7);--tv-color-act-info-text-white:var(--tv-base-color-common-1);--tv-color-act-info-text-white-hover:var(--tv-base-color-common-1);--tv-color-act-info-text-white-active:var(--tv-base-color-common-1);--tv-color-act-info-bg:var(--tv-base-color-info-6);--tv-color-act-info-bg-hover:var(--tv-base-color-info-6);--tv-color-act-info-bg-active:var(--tv-base-color-info-6);--tv-color-act-info-bg-light:var(--tv-base-color-info-1);--tv-color-act-info-bg-light-hover:var(--tv-base-color-info-6);--tv-color-act-info-bg-light-active:var(--tv-base-color-info-6);--tv-color-act-info-border:var(--tv-base-color-brand-6);--tv-color-act-info-border-hover:var(--tv-base-color-brand-6);--tv-color-act-info-border-active:var(--tv-base-color-brand-6);--tv-color-act-info-border-hover-1:var(--tv-base-color-info-3);--tv-color-act-info-border-active-1:var(--tv-base-color-info-3);--tv-color-act-info-border-light:var(--tv-base-color-info-6);--tv-color-act-info-border-light-hover:var(--tv-base-color-info-1);--tv-color-act-info-border-light-active:var(--tv-base-color-info-1);--tv-color-act-info-plain-text-hover:var(--tv-base-color-common-1);--tv-color-text:var(--tv-base-color-common-8);--tv-color-text-secondary:var(--tv-base-color-common-7);--tv-color-text-weaken:var(--tv-base-color-common-6);--tv-color-text-placeholder:var(--tv-base-color-common-5);--tv-color-text-disabled:var(--tv-base-color-common-5);--tv-color-text-active:var(--tv-base-color-brand-7);--tv-color-text-important:var(--tv-base-color-error-7);--tv-color-text-white:var(--tv-base-color-common-1);--tv-color-text-link:var(--tv-base-color-brand-7);--tv-color-text-link-hover:var(--tv-base-color-brand-10);--tv-color-text-darbg:var(--tv-base-color-common-5);--tv-color-plain-text-hover:var(--tv-base-color-brand-6);--tv-color-text-control:var(--tv-base-color-common-8);--tv-color-text-inverse:var(--tv-base-color-common-1);--tv-color-text-inverse-tint:var(--tv-base-color-common-1);--tv-color-text-inverse-black:var(--tv-base-color-common-8);--tv-color-text-active-1:var(--tv-base-color-common-1);--tv-color-text-active-2:var(--tv-base-color-common-8);--tv-color-text-active-3:var(--tv-base-color-brand-7);--tv-color-text-inverse-active:var(--tv-base-color-common-1);--tv-color-text-hover:var(--tv-base-color-brand-7);--tv-color-text-link-1:var(--tv-base-color-brand-7);--tv-color-text-link-1-hover:var(--tv-base-color-brand-10);--tv-color-icon:var(--tv-base-color-common-7);--tv-color-icon-hover:var(--tv-base-color-brand-6);--tv-color-icon-active:var(--tv-base-color-brand-6);--tv-color-icon-disabled:var(--tv-base-color-common-5);--tv-color-icon-checked-disabled:var(--tv-base-color-common-5);--tv-color-icon-control:var(--tv-base-color-common-8);--tv-color-icon-control-active:var(--tv-base-color-brand-6);--tv-color-icon-control-disabled:var(--tv-base-color-common-5);--tv-color-icon-white:var(--tv-base-color-common-1);--tv-color-icon-link:var(--tv-base-color-brand-7);--tv-color-icon-warn-secondary:var(--tv-base-color-warn-secondary-2);--tv-color-icon-inverse:var(--tv-base-color-common-1);--tv-color-icon-inverse-tint:var(--tv-base-color-common-1);--tv-color-bg:var(--tv-base-color-common-3);--tv-color-bg-primary:var(--tv-base-color-brand);--tv-color-bg-secondary:var(--tv-base-color-common-1);--tv-color-bg-control:var(--tv-base-color-common-5);--tv-color-bg-control-unactive:var(--tv-base-color-common-5);--tv-color-bg-gray-1:var(--tv-base-color-common-2);--tv-color-bg-gray-2:var(--tv-base-color-common-4);--tv-color-bg-header:var(--tv-base-color-common-4);--tv-color-bg-mask:rgba(0, 0, 0, 0.3);--tv-color-bg-dark:var(--tv-base-color-common-9);--tv-color-bg-disabled:var(--tv-base-color-common-2);--tv-color-bg-disabled-control-checked:var(--tv-base-color-common-4);--tv-color-bg-disabled-control-unactive:var(--tv-base-color-common-4);--tv-color-bg-disabled-control-active:var(--tv-base-color-brand-3);--tv-color-bg-hover:var(--tv-base-color-brand-1);--tv-color-bg-hover-primary:var(--tv-base-color-common-10);--tv-color-bg-hover-secondary:var(--tv-base-color-common-1);--tv-color-bg-hover-1:var(--tv-base-color-brand-1);--tv-color-bg-hover-2:var(--tv-base-color-common-5);--tv-color-bg-hover-dark:var(--tv-base-color-common-10);--tv-color-bg-active:var(--tv-base-color-brand-1);--tv-color-bg-active-control:var(--tv-base-color-brand);--tv-color-bg-active-primary:var(--tv-base-color-brand);--tv-color-bg-active-secondary:var(--tv-base-color-common-1);--tv-color-bg-active-emphasize:var(--tv-base-color-brand-2);--tv-color-bg-active-emphasize-light:var(--tv-base-color-brand-1);--tv-color-bg-active-dark:var(--tv-base-color-common-3);--tv-color-bg-2:var(--tv-base-color-common-1);--tv-color-bg-3:var(--tv-base-color-common-1);--tv-color-bg-4:var(--tv-base-color-common-5);--tv-color-bg-progressbar:var(--tv-base-color-success-6);--tv-color-bg-active-emphasize-1:var(--tv-base-color-brand);--tv-color-bg-container-hover:var(--tv-base-color-common-1);--tv-color-bg-hover-3:var(--tv-base-color-brand-1);--tv-color-bg-hover-4:var(--tv-base-color-brand-1);--tv-color-bg-active-primary-1:var(--tv-base-color-brand-5);--tv-color-bg-inverse:var(--tv-base-color-common-1);--tv-color-bg-active-control-1:var(--tv-base-color-brand-3);--tv-color-bg-5:var(--tv-base-color-common-4);--tv-color-bg-5-active:var(--tv-base-color-brand);--tv-color-bg-inverse-tint-1:var(--tv-base-color-common-1);--tv-color-bg-disabled-control:var(--tv-base-color-common-5);--tv-color-bg-inverse-disabled:var(--tv-base-color-common-5);--tv-color-border:var(--tv-base-color-common-5);--tv-color-border-hover:var(--tv-base-color-common-7);--tv-color-border-active:var(--tv-base-color-brand);--tv-color-border-active-control:var(--tv-base-color-brand-6);--tv-color-border-disabled:var(--tv-base-color-common-4);--tv-color-border-secondary:var(--tv-base-color-common-5);--tv-color-border-ghost:var(--tv-base-color-common-5);--tv-color-border-ghost-active:var(--tv-base-color-common-4);--tv-color-border-divider:var(--tv-base-color-common-4);--tv-color-border-divider-short:var(--tv-base-color-common-4);--tv-color-border-secondary-hover:var(--tv-base-color-brand);--tv-color-border-container:var(--tv-base-color-common-5);--tv-color-border-container-hover:var(--tv-base-color-common-1);--tv-color-border-container-active:var(--tv-base-color-brand);--tv-color-border-inverse-tint:var(--tv-base-color-common-1);--tv-color-border-1:var(--tv-base-color-common-4);--tv-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--tv-font-family-1:'Arial','San Francisco','Helvetica';--tv-font-size-sm:12px;--tv-font-size-md:14px;--tv-font-size-lg:16px;--tv-font-size-xl:18px;--tv-font-size-xxl:20px;--tv-font-size-default:var(--tv-font-size-sm);--tv-font-size-heading-xs:16px;--tv-font-size-heading-sm:18px;--tv-font-size-heading-md:20px;--tv-font-size-heading-lg:24px;--tv-font-size-heading-xl:32px;--tv-line-height-number:1.5;--tv-font-weight-thin:200;--tv-font-weight-regular:400;--tv-font-weight-bold:600;--tv-border-radius-xs:2px;--tv-border-radius-sm:2px;--tv-border-radius-md:2px;--tv-border-radius-lg:4px;--tv-border-radius-round:999px;--tv-border-radius-brand:2px;--tv-border-width:1px;--tv-space-base:4px;--tv-space-xs:2px;--tv-space-sm:var(--tv-space-base);--tv-space-md:calc(var(--tv-space-base) * 2);--tv-space-lg:calc(var(--tv-space-base) * 3);--tv-space-xl:calc(var(--tv-space-base) * 4);--tv-space-xxl:calc(var(--tv-space-base) * 5);--tv-space-xxxl:calc(var(--tv-space-base) * 8);--tv-space-table-x:2px;--tv-space-table-y:1px;--tv-size-base:4px;--tv-size-height-xs:24px;--tv-size-height-sm:24px;--tv-size-height-md:28px;--tv-size-height-lg:32px;--tv-size-height-xl:36px;--tv-icon-size:14px;--tv-shadow-0:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1:0 0 0 0 rgba(0, 0, 0, 0);--tv-shadow-cell-left:-5px 0 5px 0 rgba(0, 0, 0, 0.1);--tv-shadow-cell-right:5px 0 5px 0 rgba(0, 0, 0, 0.1);--tv-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-left:-1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-1-right:1px 0 4px 0 rgba(0, 0, 0, 0.08);--tv-shadow-2-up:0 -2px 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-down:0 2px 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-left:-2px 0 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-2-right:2px 0 8px 0 rgba(0, 0, 0, 0.16);--tv-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.08);--tv-shadow-4-up:0 -8px 40px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-down:0 8px 40px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-left:-8px 0 40px 0 rgba(0, 0, 0, 0.16);--tv-shadow-4-right:8px 0 40px 0 rgba(0, 0, 0, 0.16);--tv-size-scrollbar-width:8px;--tv-size-scrollbar-height:8px;--tv-border-radius-scrollbar-thumb:4px;--tv-color-bg-scrollbar-thumb:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-hover:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-thumb-active:var(--tv-base-color-common-6);--tv-color-bg-scrollbar-track:var(--tv-base-color-common-1)}.tiny-button{--tv-Button-size-icon-font-size:14px;--tv-Button-size-icon-font-size-large:16px;--tv-Button-size-icon-font-size-medium:14px;--tv-Button-size-icon-font-size-small:12px;--tv-Button-size-icon-font-size-mini:12px}`
 }
diff --git a/packages/theme/src/transfer/vars.less b/packages/theme/src/transfer/vars.less
index d09f99b65f..f067050d76 100644
--- a/packages/theme/src/transfer/vars.less
+++ b/packages/theme/src/transfer/vars.less
@@ -60,7 +60,7 @@
   // 按钮禁用时文本色
   --tv-Transfer-button-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);
   // 按钮禁用时边框色
-  --tv-Transfer-button-disabled-border-color: var(--tv-color-border-disabled);
+  --tv-Transfer-button-disabled-border-color: var(--tv-color-border-disabled, #dbdbdb);
   // 按钮禁用时背景色
   --tv-Transfer-button-disabled-bg-color: var(--tv-color-bg-disabled, #f0f0f0);
   // 按钮禁用时行高
@@ -108,7 +108,7 @@
   // 面板头部背景色
   --tv-Transfer-header-bg-color: var(--tv-color-bg-secondary, #fff);
   // 面板头部边框色
-  --tv-Transfer-header-border-color: var(--tv-color-border-divider);
+  --tv-Transfer-header-border-color: var(--tv-color-border-divider, #f0f0f0);
   // 面板头部文本色
   --tv-Transfer-header-text-color: var(--tv-color-text, #191919);
   // 面板头部span文本色
@@ -244,7 +244,7 @@
   // 穿梭箭头大小
   --tv-Transfer-svg-font-size: 10px;
   // 穿梭箭头颜色
-  --tv-Transfer-svg-color: var(--tv-color-icon-inverse);
+  --tv-Transfer-svg-color: var(--tv-color-icon-inverse, #ffffff);
   // 穿梭文字颜色
-  --tv-Transfer-text-color: var(--tv-color-text-inverse)
+  --tv-Transfer-text-color: var(--tv-color-text-inverse, #ffffff);
 }