semi-design/packages/semi-foundation/tree/variables.scss

$color-tree_default-bg-default: var(--semi-color-fill-0); // 树背景颜色 - 默认
$color-tree_default-border-default: transparent; // 树描边颜色 - 默认
$color-tree_default-icon-default: var(--semi-color-text-2); // 树图标颜色 - 默认
$color-tree_default-bg-hover: var(--semi-color-fill-1); // 树背景颜色 - 悬停

$color-tree_default-border-focus: var(--semi-color-focus-border); // 树描边颜色 - 按下

$color-tree_option-text-default: var(--semi-color-text-0); // 树选项文字颜色
$color-tree_option-icon-default: var(--semi-color-text-2); // 树选项图标颜色

$color-tree_option-bg-hover: var(--semi-color-fill-0); // 树选项背景色 - 悬停
$color-tree_option_selected-bg-default: var(--semi-color-fill-1); // 树选项背景色 - 按下
$color-tree_option-bg-active: var(--semi-color-primary-light-default); // 树选项背景色 - 选中
$color-tree_option_disabled-text-default: var(--semi-color-disabled-text); // 禁用树选项文字颜色

$color-tree_option-icon-hover: var(--semi-color-text-0); // 树选项图标颜色 - 悬浮
$color-tree_option-icon-active: var(--semi-color-black); // 树选项图标颜色 - 按下
$color-tree_option_loading-icon-default: var(--semi-color-primary); // 树选项加载 spin 颜色

$color-tree_option_draggable_insert-border-default: var(--semi-color-primary); // 树选项加载 spin 颜色

$height-tree_default: $height-control-default; // 树选项高度 - 默认

$font-tree_default-fontWeight: $font-weight-regular; // 树选项文本字重 - 默认
$font-tree_option_hightlight-fontWeight: $font-weight-bold; // 树选项高亮文本字重
$color-tree_option_hightlight-text: var(--semi-color-primary); // 树选项高亮文本颜色

$radius-tree: var(--semi-border-radius-small); // 树整体圆角
$radius-tree_checkbox_addon: var(--semi-border-radius-small); // 多选树 checkbox 圆角

$spacing-tree_search_wrapper-paddingX: 12px; // 树搜索框水平内边距
$spacing-tree_search_wrapper-paddingY: 8px; // 树搜索框垂直内边距
$spacing-tree_option_level-paddingLeft: 20px; // 树选项缩进增量
$spacing-tree_option_level1-paddingLeft: 8px; // 树选项最上层左侧内边距

$spacing-tree_optionList-paddingX: 0; // 树选项列表水平内边距
$spacing-tree_optionList-paddingY: 8px; // 树选项列表垂直内边距
$spacing-tree_option-paddingTop: 4px; // 树选项顶部内边距
$spacing-tree_option-paddingBottom: 4px; // 树选项底部内边距
$spacing-tree_icon-marginRight: 8px; // 树选项图标右侧外边距
$spacing-tree_label_withIcon-marginRight: 8px; // 树选项图标右侧外边距
$spacing-tree_option_draggable-paddingY: 3px; // 可拖拽的树选项垂直内边距
$spacing-tree_option_draggable-paddingX: 0; // 可拖拽的树选项水平内边距
$spacing-tree_spinIcon-paddingY: 4px; // 树选项加载 spin 垂直内边距 (已废弃)
$spacing-tree_spinIcon-paddingX: 0; // 树选项加载 spin 水平内边距 (已废弃)

$width-tree-border: 1px; // 树选项描边宽度
$width-tree_arrow: 32px; // 树选项箭头宽度
$width-tree_emptyIcon: $width-icon-small; // 树选项空图标宽度
$width-tree_spinIcon: $width-icon-small; // 树选项加载 spin 宽度
$width-tree_focus-border: $border-thickness-control-focus; // 树选中态描边宽度
$width-tree_option:  230px; // 树选项宽度
$width-tree_search_wrapper-border: 1px; // 树搜索框容器描边宽度
$width-tree_option_draggable-border: 2px; // 可拖拽的树标示线宽度