.component-css-vars-color-select-panel() {
  // 弹出框背景色(hide)
  --ti-color-select-panel-bg-color: var(--ti-common-color-transparent, transparent);
  // 弹出框边框色(hide)
  --ti-color-select-panel-border-color: var(--ti-base-color-common-2, #adb0b8);
  // 弹出框边框厚度(hide)
  --ti-color-select-panel-border-weight: var(--ti-common-border-weight-normal, 1px);
  // 弹出框右侧色调框圆角
  --ti-color-select-panel-border-radius-xs: var(--ti-common-border-radius-normal, 2px);
  // 历史记录展开框颜色块圆角
  --ti-color-select-panel-border-radius-sm: var(--ti-common-border-radius-1, 4px);
  // 无用(hide)
  --ti-color-select-panel-border-radius: var(--ti-common-border-radius-2, 8px);
  // 弹出框各元素快间隙(hide)
  --ti-color-select-panel-gap: var(--ti-common-space-base, 4px);
  // 弹出框垂直内边距
  --ti-color-select-panel-padding-vertical: var(--ti-common-space-2x, 8px);
  // 弹出框水平内边距
  --ti-color-select-panel-padding-horizontal: var(--ti-common-space-2x, 8px);
  // alpha选择条上外边距
  --ti-color-select-panel-alpha-margin-top: var(--ti-common-space-2x, 8px);
  // 弹出框阴影
  --ti-color-select-panel-box-shadow: var(--ti-common-shadow-2-down, 0 2px 8px 0 rgba(0, 0, 0, 0.2));
  // 弹出框元素层级(hide)
  --ti-color-select-panel__wrapper-zindex: 10;
  // 弹出框背景色
  --ti-color-select-panel__wrapper-bg-color: var(--ti-common-color-bg-white-emphasize, #f2f5fc);
}