:root {
  // 带边框的图标按钮边框颜色
  --ti-lowcode-materials-border-icon-border-color: var(--ti-lowcode-base-default-button-border-color);
  // 带边框的图标按钮图标颜色
  --ti-lowcode-materials-border-icon-svg-color: var(--ti-lowcode-base-text-color);
  // 带边框的图标按钮悬浮边框颜色
  --ti-lowcode-materials-border-icon-border-color-hover: var(--ti-lowcode-base-default-button-border-hover-color);
  // 带边框的图标按钮背景颜色
  --ti-lowcode-materials-border-icon-bg-color: var(--ti-lowcode-base-bg-5);
  // 区块分组下拉选项下边框颜色
  --ti-lowcode-materials-block-group-item-border-color: var(--ti-lowcode-common-primary-text-color);
  // 添加区块筛选模块字体颜色
  --ti-lowcode-materials-block-filter-text-color: var(--ti-lowcode-common-primary-text-color);
  // 添加区块穿梭框面板背景颜色
  --ti-lowcode-materials-block-transfer-bg-color: var(--ti-lowcode-common-component-bg);
  // 添加区块穿梭框面板头部字体颜色
  --ti-lowcode-materials-block-transfer-header-text-color: var(--ti-lowcode-common-primary-text-color);
  // 添加区块筛选模块选中字体颜色
  --ti-lowcode-materials-block-filter-selected-text-color: var(--ti-lowcode-common-primary-text-color);
  // 添加区块穿梭框面板头部背景颜色
  --ti-lowcode-materials-block-transfer-header-bg-color: var(--te-common-bg-container);
  // 区块分组添加区块筛选项 hover 颜色
  --ti-lowcode-materials-block-filter-hover-color: var(--ti-lowcode-common-primary-text-color);
  // 组件列表  组件名称颜色
  --ti-lowcode-materials-component-list-color: var(--ti-lowcode-common-text-main-color);
  // 删除区块分组气泡弹窗背景色
  --ti-lowcode-materials-block-group-delete-popover-bg-color: var(--ti-lowcode-common-component-bg);
  // 删除区块分组气泡弹窗标题色
  --ti-lowcode-materials-block-group-delete-popover-title-color: var(--ti-lowcode-common-text-title-color);
}