// @import '../../utils.scss';

/** 主题
  * [类别]:[色值]
  **/

$classic-blue: (
  //#region @import "./common.scss"; ========== START==========
  /* Common 通用类的样式
  -------------------------- */
  /** base.scss
  --------------------------*/
  $__common-body_font-color: $--color-CBlue-font-main,
  $__common-body_background-color: $--color-CBlue-background-panel,
  // a
  $__common-a_font-color: $--color-CBlue-font-link,
  $__common-a_hover_font-color: $--color-CBlue-font-link-hover,
  $__common-a_active_font-color: $--color-CBlue-font-link-pressed,
  $__common-a_disabled_font-color: $--color-CBlue-font-disabled,

  /** close.scss
  --------------------------*/ 
  $__common-close_icon-color: $--color-CBlue-font-hint,
  $__common-close_hover_icon-color: $--color-CBlue-font-hint,

  /** caret.scss
  --------------------------*/ 
  $__common-sortable-i_font-color: $--color-CBlue-font-hint,
  $__common-sortable-i_hover_font-color: $--color-CBlue-font-hint,
  $__common-sortable-i_on_font-color: $--color-CBlue-primary,

  /** input.scss
  --------------------------*/
  // primary
  $__common-input_border-color: $--color-CBlue-border,
  $__common-input_font-color: $--color-CBlue-font-main,
  $__common-input_background-color: $--color-CBlue-background-panel-usable,

  // hover
  $__common-input_hover_border-color: $--color-CBlue-primary-hover,

  // focus
  $__common-input_focus_border-color: $--color-CBlue-primary-hover,
  $__common-input_focus_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,

  // disabled
  $__common-input_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__common-input_disabled_font-color: $--color-CBlue-font-disabled,
  $__common-input_disabled-hover_border-color: $--color-CBlue-border,

  // readonly
  $__common-input_readonly_background-color: $--color-CBlue-background-panelState-2,
  $__common-input_readonly_font-color: $--color-CBlue-font-main,
  $__common-input_readonly-hover_border-color: $--color-CBlue-border,
  $__common-input_readonly_opacity: 1,
  $__common-input_readonly_box-shadow: none,

  // changed
  $__common-input_changed_font-color: $--color-CBlue-danger,

  // error
  $__common-input-error_border-color: $--color-CBlue-danger,

  // hover
  $__common-input-error_hover_border-color: $--color-CBlue-danger-hover,

  // focus
  $__common-input-error_focus_border-color: $--color-CBlue-danger,
  $__common-input-error_focus_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,

  // input-group
  $__common-input-group-pend_font-color: $--color-CBlue-font-main,
  $__common-input-group-pend_background-color: $--color-CBlue-background-panel,
  $__common-input-group-pend_border-color: $--color-CBlue-border,
  $__common-input-group-pend-selection_background-color: $--color-CBlue-background-transparent,
  $__common-input-group-pend-selection_border-color: $--color-CBlue-background-transparent,
  $__common-input-group-pend-selection_box-shadow: none,
  $__common-input-group-pend-btn_border-color: $--color-CBlue-background-transparent,
  $__common-input-group-pend-btn_background-color: $--color-CBlue-background-transparent,
  $__common-input-group-pend-selection_bordere-color: $--color-CBlue-background-transparent,

  // error
  $__common-input-group-error-pend_background-color: $--color-CBlue-background-panel,
  $__common-input-group-error-pend_border-color: $--color-CBlue-danger,

  /** radio.scss
  --------------------------*/ 
  // error
  $__common-radio-error-inner_border-color: $--color-CBlue-danger,
  $__common-radio-error-inner_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,

  // hover
  $__common-radio-error_hover_border-color: $--color-CBlue-danger-hover,

  /** checkbox.scss
  --------------------------*/ 
  $__common-checkbox_font-color: $--color-CBlue-font-main,
  $__common-checkbox-icon_font-color: $--color-CBlue-font-main,

  // disabled
  $__common-checkbox_disabled-checked_border-color: $--color-CBlue-border,
  $__common-checkbox_disabled-checked_background-color: $--color-CBlue-background-panelState-2,
  $__common-checkbox_disabled-checked-after_border-color: $--color-CBlue-primary-transparent-50,
  $__common-checkbox_disabled-checked-hover_border-color: $--color-CBlue-border,
  // disabled-hover
  $__common-checkbox_disabled-hover_border-color: $--color-CBlue-border,
  $__common-checkbox_disabled-hover_box-shadow: none,
  // disabled-inner
  $__common-checkbox-inner_disabled_border-color: $--color-CBlue-border,
  $__common-checkbox-inner_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__common-checkbox-inner_disabled-after_border-color: $--color-CBlue-background-panelState-2,

  // disable-span
  $__common-checkbox-span_disabled_font-color: $--color-CBlue-font-main,
  // hover
  $__common-checkbox_hover_border-color: $--color-CBlue-primary-hover,

  // inner
  $__common-checkbox-inner_border-color: $--color-CBlue-border,
  $__common-checkbox-inner_background-color: $--color-CBlue-background-panel,
  $__common-checkbox-inner_after_border-color: $--color-CBlue-background-panel,
  $__common-checkbox-inner_hover_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,

  // inner-focus
  $__common-checkbox-inner_focus_border-color: $--color-CBlue-primary,
  $__common-checkbox-inner_focus_box-shadow: none,

  // checked
  $__common-checkbox_checked-hover_border-color: $--color-CBlue-primary,

  // checked-inner
  $__common-checkbox-inner_checked_border-color: $--color-CBlue-primary,
  $__common-checkbox-inner_checked_background-color: $--color-CBlue-primary,
  $__common-checkbox-inner_checked-after_border-color: $--color-CBlue-background-panel,

  // form-grid-item-changed checked inner
  $__common-form-grid-item-changed-checkbox-inner_checked_border-color: $--color-CBlue-danger,
  $__common-form-grid-item-changed-checkbox-inner_checked_background-color: $--color-CBlue-danger,

  // form-grid-item-changed checked
  $__common-form-grid-item-changed-checkbox_checked-hover_border-color: $--color-CBlue-danger,
  $__common-form-grid-item-changed-checkbox_checked-hover_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,

  // indeterminate
  $__common-checkbox_indeterminate-hover_border-color: $--color-CBlue-primary-hover,
  $__common-checkbox-inner_indeterminate_border-color: $--color-CBlue-primary-hover,
  $__common-checkbox-inner_indeterminate_background-color: $--color-CBlue-primary,
  $__common-checkbox-inner-after_indeterminate_border-color: $--color-CBlue-background-panel,

  // indeterminate disabled
  $__common-checkbox-inner_indeterminate-disabled_border-color: $--color-CBlue-border,
  $__common-checkbox-inner_indeterminate-disabled_background-color: $--color-CBlue-background-panelState-2,
  $__common-checkbox-inner-after_indeterminate-disabled_border-color: $--color-CBlue-primary-transparent-50,

  // error
  $__common-checkbox-error_border-color: $--color-CBlue-danger,
  $__common-checkbox-error_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,

  // error-hover
  $__common-checkbox-error_hover_border-color: $--color-CBlue-danger-hover,

  /** select.scss
  --------------------------*/ 
  // primary
  $__common-select-item_font-color: $--color-CBlue-font-main,

  // hover
  $__common-select-item_hover_background-color: $--color-CBlue-primary-panelHover,

  // focus
  $__common-select-item_focus_background-color: $--color-CBlue-background-panelState-2,

  // disabled
  $__common-select-item_disabled_font-color: $--color-CBlue-font-disabled,

  // disabled-hover
  $__common-select-item_disabled-hover_font-color: $--color-CBlue-font-disabled,
  $__common-select-item_disabled-hover_background-color: $--color-CBlue-background-panel,

  // selected
  $__common-select-item_selected-hover_font-color: $--color-CBlue-font-main,
  $__common-select-item_selected-hover_background-color: $--color-CBlue-background-panelState-2,

  // selected-focus
  $__common-select-item_selected-focus_background-color: $--color-CBlue-background-panelState-2,

  // divided
  $__common-select-item-divided_border-top-color: $--color-CBlue-border-split,
  // divided-before
  $__common-select-item-divided_background-color: $--color-CBlue-background-panel,

  /** content.scss
  --------------------------*/ 
  $__common-content-header_border-bottom-color: $--color-CBlue-border-split,
  $__common-content-header-inner_font-color: $--color-CBlue-font-main,

  /** mask.scss
  --------------------------*/ 
  $__common-mask_background-color: $--color-CBlue-background-mask,

  // placeholder
  $__common-placeholder_font-color: $--color-CBlue-font-hint,

  // inner-arrow
  $__common-inner-arrow_font-color: $--color-CBlue-font-hint,

  /** tooltip.scss
  --------------------------*/ 
  $__common-tooltip-popper-top_border-top-color: $--color-CBlue-background-tip,
  $__common-tooltip-popper-right_border-right-color: $--color-CBlue-background-tip,
  $__common-tooltip-popper-left_border-left-color: $--color-CBlue-background-tip,
  $__common-tooltip-popper-bottom_border-bottom-color: $--color-CBlue-background-tip,

  /** scrollbar
  --------------------------*/ 
  $__common-scrollbar_background-color: $--color-CBlue-scrollbar-background,
  $__common-scrollbar-thumb_background-color: $--color-CBlue-scrollbar-slider,
  $__common-scrollbar-thumb_hover_background-color: $--color-CBlue-scrollbar-slider-hoverAndPressed,
  $__common-scrollbar-thumb_border-radius: 4px,
  $__common-scrollbar_width: initial,
  $__common-scrollbar_height: initial,
  $__common-scrollbar-face-color: $--color-CBlue-scrollbar-slider,
  $__common-scrollbar-track-color: $--color-CBlue-scrollbar-background,

  // tip
  $__common-top-tip-arrow_border-top-color: $--color-CBlue-danger,
  $__common-bottom-tip-arrow_border-bottom-color: $--color-CBlue-danger,
  $__common-bottom-tip-inner_background-color: $--color-CBlue-danger,
  $__common-bottom-tip-inner_font-color: $--color-CBlue-font-white,
  $__common-tip-inner_background-color: $--color-CBlue-danger,
  $__common-tip-inner_font-color: $--color-CBlue-font-white,

  //#endregion @import "./common.scss"; ========== END==========
  //#region @import "./button.scss"; ========== START==========
  /* Button
  -------------------------- */
  // button
  $__button-before_background-color: $--color-CBlue-font-white,

  // icon
  // $__button_icon-color: $--color-CBlue-font-main,
  // button-default
  $__button-default_font-color: $--color-CBlue-font-main,
  $__button-default_background-color: $--color-CBlue-background-panel,
  $__button-default_border-color: $--color-CBlue-border,
  // hover
  $__button-default_hover_font-color: $--color-CBlue-primary-hover,
  $__button-default_hover_border-color: $--color-CBlue-primary-hover,
  $__button-default_hover_background-color: $--color-CBlue-background-panel,
  // active
  $__button-default_active_font-color: $--color-CBlue-primary-pressed,
  $__button-default_active_border-color: $--color-CBlue-primary-pressed,
  $__button-default_active_background-color: $--color-CBlue-background-panel,

  // button-primary
  $__button-primary_font-color: $--color-CBlue-font-white,
  $__button-primary_border-color: $--color-CBlue-primary,
  $__button-primary_background-color: $--color-CBlue-primary,
  // hover
  $__button-primary_hover_background-color: $--color-CBlue-primary-hover,
  $__button-primary_hover_border-color: $--color-CBlue-primary-hover,
  // active
  $__button-primary_active_background-color: $--color-CBlue-primary-pressed,
  $__button-primary_active_border-color: $--color-CBlue-primary-pressed,

  // button-ghost
  $__button-ghost_font-color: $--color-CBlue-font-main,
  $__button-ghost_border-color: $--color-CBlue-border,
  $__button-ghost_background-color: $--color-CBlue-background-panel,
  // hover
  $__button-ghost_hover_font-color: $--color-CBlue-primary-hover,
  $__button-ghost_hover_border-color: $--color-CBlue-primary-hover,
  $__button-ghost_hover_background-color: $--color-CBlue-background-panel,
  // active
  $__button-ghost_active_font-color: $--color-CBlue-primary-pressed,
  $__button-ghost_active_border-color: $--color-CBlue-primary-pressed,
  $__button-ghost_active_background-color: $--color-CBlue-background-panel,

  // button-dashed
  $__button-dashed_font-color: $--color-CBlue-font-main,
  $__button-dashed_border-color: $--color-CBlue-border,
  $__button-dashed_background-color: $--color-CBlue-background-panel,
  // hover
  $__button-dashed_hover_font-color: $--color-CBlue-primary-hover,
  $__button-dashed_hover_border-color: $--color-CBlue-primary-hover,
  $__button-dashed_hover_background-color: $--color-CBlue-background-panel,
  // active
  $__button-dashed_active_font-color: $--color-CBlue-primary-pressed,
  $__button-dashed_active_border-color: $--color-CBlue-primary-pressed,
  $__button-dashed_active_background-color: $--color-CBlue-background-panel,

  // button-text
  $__button-text_font-color: $--color-CBlue-primary,
  $__button-text_border-color: $--color-CBlue-background-transparent,
  $__button-text_background-color: $--color-CBlue-background-transparent,
  // hover
  $__button-text_hover_font-color: $--color-CBlue-primary-hover,
  // active
  $__button-text_active_font-color: $--color-CBlue-primary-pressed,

  // button-danger
  $__button-danger_font-color: $--color-CBlue-danger,
  $__button-danger_border-color: $--color-CBlue-danger,
  $__button-danger_background-color: $--color-CBlue-background-panel,
  // hover
  $__button-danger_hover_font-color: $--color-CBlue-danger-hover,
  $__button-danger_hover_border-color: $--color-CBlue-danger-hover,
  // active
  $__button-danger_active_font-color: $--color-CBlue-danger-pressed,
  $__button-danger_active_border-color: $--color-CBlue-danger-pressed,

  // button-success
  $__button-success_font-color: $--color-CBlue-font-white,
  $__button-success_border-color: $--color-CBlue-success,
  $__button-success_background-color: $--color-CBlue-success,
  // hover
  $__button-success_hover_background-color: $--color-CBlue-success-hover,
  $__button-success_hover_border-color: $--color-CBlue-success-hover,
  // active
  $__button-success_active_background-color: $--color-CBlue-success-pressed,
  $__button-success_active_border-color: $--color-CBlue-success-pressed,

  // button-warning
  $__button-warning_font-color: $--color-CBlue-font-white,
  $__button-warning_border-color: $--color-CBlue-warning,
  $__button-warning_background-color: $--color-CBlue-warning,
  // hover
  $__button-warning_hover_background-color: $--color-CBlue-warning-hover,
  $__button-warning_hover_border-color: $--color-CBlue-warning-hover,
  // active
  $__button-warning_active_background-color: $--color-CBlue-warning-pressed,
  $__button-warning_active_border-color: $--color-CBlue-warning-pressed,

  // button-error
  $__button-error_font-color: $--color-CBlue-font-white,
  $__button-error_border-color: $--color-CBlue-danger,
  $__button-error_background-color: $--color-CBlue-danger,
  // hover
  $__button-error_hover_background-color: $--color-CBlue-danger-hover,
  $__button-error_hover_border-color: $--color-CBlue-danger-hover,
  // active
  $__button-error_active_background-color: $--color-CBlue-danger-pressed,
  $__button-error_active_border-color: $--color-CBlue-danger-pressed,

  // button-info
  $__button-info_font-color: $--color-CBlue-font-white,
  $__button-info_border-color: $--color-CBlue-primary,
  $__button-info_background-color: $--color-CBlue-primary,
  // hover
  $__button-info_hover_background-color: $--color-CBlue-primary-hover,
  $__button-info_hover_border-color: $--color-CBlue-primary-hover,
  // active
  $__button-info_active_background-color: $--color-CBlue-primary-pressed,
  $__button-info_active_border-color: $--color-CBlue-primary-pressed,

  // button-transparent
  $__button-transparent_border-color: $--color-CBlue-background-transparent,
  $__button-transparent_background-color: $--color-CBlue-background-transparent,
  $__button-transparent_font-color: $--color-CBlue-primary,
  // hover
  $__button-transparent_hover_font-color: $--color-CBlue-primary-hover,
  // active
  $__button-transparent_active_font-color: $--color-CBlue-primary-pressed,

  // disabled
  $__button_disabled_font-color: $--color-CBlue-font-disabled,
  $__button_disabled_border-color: $--color-CBlue-border,
  $__button_disabled_background-color: $--color-CBlue-background-panelState-2,
  //#endregion @import "./button.scss"; ========== END==========
  //#region @import "./card.scss"; ========== START==========
  /* Card
  -------------------------- */
  $__card_background-color: $--color-CBlue-background-panel,

  // bordered
  $__card-bordered_border-color: $--color-CBlue-border,
  // bordered-hover
  $__card-bordered_hover_border-color: $--color-CBlue-shadow-panel,

  // shadow
  $__card-shadow_box-shadow: 0 1px 6px $--color-CBlue-shadow-panel,
  // shadow-hover
  $__card-shadow_hover_box-shadow: 0 1px 1px $--color-CBlue-shadow-panel,

  // dis-hover
  $__card-dis-hover_box-shadow: none,

  // hover
  $__card_hover_border-color: $--color-CBlue-background-panel,
  $__card_hover_box-shadow: 0 1px 6px $--color-CBlue-shadow-panel,

  // body
  $__card-body_font-color: $--color-CBlue-font-main,

  // span
  $__card-span_font-color: $--color-CBlue-warning,

  // a-after
  $__card-a-after_font-color: $--color-CBlue-font-hint,

  $__card-a-extra_font-color: $--color-CBlue-primary,
  $__card-a-extra_hover_font-color: $--color-CBlue-primary-hover,
  $__card-a-extra_active_font-color: $--color-CBlue-primary-pressed,

  //#endregion @import "./card.scss"; ========== END==========
  //#region @import "./switch.scss"; ========== START==========
  /* Switch
  -------------------------- */ 
  // primary
  $__switch_border-color: $--color-CBlue-background-panelState-1,
  $__switch_background-color: $--color-CBlue-background-panelState-1,
  $__switch_font-color: $--color-CBlue-font-white,

  // slide
  $__switch-slide_background-color: $--color-CBlue-font-white,

  //focus
  $__switch_focus_box-shadow: none,
  $__switch_focus_border-color: $--color-CBlue-background-panelState-1,

  // checked
  $__switch_checked_background-color: $--color-CBlue-primary,
  $__switch_checked_border-color: $--color-CBlue-primary,

  // info
  $__switch_info_checked_background-color: $--color-CBlue-primary,
  $__switch_info_checked_border-color: $--color-CBlue-primary,

  // success
  $__switch_success_checked_background-color: $--color-CBlue-success,
  $__switch_success_checked_border-color: $--color-CBlue-success,

  // warning
  $__switch_warning_checked_background-color: $--color-CBlue-warning,
  $__switch_warning_checked_border-color: $--color-CBlue-warning,

  // error
  $__switch_error_checked_background-color: $--color-CBlue-danger,
  $__switch_error_checked_border-color: $--color-CBlue-danger,

  // disabled
  $__switch_disabled_background-color: $--color-CBlue-background-panelState-transparent-50,
  $__switch_disabled_border-color: $--color-CBlue-background-transparent,
  $__switch-slide_disabled_background-color: $--color-CBlue-background-panel-transparent-50,
  $__switch_disabled_font-color: $--color-CBlue-background-panel-transparent-50,
  $__switch_disabled_checked_background-color: $--color-CBlue-primary-transparent-50,
  $__switch_disabled_checked_border-color: $--color-CBlue-background-transparent,

  //#endregion @import "./switch.scss"; ========== END==========
  //#region @import "./slider.scss"; ========== START==========
  /* Slider
  -------------------------- */ 
  // primary
  $__slider_background-color: $--color-CBlue-background-panelState-2,

  // 滑块按钮
  $__slider-button_background-color: $--color-CBlue-font-white,
  $__slider-button_border-color: $--color-CBlue-primary,
  $__slider-button_hover_border-color: $--color-CBlue-primary-hover,
  $__slider-button_dragging_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,

  $__slider-bar_background-color: $--color-CBlue-primary,

  // 间断点
  $__slider-stop_background-color: $--color-CBlue-background-panel,
  $__slider-stop_border: 1px solid $--color-CBlue-border,

  // 禁用
  $__slider_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__slider-bar_disabled_background-color: $--color-CBlue-background-panelState-1,
  $__slider-button_disabled_border-color: $--color-CBlue-background-panelState-1,
  $__slider-button_disabled-hover_border-color: $--color-CBlue-background-panelState-1,
  $__slider-button_disabled_background-color: $--color-CBlue-background-panelState-2,

  //#endregion @import "./slider.scss"; ========== END==========
  //#region @import "./spin.scss"; ========== START==========
  /* Spin
  -------------------------- */ 
  $__spin_font-color: $--color-CBlue-primary,
  $__spin-dot_background-color: $--color-CBlue-primary,

  // 固定
  $__spin_fix_background-color: $--color-CBlue-background-mask,
  $__spin-table_fix_border-color: $--color-CBlue-border,
  $__spin-table_fix_background-color: $--color-CBlue-background-tableLoading,

  //#endregion @import "./spin.scss"; ========== END==========
  //#region @import "./rate.scss"; ========== START==========
  /* Rate
  -------------------------- */ 
  $__rate-star_font-color: $--color-CBlue-border-line,
  $__rate-text_font-color: $--color-CBlue-font-main,
  // 全选
  $__rate-star-full_font-color: $--color-CBlue-warning,
  // 半选
  $__rate-star-half_font-color: $--color-CBlue-warning,
  $__rate-star-before_font-color: $--color-CBlue-border-line,
  $__rate-star-before_transparent_font-color: $--color-CBlue-background-transparent,
  $__rate-star-half-full_font-color: $--color-CBlue-warning,
  $__rate-star-half-full_hover_font-color: $--color-CBlue-warning,
  //#endregion @import "./rate.scss"; ========== END==========
  //#region @import "./upload.scss"; ========== START==========
  /* Upload
  -------------------------- */ 
  // primary
  // 上传文件列表
  $__upload-list-file_font-color: $--color-CBlue-font-main,
  $__upload-list-file-icon_font-color: $--color-CBlue-font-describe,
  $__upload-list-file_hover_background-color: $--color-CBlue-background-panelState-2,
  $__upload-list-file_hover_font-color: $--color-CBlue-font-main,
  $__upload-list-file-icon_hover_font-color: $--color-CBlue-font-describe,

  // 上传失败
  $__upload-list-file-fail_font-color: $--color-CBlue-danger,

  // 删除图标
  $__upload-list-remove_font-color: $--color-CBlue-font-hint,
  $__upload-list-remove_hover_font-color: $--color-CBlue-font-hint,

  // 拖拽上传
  $__upload-drag_border-color: $--color-CBlue-border,
  $__upload-drag_background-color: $--color-CBlue-background-panelState-2,
  $__upload-drag_hover_border-color: $--color-CBlue-primary-hover,
  $__upload-dragover_border: 1px dashed $--color-CBlue-primary-pressed,
  $__upload-drag_disabled_font-color: $--color-CBlue-font-disabled,
  $__upload-drag_disabled_border-color: $--color-CBlue-border,
  $__upload-drag_font-color: $--color-CBlue-font-main,
  $__upload-drag-icon_font-color: $--color-CBlue-font-disabled,
  $__upload-dragover_disabled_border-color: $--color-CBlue-border,

  // 手动上传 已上传列表
  $__uploaded_self_border-color: $--color-CBlue-border,
  $__uploaded_self_font-color: $--color-CBlue-font-main,
  $__uploaded-close_self_font-color: $--color-CBlue-font-hint,
  $__uploaded-title_self_background-color: $--color-CBlue-background-panelState-2,

  //#endregion @import "./upload.scss"; ========== END==========
  //#region @import "./split.scss"; ========== START==========
  /* Split
  -------------------------- */ 
  $__split-trigger_border-color: $--color-CBlue-border,
  $__split-panel_background-color: $--color-CBlue-background-panel,

  // 垂直分割轴
  $__split-trigger_vertical_background-color: $--color-CBlue-background-panel-split,
  $__split-trigger-bar_vertical_background-color: $--color-CBlue-border,

  // 水平分割轴
  $__split-trigger_horizontal_background-color: $--color-CBlue-background-panel-split,
  $__split-trigger-bar_horizontal_background-color: $--color-CBlue-border,
  //#endregion @import "./split.scss"; ========== END==========
  //#region @import "./tag.scss"; ========== START==========
  /* Tag
  -------------------------- */ 
  // type: default
  $__tag_border-color: $--color-CBlue-border,
  $__tag_background-color: $--color-CBlue-background-panel,
  $__tag_font-color: $--color-CBlue-font-main,
  $__tag-close_default_font-color: $--color-CBlue-font-hint,
  $__tag_hover_opacity: 1,
  $__tag-close_opacity: 1,

  // type: dot
  $__tag_dot_border-color: $--color-CBlue-border,
  $__tag_dot_background-color: $--color-CBlue-background-panel,
  $__tag_dot_font-color: $--color-CBlue-font-main,
  $__tag-inner_dot_background-color: $--color-CBlue-font-describe,
  $__tag-close_dot_font-color: $--color-CBlue-font-hint,

  // type: border
  $__tag_border_border-color: $--color-CBlue-border,
  $__tag_border_background-color: $--color-CBlue-background-panel,
  $__tag_border_font-color: $--color-CBlue-font-main,
  $__tag-close_border_font-color: $--color-CBlue-border,
  // 分割边框线
  $__tag-after_border_background-color: $--color-CBlue-border,

  // border -- info
  $__tag_info_border_font-color: $--color-CBlue-primary,
  $__tag_info_border_border-color: $--color-CBlue-primary,
  $__tag-after_info_border_background-color: $--color-CBlue-primary,
  $__tag-close_info_border_font-color: $--color-CBlue-primary,

  // border -- success
  $__tag_success_border_font-color: $--color-CBlue-success,
  $__tag_success_border_border-color: $--color-CBlue-success,
  $__tag-after_success_border_background-color: $--color-CBlue-success,
  $__tag-close_success_border_font-color: $--color-CBlue-success,

  // border -- warning
  $__tag_warning_border_font-color: $--color-CBlue-warning,
  $__tag_warning_border_border-color: $--color-CBlue-warning,
  $__tag-after_warning_border_background-color: $--color-CBlue-warning,
  $__tag-close_warning_border_font-color: $--color-CBlue-warning,

  // border -- error
  $__tag_error_border_font-color: $--color-CBlue-danger,
  $__tag_error_border_border-color: $--color-CBlue-danger,
  $__tag-after_error_border_background-color: $--color-CBlue-danger,
  $__tag-close_error_border_font-color: $--color-CBlue-danger,

  // 关闭图标
  $__tag-close_font-color: $--color-CBlue-font-white,
  $__tag-close_hover_font-color: $--color-CBlue-font-white,

  // dot -- info/success/warning/error
  $__tag-inner_info_dot_background-color: $--color-CBlue-primary,
  $__tag-inner_success_dot_background-color: $--color-CBlue-success,
  $__tag-inner_warning_dot_background-color: $--color-CBlue-warning,
  $__tag-inner_error_dot_background-color: $--color-CBlue-danger,

  //#endregion @import "./tag.scss"; ========== END==========
  //#region @import "./log.scss"; ========== START==========
  /* Log
  -------------------------- */ 
  // primary
  $__log_background-color: $--color-CBlue-background-panel,
  $__log_border-color: $--color-CBlue-border,
  $__log_font-color: $--color-CBlue-primary,

  // warning
  $__log_warning_font-color: $--color-CBlue-warning,

  // error
  $__log_error_font-color: $--color-CBlue-danger,

  // success
  $__log_success_font-color: $--color-CBlue-success,

  // custom
  $__log_custom_font-color: $--color-CBlue-font-main,

  // log -- footer
  $__log-footer_border-top-color: $--color-CBlue-border-split,
  $__log-footer_font-color: $--color-CBlue-font-main,
  $__log-footer-btn_background-color: $--color-CBlue-background-panel,
  $__log-footer-btn_font-color: $--color-CBlue-font-main,
  $__log-footer-btn_hover_border-color: $--color-CBlue-primary-hover,
  $__log-footer-btn_hover_font-color: $--color-CBlue-primary-hover,
  $__log-footer-btn_focus_border-color: $--color-CBlue-primary-pressed,
  $__log-footer-btn_focus_font-color: $--color-CBlue-primary-pressed,

  //#endregion @import "./log.scss"; ========== END==========
  //#region @import "./backtop.scss"; ========== START==========
  /* BackTop/GoBottom
  -------------------------- */ 
  $__back-inner_background-color: $--color-CBlue-background-mask,
  $__back-inner_box-shadow: none,
  $__back-inner_font-color: $--color-CBlue-font-white,
  $__back-inner-i_font-color: $--color-CBlue-font-white,
  $__back-inner_border: none,
  $__back-inner_hover_background-color: $--color-CBlue-background-mask,

  //#endregion @import "./backtop.scss"; ========== END==========
  //#region @import "./textdiff.scss"; ========== START==========
  /* TextDiff
  -------------------------- */ 
  // 左右标题
  $__textdiff-title_border-color: $--color-CBlue-border,
  $__textdiff-title_font-color: $--color-CBlue-font-main,
  $__textdiff-title_background-color: $--color-CBlue-background-panel,

  // 内容区
  $__textdiff-content_border-color: $--color-CBlue-border,
  $__textdiff-content_border-top-color: $--color-CBlue-border-split,
  $__textdiff-content-pre_font-color: $--color-CBlue-font-main,
  $__textdiff-content-pre_background-color: $--color-CBlue-background-panel,
  $__textdiff-content-pre-code_hover_background-color: $--color-CBlue-primary-panelHover,
  $__textdiff-content_select_border-color: $--color-CBlue-border,
  $__textdiff-content-before_select-empty_font-color: $--color-CBlue-font-hint,

  //#endregion @import "./textdiff.scss"; ========== END==========
  //#region @import "./form.scss"; ========== START==========
  /* Form
  -------------------------- */ 
  $__form-label_font-color: $--color-CBlue-font-main,
  $__form-tip_error_font-color: $--color-CBlue-danger,

  // 必填 *
  $__form-label-icon-required_font-color: $--color-CBlue-danger,
  //#endregion @import "./form.scss"; ========== END==========
  //#region @import "./formGrid.scss"; ========== START==========
  /* FormGrid
  -------------------------- */ 
  $__form-grid_background-color: $--color-CBlue-background-panel,
  $__form-grid-label_font-color: $--color-CBlue-font-main,
  $__form-grid-tip_error_font-color: $--color-CBlue-danger,
  $__form-grid-label-icon-required_font-color: $--color-CBlue-danger,
  //#endregion @import "./formGrid.scss"; ========== END==========
  //#region @import "./input.scss"; ========== START==========
  /* Input
-------------------------- */ 
  // 图标
  $__input-icon_font-color: $--color-CBlue-font-hint,

  // tips
  $__input-tips_background-color: $--color-CBlue-background-tableSummary,
  $__input-tips_font-color: $--color-CBlue-font-main,
  // error
  $__input-tips_weak_background-color: $--color-CBlue-danger,
  // warning
  $__input-tips_general_background-color: $--color-CBlue-warning,
  // success
  $__input-tips_complex_background-color: $--color-CBlue-success,

  // textarea 长度限制提示
  $__input-word-limit_font-color: $--color-CBlue-font-hint,
  $__input-word-limit_background-color: $--color-CBlue-background-transparent,

  // formItem-input
  $__input-form-item-icon_error_font-color: $--color-CBlue-font-hint,
  // formItem-transfer-input
  $__input-form-item-transfer-icon_error_font-color: $--color-CBlue-danger,
  // editGrid-cell-input
  $__input-editgrid-cell-icon_error_font-color: $--color-CBlue-danger,
  // editGrid-cell-transfer-input
  $__input-editgrid-cell-transfer-icon_error_font-color: $--color-CBlue-danger,

  //#endregion @import "./input.scss"; ========== END==========
  //#region @import "./radio.scss"; ========== START==========
  /* Radio
-------------------------- */ 
  // primary
  $__radio_font-color: $--color-CBlue-font-main,
  $__radio-icon_font-color: $--color-CBlue-font-hint,
  $__radio_hover_border-color: $--color-CBlue-primary-hover,
  $__radio_hover_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,
  $__radio_background-color: $--color-CBlue-background-panel-usable,
  $__radio_border-color: $--color-CBlue-border,
  $__radio-after_background-color: $--color-CBlue-primary,

  // checked
  $__radio_checked_border-color: $--color-CBlue-primary,
  $__radio_checked-hover_border-color: $--color-CBlue-primary,

  // formItem-radio
  $__radio-form-item_checked-changed_border-color: $--color-CBlue-danger,
  $__radio-form-item-after_checked-changed_background-color: $--color-CBlue-danger,
  $__radio-form-item_checked-changed-hover_border-color: $--color-CBlue-danger,
  $__radio-form-item_checked-changed-hover_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,
  $__radio-form-item_checked-changed-focus_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,

  // disabled
  $__radio_disabled-hover_border-color: $--color-CBlue-border,
  $__radio_disabled_border-color: $--color-CBlue-border,
  $__radio_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__radio-after_disabled_background-color: $--color-CBlue-primary-transparent-50,
  $__radio-span_disabled_font-color: $--color-CBlue-font-main,
  $__radio_disabled-hover_box-shadow: none,

  // radio-group
  $__radio-group_font-color: $--color-CBlue-font-main,
  $__radio-group_border-color: $--color-CBlue-border,
  $__radio-group_background-color: $--color-CBlue-background-panel,
  $__radio-group-before_background-color: $--color-CBlue-border,
  $__radio-group-first-child_border-color: $--color-CBlue-border,

  // radio-group hover
  $__radio-group_hover_font-color: $--color-CBlue-primary-hover,
  $__radio-group_hover_box-shadow: -1px 0 0 $--color-CBlue-primary-hover,
  $__radio-group_hover_border-color: $--color-CBlue-primary-hover,
  $__radio-group-first-child_hover_box-shadow: none,

  // radio-group checked
  $__radio-group_checked_font-color: $--color-CBlue-primary,
  $__radio-group_checked_border-color: $--color-CBlue-primary,
  $__radio-group_checked_background-color: $--color-CBlue-background-panel,
  $__radio-group_checked_box-shadow: -1px 0 0 $--color-CBlue-primary,
  $__radio-group-first-child_checked_border-color: $--color-CBlue-primary,

  // radio-group checked hover
  $__radio-group_checked-hover_border-color: $--color-CBlue-primary,
  $__radio-group_checked-hover_box-shadow: -1px 0 0 $--color-CBlue-primary,
  $__radio-group_checked-hover_font-color: $--color-CBlue-primary,

  // radio-group checked active
  $__radio-group_checked-active_border-color: $--color-CBlue-primary-pressed,
  $__radio-group_checked-active_box-shadow: -1px 0 0 $--color-CBlue-primary-pressed,
  $__radio-group_checked-active_font-color: $--color-CBlue-primary-pressed,

  // radio-group disabled
  $__radio-group_disabled_border-color: $--color-CBlue-border,
  $__radio-group_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__radio-group_disabled_font-color: $--color-CBlue-font-disabled,

  // radio-group disabled hover
  $__radio-group_disabled-hover_border-color: $--color-CBlue-border,
  $__radio-group_disabled-hover_background-color: $--color-CBlue-background-panelState-2,
  $__radio-group_disabled-hover_font-color: $--color-CBlue-font-disabled,
  $__radio-group-first-child_disabled_border-color: $--color-CBlue-border,
  $__radio-group_disabled-hover_box-shadow: none,

  // radio-group checked
  $__radio-group_disabled-checked_border-color: $--color-CBlue-border,
  $__radio-group_disabled-checked_background-color: $--color-CBlue-background-panelState-2,
  $__radio-group_disabled-checked_font-color: $--color-CBlue-primary-transparent-50,

  // error
  $__radio-form-item-icon_error_font-color: $--color-CBlue-danger,
  $__radio-form-item-after_error_background-color: $--color-CBlue-danger,
  $__radio-form-item_error-hover_border-color: $--color-CBlue-danger-hover,

  //#endregion @import "./radio.scss"; ========== END==========
  //#region @import "./table.scss"; ========== START==========
  /* Table
  -------------------------- */ 
  // table
  $__table_background-color: $--color-CBlue-background-panel,
  $__table_font-color: $--color-CBlue-font-main,
  $__table_befor_background-color: $--color-CBlue-border,
  $__table_after_background-color: $--color-CBlue-border,

  // table wrapper
  $__table-wrapper_border-color: $--color-CBlue-border,

  // table title
  $__table-title_border-bottom-color: $--color-CBlue-border,

  // table footer
  $__table-footer_border-top-color: $--color-CBlue-border,

  // table th
  $__table-th_background-color: $--color-CBlue-background-panelState-2,
  $__table-th_border-bottom-color: $--color-CBlue-border,

  // table td
  $__table-td_background-color: $--color-CBlue-background-panel,
  $__table-td_border-bottom-color: $--color-CBlue-border-split,

  // table tr
  $__table-tr_hover_background-color: $--color-CBlue-primary-tableHover,
  $__table-tr-expand-td-icon_font-color: $--color-CBlue-font-hint,

  // table border
  $__table-border-td_border-right-color: $--color-CBlue-border-split,
  $__table-border-th_border-right-color: $--color-CBlue-border-split,
  $__table-border-hide-td-border_border-right-color: $--color-CBlue-border-split,

  // table stripe
  $__table-stripe-body-td_background-color: $--color-CBlue-background-tableZebra,
  $__table-stripe-body-td_hover_background-color: $--color-CBlue-primary-tableHover,

  // table row highlight
  $__table-td_highlight_background-color: $--color-CBlue-primary-tablePressed,

  // table row filterable
  $__table-filterable-td_background-color: $--color-CBlue-danger,

  // table row dashed
  $__table-dashed-td_border-top-color: $--color-CBlue-primary,
  $__table-dashed-td_border-bottom-color: $--color-CBlue-primary,
  $__table-dashed-td-first-child_border-left-color: $--color-CBlue-primary,
  $__table-dashed-td-last-child_border-right-color: $--color-CBlue-primary,

  // table row dragover
  $__table-dragovertd_background-color: $--color-CBlue-primary-tablePressed,
  $__table-dragovertd_font-color: $--color-CBlue-font-main,

  // tabl summation
  $__table-summation_border-top-color: $--color-CBlue-border-split,

  // table fixeds
  $__table-fixed-right-summation_border-bottom-color: none,
  $__table-fixed_border-right-color: $--color-CBlue-border-split,
  $__table-fixed-right-patch_background-color: $--color-CBlue-background-panelState-2,
  $__table-fixed-right-patch_border-bottom-color: $--color-CBlue-border-split,

  // table box-shadow
  $__table-fixed-shadow_box-shadow: $--color-CBlue-shadow-panel,
  $__table-fixed-header_box-shadow: $--color-CBlue-shadow-panel,
  $__table-fixed-body_box-shadow: $--color-CBlue-shadow-panel,
  $__table-fixed-right-summation-fixedheader_box-shadow: $--color-CBlue-shadow-panel,
  $__table-fixed-right-summation-fixedbody_box-shadow: $--color-CBlue-shadow-panel,

  // table newsort
  $__table-newsort_icon-color: $--color-CBlue-font-hint,
  $__table-newsort_on_icon-color: $--color-CBlue-primary,

  // table filter
  $__table-filter_icon-color: $--color-CBlue-font-hint,
  $__table-filter_icon_hover-color: $--color-CBlue-font-hint,
  $__table-filter_on_icon-color: $--color-CBlue-primary,
  $__table-filter-footer_border-top-color: $--color-CBlue-border-split,

  // column-resize-proxy
  $__table-column-resize-proxy_border-left-color: $--color-CBlue-border-split,

  // move-proxy-th
  $__table-move-proxy-th_border-color: $--color-CBlue-border-split,

  // split-index
  $__table-split-index_background-color: $--color-CBlue-background-panel,

  //#endregion @import "./table.scss"; ========== END==========
  //#region @import "./editgird.scss"; ========== START==========
  /* EditGird
-------------------------- */ 
  $__editgird_background-color: $--color-CBlue-background-panel,
  $__editgird_font-color: $--color-CBlue-font-main,
  $__editgird_befor_background-color: $--color-CBlue-border,
  $__editgird_after_background-color: $--color-CBlue-border,

  // editgird wrapper
  $__editgird-wrapper_border-color: $--color-CBlue-border,

  // editgird title
  $__editgird-title_border-bottom-color: $--color-CBlue-border,

  // editgird footer
  $__editgird-footer_border-bottom-color: none,
  $__editgird-footer_border-top-color: $--color-CBlue-border,

  // editgird tbody
  $__editgird-tbody-last-child-td_border-bottom-color: none,

  // editgird border
  $__editgird-border-th_border-right-color: $--color-CBlue-border-split,
  $__editgird-border-td_border-right-color: $--color-CBlue-border-split,

  // editgird th
  $__editgird-th_background-color: $--color-CBlue-background-panelState-2,
  $__editgird-th_border-bottom-color: $--color-CBlue-border,

  // editgird td
  $__editgird-td_background-color: $--color-CBlue-background-panel,
  $__editgird-td_border-bottom-color: $--color-CBlue-border-split,

  // editgird icon
  $__editgird_hover_icon-color: $--color-CBlue-primary,
  $__editgird-expandicon_font-color: $--color-CBlue-font-hint,

  // editgird stripe
  $__editgird-stripe-body-td_even_background-color: $--color-CBlue-background-tableZebra,
  $__editgird-stripe-body-td-dark_background-color: $--color-CBlue-background-tableZebra,
  $__editgird-stripe-body-td-light_background-color: $--color-CBlue-background-panel,

  // editgird can stripe
  $__editgird-can-stripe-td_even_background-color: $--color-CBlue-background-tableZebra,

  // editgird tr
  $__editgird-tr_hover_background-color: $--color-CBlue-primary-tableHover,
  $__editgird-tr-title-stripe-td_background-color: $--color-CBlue-background-tableZebra,
  $__editgird-tr-title-expand-td_font-color: $--color-CBlue-font-main,
  $__editgird-tr-title-expand-td-icon_font-color: $--color-CBlue-font-hint,

  // editgird tr highlight
  $__editgird-tr_highlight_background-color: $--color-CBlue-primary-tablePressed,
  $__editgird-row-td_highlight_hover_background-color: $--color-CBlue-primary-tablePressed,

  // editgird fixeds
  $__editgird-fixed_box-shadow: $--color-CBlue-shadow-panel,
  $__editgird-fixed_border-right-color: $--color-CBlue-border-split,
  $__editgird-fixed-right_box-shadow: $--color-CBlue-shadow-panel,
  $__editgird-fixed-right_border-bottom-color: none,
  $__editgird-fixed-right-patch_background-color: $--color-CBlue-background-panelState-2,
  $__editgird-fixed-right-patch_border-bottom-color: $--color-CBlue-border,
  $__editgird-fixed-body_background: $--color-CBlue-background-panel,
  $__editgird-fixed-body_border-right-color: $--color-CBlue-border-split,

  // editgird filter
  $__editgird-filter_icon-color: $--color-CBlue-font-hint,
  $__editgird-filter_on_icon-color: $--color-CBlue-primary,
  $__editgird-filter-footer_border-top-color: $--color-CBlue-border-split,

  $__editgird-summation_border-top-color: $--color-CBlue-border-split,

  //#endregion @import "./editgird.scss"; ========== END==========
  //#region @import "./alert.scss"; ========== START==========
  /* Alert
-------------------------- */ 
  // common
  $__alert_font-color: $--color-CBlue-font-main,
  $__alert-desc_font-color: $--color-CBlue-font-main,

  // info
  $__alert-info_font-color: $--color-CBlue-font-main,
  $__alert-info_icon-color: $--color-CBlue-primary,
  $__alert-info_border-color: $--color-CBlue-primary-popupBackground,
  $__alert-info_background-color: $--color-CBlue-primary-popupBackground,

  // success
  $__alert-success_font-color: $--color-CBlue-font-main,
  $__alert-success_icon-color: $--color-CBlue-success,
  $__alert-success_border-color: $--color-CBlue-success-popupBackground,
  $__alert-success_background-color: $--color-CBlue-success-popupBackground,

  // warning
  $__alert-warning_font-color: $--color-CBlue-font-main,
  $__alert-warning_icon-color: $--color-CBlue-warning,
  $__alert-warning_border-color: $--color-CBlue-warning-popupBackground,
  $__alert-warning_background-color: $--color-CBlue-warning-popupBackground,

  // error
  $__alert-error_font-color: $--color-CBlue-font-main,
  $__alert-error_icon-color: $--color-CBlue-danger,
  $__alert-error_border-color: $--color-CBlue-danger-popupBackground,
  $__alert-error_background-color: $--color-CBlue-danger-popupBackground,

  //#endregion @import "./alert.scss"; ========== END ==========
  //#region @import "./message.scss"; ========== START==========
  /* Message
-------------------------- */ 
  // close
  $__message-close_icon-color: $--color-CBlue-font-hint,

  // content
  $__message-content_background-color: $--color-CBlue-background-panel,

  // text
  $__message-text_font-color: $--color-CBlue-font-main,

  // 阴影
  $__message_box-shadow: 0 3px 8px 0 $--color-CBlue-shadow-panel,

  // info
  $__message-info_icon-color: $--color-CBlue-primary,

  // success
  $__message-success_icon-color: $--color-CBlue-success,

  // warning
  $__message-warning_icon-color: $--color-CBlue-warning,

  // error
  $__message-error_icon-color: $--color-CBlue-danger,

  //#endregion @import "./message.scss"; ========== END==========
  //#region @import "./notice.scss"; ========== START==========
  /* Notice
-------------------------- */ 
  // close
  $__notice-close_icon-color: $--color-CBlue-font-hint,

  // 背景色
  $__notice_background-color: $--color-CBlue-background-panel,

  // title
  $__notice-title_font-color: $--color-CBlue-font-main,

  // desc
  $__notice-desc_font-color: $--color-CBlue-font-main,

  // info
  $__notice-info_icon-color: $--color-CBlue-primary,
  $__notice-info_background-color: $--color-CBlue-primary,

  // success
  $__notice-success_icon-color: $--color-CBlue-success,
  $__notice-success_background-color: $--color-CBlue-success,

  // warning
  $__notice-warning_icon-color: $--color-CBlue-warning,
  $__notice-warning_background-color: $--color-CBlue-warning,

  // error
  $__notice-error_icon-color: $--color-CBlue-danger,
  $__notice-error_background-color: $--color-CBlue-danger,

  // 阴影
  $__notice_box-shadow: 0 3px 8px 0 $--color-CBlue-shadow-panel,

  //#endregion @import "./notice.scss"; ========== END==========
  //#region @import "./msgBox.scss"; ========== START==========
  /* MsgBox
-------------------------- */ // modal
  // content
  $__msgbox-content_background-color: $--color-CBlue-background-panel-pop,

  // body
  $__msgbox-body_font-color: $--color-CBlue-font-main,

  // footer
  $__msgbox-footer_border-top-color: $--color-CBlue-border-split,

  // confirm
  // icon-info
  $__msgbox-icon-info_icon-color: $--color-CBlue-primary,

  // icon-success
  $__msgbox-icon-success_icon-color: $--color-CBlue-success,

  // icon-warning
  $__msgbox-icon-warning_icon-color: $--color-CBlue-warning,

  // icon-error
  $__msgbox-icon-error_icon-color: $--color-CBlue-danger,

  // icon-confirm
  $__msgbox-icon-confirm_icon-color: $--color-CBlue-warning,

  // head-title
  $__msgbox-head-title_font-color: $--color-CBlue-font-main,

  // maximize
  $__common-maximize_icon-color: $--color-CBlue-font-hint,
  $__common-maximize_hover_icon-color: $--color-CBlue-font-hint,

  // 阴影
  $__msgbox_box-shadow: 0 3px 8px 0 $--color-CBlue-shadow-panel,

  //#endregion @import "./msgBox.scss"; ========== END==========
  //#region @import "./datePicker.scss"; ========== START==========
  /* DatePicker */ // 下拉日期选择框
  // 自定义
  $__date-picker-cell-design_font-color: $--color-CBlue-primary,

  // 下拉日期选择框 - 头部
  $__date-picker-cell-header_font-color: $--color-CBlue-font-disabled,
  $__date-picker-header_border-color: $--color-CBlue-border-split,
  $__date-picker-header-label_hover_font-color: $--color-CBlue-primary-hover,
  $__date-picker-header-label_font-color: $--color-CBlue-font-main,

  // 下拉日期选择框 - 单元格
  $__date-picker-cell_font-color: $--color-CBlue-font-main,
  $__date-picker-cell_hover_background-color: $--color-CBlue-primary-panelHover,
  $__date-picker-cell-prev-next_font-color: $--color-CBlue-font-disabled,
  $__date-picker-cell-today-after_background-color: $--color-CBlue-primary,
  $__date-picker-cell-range-before_background-color: $--color-CBlue-primary-panelHover,

  // selected
  $__date-picker-cell_selected_background-color: $--color-CBlue-primary,
  $__date-picker-cell_selected_font-color: $--color-CBlue-font-white,
  $__date-picker-cell-today-after_selected_background-color: $--color-CBlue-font-white,

  // disabled
  $__date-picker-cell_disabled_background-color: $--color-CBlue-background-panel,
  $__date-picker-cell_disabled_font-color: $--color-CBlue-font-disabled,

  // datePicker - dropdown - transfer -disabled
  $__date-picker-dropdown-transfer_disabled_font-color: $--color-CBlue-font-disabled,
  $__date-picker-dropdown-transfer_disabled_background-color: $--color-CBlue-background-panel,

  $__date-picker-cell-end-left_font-color: $--color-CBlue-font-white,
  $__date-picker-cell-end-left_background-color: $--color-CBlue-primary,
  $__date-picker-cell-start-right_font-color: $--color-CBlue-font-white,
  $__date-picker-cell-start-right_background-color: $--color-CBlue-primary,
  $__date-picker-cell-start-end_font-color: $--color-CBlue-font-white,
  $__date-picker-cell-start-end_background-color: $--color-CBlue-primary,

  // picker
  // icon
  $__picker-panel-icon_font-color: $--color-CBlue-font-hint,
  $__picker-panel-icon_hover_font-color: $--color-CBlue-primary-hover,

  // sidebar
  $__picker-panel-sidebar_border-color: $--color-CBlue-border-split,
  $__picker-panel-sidebar_background-color: $--color-CBlue-background-panel,

  // shortcut
  $__picker-panel-shortcut_hover_background-color: $--color-CBlue-primary-panelHover,
  $__picker-panel-shortcut_font-color: $--color-CBlue-font-main,

  // comfirm
  $__picker-confirm_border-color: $--color-CBlue-border-split,
  $__picker-confirm_font-color: $--color-CBlue-primary,
  $__picker-confirm_hover_font-color: $--color-CBlue-primary-hover,
  $__picker-confirm_active_font-color: $--color-CBlue-primary-pressed,
  $__picker-confirm_disabled_font-color: $--color-CBlue-font-disabled,

  //#endregion @import "./datePicker.scss"; ========== END==========
  //#region @import "./checkbox.scss"; ========== START==========
  /* Checkbox
-------------------------- */ 
  // checkbtn
  $__checkbtn_border-color: $--color-CBlue-border,
  $__checkbtn_font-color: $--color-CBlue-font-main,
  $__checkbtn_background-color: $--color-CBlue-background-panel,
  $__checkbtn_hover_border-color: $--color-CBlue-primary-hover,
  $__checkbtn_hover_font-color: $--color-CBlue-primary-hover,

  // checkbtn-selected
  $__checkbtn_selected_border-color: $--color-CBlue-primary,
  $__checkbtn_selected_font-color: $--color-CBlue-primary,
  $__checkbtn-icon_selected_border-color: $--color-CBlue-primary,
  $__checkbtn-icon-i_selected_font-color: $--color-CBlue-font-white,

  // checkbtn-disabled
  $__checkbtn-button_disabled_font-color: $--color-CBlue-font-disabled,
  $__checkbtn-button_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__checkbtn-icon_disabled_selected_border-color: $--color-CBlue-background-panelState-1,
  $__checkbtn-button_disabled_border-color: $--color-CBlue-border,

  // error
  $__checkbox-form-item-icon_error_font-color: $--color-CBlue-danger,
  $__checkbox-form-item-inner_error_background-color: $--color-CBlue-danger,

  //#endregion @import "./checkbox.scss"; ========== END==========
  //#region @import "./select.scss"; ========== START==========
  /* Select
-------------------------- */ 
  // 默认
  $__select_font-color: $--color-CBlue-font-main,
  $__select_border-color: $--color-CBlue-border,
  $__select_background-color: $--color-CBlue-background-panel-usable,

  // select-tag
  $__select-tag_background-color: $--color-CBlue-background-panelState-2,
  $__select-tag_border-color: $--color-CBlue-border,
  $__select-tag_disabled_font-color: $--color-CBlue-font-disabled,
  $__select-tag-icon_readonly_font-color: $--color-CBlue-font-hint,

  // readonly
  $__select_readonly-hover_border-color: $--color-CBlue-border,

  // disabled
  $__select_disabled-hover_border-color: $--color-CBlue-border,

  // select-placeholder
  $__select-placeholder_font-color: $--color-CBlue-font-hint,
  $__select-multiple-placeholder_font-color: $--color-CBlue-font-hint,

  // select-input
  $__select-input_font-color: $--color-CBlue-font-main,

  // not-found
  $__select-not-found_font-color: $--color-CBlue-font-hint,

  // loading
  $__select-loading_font-color: $--color-CBlue-font-hint,

  // not-data
  $__select-not-data_font-color: $--color-CBlue-font-hint,

  // hideMult
  $__select-hideMult-after_font-color: $--color-CBlue-background-panel,
  $__select-hideMult-after_selected_font-color: $--color-CBlue-primary,
  $__select-hideMult_selected_background-color: $--color-CBlue-background-panelState-2,

  // select-dropdown
  $__select-dropdown_border-bottom-color: $--color-CBlue-border-split,

  // checkall
  $__select_checkall_border-color: $--color-CBlue-border-split,

  // multiple
  // selected
  $__select-item_multiple-selected_background-color: $--color-CBlue-background-panel,
  $__select-item_multiple-selected_font-color: $--color-CBlue-font-main,
  // focus/selected-hover
  $__select-item_multiple_selected-hover_background-color: $--color-CBlue-primary-panelHover,
  $__select-item_multiple_selected-hover_font-color: $--color-CBlue-font-main,
  // selected-focus
  $__select-item_multiple_selected-focus_background-color: $--color-CBlue-primary-panelHover,
  $__select-item_multiple_selected-focus_font-color: $--color-CBlue-font-main,

  // hideMult
  $__select-item-after_hideMult_font-color: $--color-CBlue-background-panel,
  $__select-item-after_hideMult_hover_font-color: $--color-CBlue-primary-panelHover,
  $__select-item-after_hideMult_selected_font-color: $--color-CBlue-primary,

  // select-group-title
  $__select-group-title_font-color: $--color-CBlue-font-hint,

  //formItem-select
  // error
  $__select-form-item_error_border-color: $--color-CBlue-danger,
  $__select-form-item_error_hover_border-color: $--color-CBlue-danger-hover,
  $__select-form-item-arrow_error_font-color: $--color-CBlue-font-hint,
  // changed
  $__select-form-item_changed_font-color: $--color-CBlue-danger,
  $__select-form-item-tag_changed_font-color: $--color-CBlue-danger,
  $__select-form-item-input_changed_font-color: $--color-CBlue-danger,

  //editGrid-select
  $__select-editgrid-cell_error_border-color: $--color-CBlue-danger,
  $__select-editgrid-cell-arrow_error_font-color: $--color-CBlue-danger,

  $__select-arrow_disabled_font-color: $--color-CBlue-font-disabled,

  //#endregion @import "./select.scss"; ========== END==========
  //#region @import "./timePicker.scss"; ========== START==========
  /* TimePicker
-------------------------- */ 
  $__time-picker-list_border-color: $--color-CBlue-border-split,
  $__time-picker-cell_font-color: $--color-CBlue-font-main,
  $__time-picker-range-panel-content-after_background-color: $--color-CBlue-border-split,

  // hover
  $__time-picker-cell_hover_background-color: $--color-CBlue-primary-panelHover,

  // disabled
  $__time-picker-cell_disabled_font-color: $--color-CBlue-font-disabled,
  $__time-picker-cell_disabled-hover_font-color: $--color-CBlue-font-disabled,
  $__time-picker-cell_disabled-hover_background-color: $--color-CBlue-background-panel,

  // selected
  $__time-picker-cell_selected_font-color: $--color-CBlue-font-main,
  $__time-picker-cell_selected_background-color: $--color-CBlue-background-panelState-2,

  // header
  $__time-picker-header_border-color: $--color-CBlue-border-split,

  //#endregion @import "./timePicker.scss"; ========== END==========
  //#region @import "./fastDate.scss"; ========== START==========
  /* FastDate
-------------------------- */ 
  // edit
  $__fast-date-edit_border-color: $--color-CBlue-border,
  $__fast-date-edit_background-color: $--color-CBlue-background-panel-usable,
  $__fast-date-edit_font-color: $--color-CBlue-font-main,
  $__fast-date-edit_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,
  $__fast-date-activity_font-color: $--color-CBlue-font-hint,
  $__fast-date-split_font-color: $--color-CBlue-font-main,
  $__fast-date-input_disabled_font-color: $--color-CBlue-font-disabled,
  $__fast-date-activity_disabled_font-color: $--color-CBlue-font-disabled,
  $__fast-date-activity_readonly_font-color: $--color-CBlue-font-disabled,

  // formItem
  // error
  $__fast-date-form-item-edit_error_border-color: $--color-CBlue-danger,
  $__fast-date-form-item-edit_error-hover_border-color: $--color-CBlue-danger-hover,
  $__fast-date-form-item-icon_error_font-color: $--color-CBlue-font-hint,

  // changed
  $__fast-date-form-item-icon_changed_font-color: $--color-CBlue-danger,

  // editGrid
  // error
  $__fast-date-editgrid-edit_error_border-color: $--color-CBlue-danger,

  //#endregion @import "./fastDate.scss"; ========== END==========
  //#region @import "./cascader.scss"; ========== START==========
  /* Cascader
-------------------------- */ 
  $__cascader-label_font-color: $--color-CBlue-font-main,

  // loading
  $__cascader_loading_font-color: $--color-CBlue-font-hint,

  // placeholder
  $__cascader-placeholder_font-color: $--color-CBlue-font-hint,

  $__cascader-arrow_disabled_font-color: $--color-CBlue-font-disabled,

  // multiple
  $__cascader-multiple-reference_background-color: $--color-CBlue-background-panel-usable,
  $__cascader-multiple-reference_border-color: $--color-CBlue-border,
  $__cascader-multiple-reference_hover_border-color: $--color-CBlue-primary-hover,
  $__cascader-multiple-menu-item_active_background-color: $--color-CBlue-background-transparent,

  // tag
  $__cascader-multiple-reference-tag_border-color: $--color-CBlue-border,
  $__cascader-multiple-reference-tag_background-color: $--color-CBlue-background-panelState-2,

  // disabled
  $__cascader-multiple-reference_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__cascader-multiple-reference_disabled-hover_border-color: $--color-CBlue-border,
  $__cascader-multiple-reference-tag_disabled_font-color: $--color-CBlue-font-disabled,

  // readonly
  $__cascader-multiple-reference_readonly_background-color: $--color-CBlue-background-panelState-2,

  // visible
  $__cascader-reference_visible_border-color: $--color-CBlue-primary,
  $__cascader-reference_visible_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,

  // input-readonly
  $__cascader-input_background-color: $--color-CBlue-background-panel-usable,
  $__cascader-input_font-color: $--color-CBlue-font-main,
  $__cascader-input_readonly_background-color: $--color-CBlue-background-panelState-2,
  $__cascader-input_visible_border-color: $--color-CBlue-primary-hover,
  $__cascader-input_hover_border-color: $--color-CBlue-primary-hover,
  $__cascader-input_focus_border-color: $--color-CBlue-primary,
  $__cascader-input_focus_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,
  $__cascader-input_readonly_border-color: $--color-CBlue-border,
  $__cascader-input_readonly_box-shadow: none,

  // dropdown
  $__cascader-dropdown-item_font-color: $--color-CBlue-danger,

  // not-found
  $__cascader-not-found-tip_font-color: $--color-CBlue-font-hint,

  // menu
  $__cascader-menu_border-color: $--color-CBlue-border,

  $__cascader-menu-item_i_font-color: $--color-CBlue-font-hint,

  //active
  $__cascader-menu-item_active_font-color: $--color-CBlue-font-main,
  $__cascader-menu-item_active_background-color: $--color-CBlue-background-panelState-2,

  // formItem
  // error
  $__cascader-form-item-arrow_error_font-color: $--color-CBlue-font-hint,
  $__cascader-form-item-input_error-hover_border-color: $--color-CBlue-danger-hover,
  $__cascader-form-item-input_error-focus_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,
  //changed
  $__cascader-form-item_changed_font-color: $--color-CBlue-danger,

  //#endregion @import "./cascader.scss"; ========== END==========
  //#region @import "./drawer.scss"; ========== START==========
  /* Drawer
-------------------------- */ 
  // header
  $__drawer-header_border-bottom-color: $--color-CBlue-border-split,

  // content
  $__drawer-content_background-color: $--color-CBlue-background-panel-pop,
  $__drawer-content_font-color: $--color-CBlue-font-main,
  $__drawer-content_border: 0,

  // 阴影
  $__drawer_box-shadow: 0 3px 8px 0 $--color-CBlue-shadow-panel,

  //#endregion @import "./drawer.scss"; ========== END==========
  //#region @import "./progress.scss"; ========== START==========
  /* Progress
-------------------------- */ 
  // 柱状条底色
  $__progress-underpainting_background-color: $--color-CBlue-background-panelState-2,

  // 柱状条active动画色
  $__progress-active-before_background-color: $--color-CBlue-font-white,

  // text
  $__progress-text_background-color: $--color-CBlue-font-describe,

  // info
  $__progress-info_icon-color: $--color-CBlue-primary,
  $__progress-info_background-color: $--color-CBlue-primary,

  // success
  $__progress-success_icon-color: $--color-CBlue-success,
  $__progress-success_background-color: $--color-CBlue-success,

  // wrong
  $__progress-wrong_icon-color: $--color-CBlue-danger,
  $__progress-wrong_background-color: $--color-CBlue-danger,

  //#endregion @import "./progress.scss"; ========== END==========
  //#region @import "./badge.scss"; ========== START==========
  /* Badge
-------------------------- */ 
  // 默认字体颜色
  $__badge_font-color: $--color-CBlue-font-main,
  // count
  $__badge-count_font-color: $--color-CBlue-font-white,
  $__badge-count_background-color: $--color-CBlue-danger,
  $__badge-count_border-color: $--color-CBlue-background-transparent,
  $__badge_box-shadow: none,
  // count-a
  $__badge-count-a_font-color: $--color-CBlue-font-white,
  // count-a-hover
  $__badge-count-a_hover_font-color: $--color-CBlue-font-white,

  // dot
  $__badge-dot_background-color: $--color-CBlue-danger,

  //#endregion @import "./badge.scss"; ========== END==========
  //#region @import "./collapse.scss"; ========== START==========
  /* Collapse
-------------------------- */ 
  $__collapse_border: 0px,

  // item
  $__collapse-item_border-top-color: $--color-CBlue-border-line,

  // item-header
  $__collapse-header_font-color: $--color-CBlue-font-main,
  $__collapse-header_icon-color: $--color-CBlue-font-describe,
  $__collapse-header_background-color: $--color-CBlue-background-panelState-2,

  // item-header-disabled
  $__collapse-header_disabled_font-color: $--color-CBlue-font-disabled,
  $__collapse-header_disabled_background-color: $--color-CBlue-background-panelState-2,

  // content
  $__collapse-content_font-color: $--color-CBlue-font-main,
  $__collapse-content_background-color: $--color-CBlue-background-transparent,
  $__collapse-content_border-top-color: $--color-CBlue-background-transparent,

  // content-box
  $__collapse-content-box_font-color: $--color-CBlue-font-main,

  //#endregion @import "./collapse.scss"; ========== END==========
  //#region @import "./fieldPanel.scss"; ========== START==========
  /* FieldPanel
-------------------------- */ 
  $__fieldpanel_border-color: $--color-CBlue-border,
  $__fieldpanel_background-color: $--color-CBlue-background-panel,
  $__fieldpanel_font-color: $--color-CBlue-font-main,

  // footer
  $__fieldpanel-footer_icon-color: $--color-CBlue-border,

  // legend
  $__fieldpanel-legend_font-color: $--color-CBlue-font-main,

  //#endregion @import "./fieldPanel.scss"; ========== END==========
  //#region @import "./timeline.scss"; ========== START==========
  /* Timeline
-------------------------- */ // head
  $__timeline-head_background-color: $--color-CBlue-background-panel,
  $__timeline-head_border-color: $--color-CBlue-background-transparent,

  // content
  $__timeline-content_font-color: $--color-CBlue-font-main,

  // info: blue
  $__timeline-head-info_border-color: $--color-CBlue-primary,
  $__timeline-head-info_font-color: $--color-CBlue-primary,

  // success: green
  // tail
  $__timeline-head-success_border-color: $--color-CBlue-success,
  $__timeline-head-success_font-color: $--color-CBlue-success,

  // error: red
  // tail
  $__timeline-head-error_border-color: $--color-CBlue-danger,
  $__timeline-head-error_font-color: $--color-CBlue-danger,

  // tail
  $__timeline-tail_border-left-color: $--color-CBlue-border-line,

  //#endregion @import "./timeline.scss"; ========== END==========
  //#region @import "./transfer.scss"; ========== START==========
  /* Transfer
-------------------------- */ 
  $__transfer_background-color: $--color-CBlue-background-panel,
  // header
  $__transfer-header_background-color: $--color-CBlue-background-panel,
  $__transfer-header_font-color: $--color-CBlue-font-main,
  $__transfer-header_border-color: $--color-CBlue-border,
  $__transfer-header_border-bottom-color: $--color-CBlue-border-split,
  $__transfer-header-count_font-color: $--color-CBlue-font-hint,
  $__transfer-header-clear_font-color: $--color-CBlue-primary,
  $__transfer-header-clear_hover_font-color: $--color-CBlue-primary-hover,

  // body
  $__transfer-body_border-color: $--color-CBlue-border,

  // item
  $__transfer-item_hover_background-color: $--color-CBlue-primary-panelHover,
  $__transfer-item-delete_font-color: $--color-CBlue-font-hint,

  // not-found
  $__transfer-content-not-found_font-color: $--color-CBlue-font-hint,
  $__transfer-data-not-found_font-color: $--color-CBlue-font-hint,

  // footer
  $__transfer-footer_border-color: $--color-CBlue-border,
  $__transfer-footer_font-color: $--color-CBlue-font-main,

  // item - disabled
  $__transfer-item_disabled_font-color: $--color-CBlue-font-disabled,
  $__transfer-item_disabled-hover_font-color: $--color-CBlue-font-disabled,
  $__transfer-item_disabled-hover_background-color: $--color-CBlue-background-panel,

  // item drag
  $__transfer-sortable-parent_hover_background-color: $--color-CBlue-background-transparent,
  $__transfer-sortable-chosen_background-color: $--color-CBlue-primary-panelHover,
  $__transfer-sortable-ghost_background-color: $--color-CBlue-background-panel,

  //#endregion @import "./transfer.scss"; ========== END==========
  //#region @import "./inputNumber.scss"; ========== START==========
  /* InputNumber
-------------------------- */ 
  $__input-number_border-color: $--color-CBlue-border,
  $__input-number-input_background-color: $--color-CBlue-background-panel-usable,

  // handler
  $__input-number-handler_border-color: $--color-CBlue-border,
  $__input-number-handler_background-color: $--color-CBlue-background-panel,
  $__input-number-handler-down_border-color: $--color-CBlue-border,
  $__input-number-handler_font-color: $--color-CBlue-font-main,
  $__input-number-handler-up-down_hover_font-color: $--color-CBlue-primary-hover,
  $__input-number-handler-up-down_font-color: $--color-CBlue-font-hint,
  $__input-number-handler_active_background-color: $--color-CBlue-background-panelState-2,
  $__input-number-handler-up-down_active_font-color: $--color-CBlue-primary-pressed,
  $__input-number-handler_readonly_background-color: $--color-CBlue-background-panelState-2,
  $__input-number-handler_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__input-number-handler-up-down_readonly_font-color: $--color-CBlue-font-disabled,
  $__input-number-handler-up-down_disabled_font-color: $--color-CBlue-font-disabled,

  // append
  $__input-number-append_font-color: $--color-CBlue-font-main,
  $__input-number-append_background-color: $--color-CBlue-background-panel,
  $__input-number-append_border-left: 1px solid $--color-CBlue-border,
  $__input-number-append_readonly_font-color: $--color-CBlue-font-disabled,
  $__input-number-append_disabled_font-color: $--color-CBlue-font-disabled,

  // disabled
  $__input-number_disabled_background-color: $--color-CBlue-background-panelState-2,
  $__input-number_disabled_font-color: $--color-CBlue-font-disabled,
  $__input-number_disabled_border-color: $--color-CBlue-border,
  $__input-number-input_font-color: $--color-CBlue-font-main,
  $__input-number-input_disabled_opacity: 1,

  // readonly
  $__input-number-input_readonly_background-color: $--color-CBlue-background-panelState-2,
  $__input-number-input_readonly_opacity: 1,
  $__input-number-input_readonly_font-color: $--color-CBlue-font-main,
  $__input-number_readonly_border-color: $--color-CBlue-border,
  $__input-number_readonly_box-shadow: none,

  $__input-number-form-item-input_changed_font-color: $--color-CBlue-danger,

  //#endregion @import "./inputNumber.scss"; ========== END==========
  //#region @import "./tooltip.scss"; ========== START==========
  /* Tooltip
-------------------------- */ 
  // content
  $__tooltip-content_font-color: $--color-CBlue-font-white,
  $__tooltip-content_background-color: $--color-CBlue-background-tip,

  // 阴影
  $__tooltip_box-shadow: none,

  //#endregion @import "./tooltip.scss"; ========== END==========
  //#region @import "./poptip.scss"; ========== START==========
  /* Poptip
-------------------------- */ 
  $__poptip_font-color: $--color-CBlue-font-main,
  $__poptip_background-color: $--color-CBlue-background-panel,

  // arrow
  $__poptip_border-color: $--color-CBlue-background-panel,

  // title
  $__poptip-title-after_background-color: $--color-CBlue-border-split,

  // confirm-icon
  $__poptip-confirm-icon_color: $--color-CBlue-warning,
  // confirm-message
  $__poptip-confirm-message_color: $--color-CBlue-font-main,

  // 阴影
  $__poptip_box-shadow: 0 1px 6px $--color-CBlue-shadow-panel-drop,

  //#endregion @import "./poptip.scss"; ========== END==========
  //#region @import "./calendar.scss"; ========== START==========
  /* Calendar
-------------------------- */ // top
  $__calendar-top-text_font-color: $--color-CBlue-font-main,
  $__calendar-top-icon_icon-color: $--color-CBlue-font-describe,
  $__calendar-top-icon_hover_background-color: $--color-CBlue-background-transparent,
  $__calendar-top-icon_hover_icon-color: $--color-CBlue-primary-hover,

  // month
  $__calendar-month_border: 1px solid $--color-CBlue-border,

  // month-title
  $__calendar-month-title_background-color: $--color-CBlue-background-panel,
  $__calendar-month-title_font-color: $--color-CBlue-font-main,

  // month-week
  $__calendar-month-week_background-color: $--color-CBlue-background-panel,

  // week-item
  $__schedule-month-week-item_font-color: $--color-CBlue-font-hint,
  $__schedule-month-week-item_background-color: $--color-CBlue-background-panel,
  $__schedule-month-week-item_border-color: $--color-CBlue-background-panel,

  // month-day-item
  $__calendar-month-item_font-color: $--color-CBlue-font-main,
  $__calendar-month-item_background-color: $--color-CBlue-background-panel,
  $__calendar-month-item_border-color: $--color-CBlue-background-panel,
  $__calendar-month-item_border-top: 1px solid $--color-CBlue-border-split,
  $__calendar-month-item_empty_background-color: $--color-CBlue-background-panel,
  $__calendar-month-item_disable_font-color: $--color-CBlue-font-disabled,
  $__calendar-month-item_disable_background-color: $--color-CBlue-background-panelState-2,
  $__calendar-month-item_disable-active_font-color: $--color-CBlue-font-disabled,
  $__calendar-month-item_disable-active_background-color: $--color-CBlue-primary-panelHover,
  $__calendar-month-item_disable-active_opacity: 1,
  $__calendar-month-item_rest_font-color: $--color-CBlue-font-main,
  $__calendar-month-item_rest_background-color: $--color-CBlue-background-panelState-2,
  $__calendar-month-item_active_font-color: $--color-CBlue-font-main,
  $__calendar-month-item_active_background-color: $--color-CBlue-primary-panelHover,
  $__calendar-month-item_active_border-top: 1px solid $--color-CBlue-primary,
  $__calendar-month-item_hover_background-color: $--color-CBlue-primary-panelHover,
  $__calendar-month-item_hover_border-top: 1px solid $--color-CBlue-primary-pressed,

  // menu-handle
  $__calendar-handle_font-color: $--color-CBlue-font-main,
  $__calendar-handle_background-color: $--color-CBlue-background-panel,
  $__calendar-handle_border-color: $--color-CBlue-background-transparent,
  $__calendar-handle-item-setWorkDay_border-color: $--color-CBlue-border-split,
  $__calendar-handle_hover_font-color: $--color-CBlue-font-main,
  $__calendar-handle_hover_background-color: $--color-CBlue-primary-panelHover,
  $__calendar-menu_box-shadow: 0 1px 6px $--color-CBlue-shadow-panel-drop,

  // 阴影
  $__calendar-month_box-shadow: none,

  //#endregion @import "./calendar.scss"; ========== END==========
  //#region @import "./selectTable.scss"; ========== START==========
  /* SelectTable
-------------------------- */ 
  // selectTable
  $__selectTable_font-color: $--color-CBlue-font-main,

  // selectTable selection
  $__selectTable-selection_background-color: $--color-CBlue-background-panel-usable,
  $__selectTable-selection_border-color: $--color-CBlue-border,

  // selectTable readonly
  $__selectTable-selection_readonly_hover_border-color: $--color-CBlue-border,
  $__selectTable-selection_readonly_hover_box-shadow: none,
  $__selectTable-arrow_readonly_font-color: $--color-CBlue-font-disabled,

  // selectTable disabled
  $__selectTable-selection_disabled_hover_border-color: $--color-CBlue-border,
  $__selectTable-selection_disabled_hover_box-shadow: none,
  $__selectTable-input_disabled_font-color: $--color-CBlue-font-disabled,
  $__selectTable-arrow_disabled_font-color: $--color-CBlue-font-disabled,
  $__selectTable-tag_disabled_font-color: $--color-CBlue-font-disabled,

  // selectTable single
  $__selectTable-single-selection-placeholder_font-color: $--color-CBlue-font-hint,

  // selectTable multiple
  $__selectTable-multiple-selection-placeholder_font-color: $--color-CBlue-font-hint,
  $__selectTable-multiple-checkall_border-top-color: $--color-CBlue-border-split,
  $__selectTable-multiple-tag_border-color: $--color-CBlue-border,
  $__selectTable-multiple-tag_background: $--color-CBlue-background-panelState-2,

  // selectTable header slot
  $__selectTable-header-slot_border-bottom-color: $--color-CBlue-border-split,
  $__selectTable-header-slot-top_border-bottom-color: $--color-CBlue-border-split,

  // selectTable tag-collapsefix
  $__selectTable-tag-collapsefix_border-color: $--color-CBlue-border,
  $__selectTable-tag-collapsefix-icon_font-color: $--color-CBlue-font-hint,

  // selectTable input
  $__selectTable-input_font-color: $--color-CBlue-font-main,
  $__selectTable-input_background-color: $--color-CBlue-background-transparent,
  $__selectTable-input_border-color: $--color-CBlue-primary-hover,

  // selectTable not found
  $__selectTable-not-data_font-color: $--color-CBlue-font-hint,

  // selectTable loading
  $__selectTable-loading_font-color: $--color-CBlue-primary,

  // selectTable block loading
  $__selectTable-block-loading_font-color: $--color-CBlue-font-hint,
  $__selectTable-block-loading_background: $--color-CBlue-background-panel,

  // selectTable dropdown-content search
  $__selectTable-search-input_background: $--color-CBlue-background-panel-usable,
  $__selectTable-search-input_border-color: $--color-CBlue-border,
  $__selectTable-search-input_focus_box-shadow: none,

  // selectTable dropdown-content dropdown-list table
  $__selectTable-dropdown-list-table-before_background-color: $--color-CBlue-border-split,
  $__selectTable-dropdown-list-table-th_border-top-color: $--color-CBlue-border-split,
  $__selectTable-dropdown-list-table-td_checked_font-color: $--color-CBlue-font-main,
  $__selectTable-dropdown-list-table-td_checked_background: $--color-CBlue-background-transparent,
  $__selectTable-dropdown-list-table-td_hover_background: $--color-CBlue-primary-tableHover,

  // selectTable dropdown-noline-content
  $__selectTable-dropdown-noline-search-input_border-bottom-color: $--color-CBlue-border,
  $__selectTable-dropdown-noline-search-input_focus_box-shadow: none,
  $__selectTable-dropdown-noline-list-table-before_background-color: $--color-CBlue-border-split,
  $__selectTable-dropdown-noline-list-table-td_checked_font-color: $--color-CBlue-font-main,
  $__selectTable-dropdown-noline-list-table-td_checked_background:
    $--color-CBlue-background-transparent,
  $__selectTable-dropdown-noline-list-table-td_hover_background: $--color-CBlue-primary-tableHover,

  // selectTable hideMultHead
  $__selectTable-hideMultHead-after_font-color: $--color-CBlue-font-describe,
  $__selectTable-hideMultHead_select_font-color: $--color-CBlue-primary,

  // form selectTable error
  $__selectTable-form-selection_error_border-color: $--color-CBlue-danger,
  $__selectTable-form-selection_error_hover_border-color: $--color-CBlue-danger-hover,
  $__selectTable-form-arrow_error_font-color: $--color-CBlue-font-hint,
  $__selectTable-form-selection_error_focus_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,

  // form selectTable changed
  $__selectTable-form-selection_changed_font-color: $--color-CBlue-danger,
  $__selectTable-form-selection-tag_changed_font-color: $--color-CBlue-danger,
  $__selectTable-form-selection-input_changed_font-color: $--color-CBlue-danger,

  // editgird selectTable changed
  $__selectTable-editgird-selection_error_border-color: $--color-CBlue-danger,
  $__selectTable-editgird-selection-arrow_error_font-color: $--color-CBlue-danger,

  // select collapse hover
  $__select-collapse-tag_hover_border-color: $--color-CBlue-border,
  $__select-collapse-tag_hover_background: $--color-CBlue-background-panelState-2,
  $__select-collapse-tag-icon_hover_font-color: $--color-CBlue-font-hint,

  //#endregion @import "./selectTable.scss"; ========== END==========
  //#region @import "./page.scss"; ========== START==========
  /* Page
-------------------------- */ // page item
  $__page-item_background-color: $--color-CBlue-background-transparent,
  $__page-item_border-color: $--color-CBlue-background-transparent,
  $__page-item-a_font-color: $--color-CBlue-font-main,
  $__page-item_hover_border-color: $--color-CBlue-primary-hover,
  $__page-item_hover_background-color: $--color-CBlue-background-panel,
  $__page-item-a_hover_font-color: $--color-CBlue-primary-hover,

  // page item active（激活/当前index）
  $__page-item_active_background-color: $--color-CBlue-background-transparent,
  $__page-item_active_border-color: $--color-CBlue-primary,
  $__page-item-a_active_font-color: $--color-CBlue-primary,

  // page prev
  $__page-prev-a_font-color: $--color-CBlue-font-describe,
  $__page-prev_hover_border-color: $--color-CBlue-background-transparent,
  $__page-prev-a_hover_font-color: $--color-CBlue-primary-hover,

  // page item-jump-prev
  $__page-item-jump-prev-after_font-color: $--color-CBlue-font-main,
  $__page-item-jump-prev_font-color: $--color-CBlue-font-main,
  $__page-item-jump-prev_border-color: $--color-CBlue-background-transparent,

  // page disabled
  $__page_disabled_background-color: $--color-CBlue-background-transparent,
  $__page_disabled_border-color: $--color-CBlue-background-transparent,
  $__page-a_disabled_font-color: $--color-CBlue-font-disabled,
  $__page_disabled_hover_border-color: $--color-CBlue-background-transparent,
  $__page-a_disabled_hover_font-color: $--color-CBlue-font-disabled,

  // page options reload
  $__page-options-reload-a_font-color: $--color-CBlue-font-main,
  $__page-options-reload-a_border-color: $--color-CBlue-background-transparent,
  $__page-options-selectiong_background-color: $--color-CBlue-background-panel-usable,
  $__page-options-elevator_font-color: $--color-CBlue-font-main,

  // page simple
  $__page-simple_disabled_background-color: $--color-CBlue-background-transparent,
  $__page-simple-pager_font-color: $--color-CBlue-font-main,
  $__page-simple-pager-input_font-color: $--color-CBlue-font-main,
  $__page-simple-pager-input_background-color: $--color-CBlue-background-panel-usable,
  $__page-simple-pager-input_border-color: $--color-CBlue-border,
  $__page-simple-pager-input_hover_border-color: $--color-CBlue-primary-hover,

  // page mini
  $__page-mini-disabled_background-color: $--color-CBlue-background-transparent,
  $__page-mini-item_border-color: $--color-CBlue-background-transparent,
  $__page-mini-prev_border-color: $--color-CBlue-background-transparent,
  $__page-mini-options-reload-a_border-color: $--color-CBlue-background-transparent,

  // page total
  $__page-total_font-color: $--color-CBlue-font-main,

  // page sizer-label
  $__page-sizer-label_font-color: $--color-CBlue-font-main,

  //#endregion @import "./page.scss"; ========== END==========
  //#region @import "./transferTable.scss"; ========== START==========
  /* TransferTable
-------------------------- */ 
  // transferTable list header
  $__transferTable-list-header_background-color: $--color-CBlue-background-panel,
  $__transferTable-list-header_font-color: $--color-CBlue-font-main,
  $__transferTable-list-header-count_font-color: $--color-CBlue-font-hint,
  $__transferTable-list-header_border-color: $--color-CBlue-border,
  $__transferTable-list-header_border-bottom-color: $--color-CBlue-border-split,

  // transferTable list content
  $__transferTable-list-content-notFound_font-color: $--color-CBlue-font-hint,

  // transferTable list body
  $__transferTable-list-body_border-top-color: none,
  $__transferTable-list-body-search_border-color: $--color-CBlue-border-split,

  // transferTable list footer
  $__transferTable-list-body-footer_border-color: $--color-CBlue-border-split,

  // transferTable sortable
  $__transferTable-sortable-parent_hover_background: $--color-CBlue-background-transparent,

  $__transferTable-sortable-chosen_background-color: $--color-CBlue-background-panel,
  $__transferTable-sortable-parent_hover_background-color: $--color-CBlue-background-transparent,
  $__transferTable-sortable-ghost_background-color: $--color-CBlue-font-describe,

  //#endregion @import "./transferTable.scss"; ========== END==========
  //#region @import "./tree.scss"; ========== START==========
  /* Tree
-------------------------- */ 
  // tree title
  $__tree-title_font-color: $--color-CBlue-font-main,

  // tree title hover
  $__tree-title_hover_font-color: $--color-CBlue-font-main,
  $__tree-title_hover_background-color: $--color-CBlue-primary-panelHover,

  // tree title selected
  $__tree-title_selected_font-color: $--color-CBlue-primary,
  $__tree-title_selected_background-color: $--color-CBlue-primary-panelHover,

  // tree title filterable
  $__tree-title-filterable_font-color: $--color-CBlue-primary,

  // tree title focus
  $__tree-title_focus_font-color: $--color-CBlue-font-main,
  $__tree-title_focus_background-color: $--color-CBlue-primary-panelHover,

  // tree title disabled
  $__tree-title_disabled_font-color: $--color-CBlue-font-disabled,
  $__tree-title_disabled_background-color: $--color-CBlue-background-transparent,

  // tree arrow
  $__tree-arrow-icon_font-color: $--color-CBlue-font-hint,
  $__tree-arrow-icon_open_font-color: $--color-CBlue-font-hint,
  //#endregion @import "./tree.scss"; ========== END==========
  //#region @import "./selectTree.scss"; ========== START==========
  /* SelectTree
-------------------------- */ 
  // selectTree
  $__selectTree_font-color: $--color-CBlue-font-main,

  // selectTree selection
  $__selectTree-selection_background-color: $--color-CBlue-background-panel-usable,
  $__selectTree-selection_border-color: $--color-CBlue-border,

  // h-tag
  $__selectTree-tag_background: $--color-CBlue-background-panel,
  $__selectTree-tag_border-color: $--color-CBlue-border,

  // selectTree input
  $__selectTree-input_background-color: $--color-CBlue-background-transparent,
  $__selectTree-input_font-color: $--color-CBlue-font-main,

  // selectTree dropdown list
  $__selectTree-dropdown-list_background-color: $--color-CBlue-background-panel,

  // selectTree search
  $__selectTree-search_background: $--color-CBlue-background-panel-usable,
  $__selectTree-search-input_border-bottom-color: $--color-CBlue-border,

  // selectTree disabled
  $__selectTree-disabled-selection_hover_border-color: $--color-CBlue-border,
  $__selectTree-disabled-selection_font-color: $--color-CBlue-font-disabled,

  // selectTree single placeholder
  $__selectTree-single-selection-placeholder_font-color: $--color-CBlue-font-hint,

  // selectTree multiple placeholder
  $__selectTree-multiple-selection-placeholder_font-color: $--color-CBlue-font-hint,

  // selectTree multiple select部分
  $__selectTree-multiple-select_selected_font-color: $--color-CBlue-primary,
  $__selectTree-multiple-select_selected_background: $--color-CBlue-background-panel,
  $__selectTree-multiple-select_focus_background: $--color-CBlue-primary-panelHover,
  $__selectTree-multiple-select-selected_primary_background: $--color-CBlue-background-transparent,
  $__selectTree-multiple-select-selected_primary_font-color: $--color-CBlue-primary,

  // selectTree h-form-item error 部分逻辑
  $__selectTree-formItem-selection_error_border-color: $--color-CBlue-danger,
  $__selectTree-formItem-arrow_error_font-color: $--color-CBlue-font-hint,

  // selectTree h-form-item changed 部分逻辑
  $__selectTree-formItem-selection_changed_font-color: $--color-CBlue-danger,
  $__selectTree-formItem-tag_changed_font-color: $--color-CBlue-danger,

  // selectTree editgird cell error 部分逻辑
  $__selectTree-editgird-cell-selection_error_border-color: $--color-CBlue-danger,
  $__selectTree-editgird-cell-arrow_error_font-color: $--color-CBlue-danger,

  //#endregion @import "./selectTree.scss"; ========== END==========
  //#region @import "./tabs.scss"; ========== START==========
  /* Tabs
-------------------------- */ 
  // tabs primary
  $__tabs_font-color: $--color-CBlue-font-main,
  $__tabs-bar_border-bottom-color: $--color-CBlue-border-line,
  $__tabs-bar-top_border-top-color: $--color-CBlue-border-line,
  $__tabs-return-i_font-color: $--color-CBlue-primary,
  $__tabs-ink-bar_background-color: $--color-CBlue-primary,

  // tabs nav
  $__tabs-nav-tab_font-color: $--color-CBlue-font-main,
  $__tabs-nav-tab_hover_font-color: $--color-CBlue-primary-hover,
  $__tabs-nav-tab-icon_font-color: $--color-CBlue-font-describe,
  $__tabs-nav-tab-icon_active_font-color: $--color-CBlue-primary,
  $__tabs-nav-tab_active_font-color: $--color-CBlue-primary,
  $__tabs-nav-tab_disabled_font-color: $--color-CBlue-font-disabled,
  $__tabs-nav-tab-active_active_font-color: $--color-CBlue-primary,

  // tabs nav right
  $__tabs-nav-right-tab-i_font-color: $--color-CBlue-background-transparent,
  $__tabs-nav-right-tab_hover_background: $--color-CBlue-primary-panelHover,
  $__tabs-nav-right-tab-i_hover_font-color: $--color-CBlue-primary-panelHover,
  $__tabs-nav-right-tab_active_background: $--color-CBlue-primary-panelHover,
  $__tabs-nav-right-tab_active_font-color: $--color-CBlue-primary,
  $__tabs-nav-right-tab-i_active_font-color: $--color-CBlue-primary,
  $__tabs-nav-right-tab_active_hover_background: $--color-CBlue-primary-panelHover,
  $__tabs-nav-right-tab-i_active_hover_font-color: $--color-CBlue-primary,
  $__tabs-nav-right-tab_disabled_font-color: $--color-CBlue-font-disabled,
  $__tabs-nav-right-tab_disabled_background: $--color-CBlue-background-transparent,
  $__tabs-nav-right-tab-i_disabled_font-color: $--color-CBlue-background-transparent,

  // tabs card style
  $__tabs-card-bar-car-top-tab_border-color: $--color-CBlue-border,
  $__tabs-card-bar-car-top-tab_background: $--color-CBlue-background-panelState-2,
  $__tabs-card-top-tab_border-bottom-color: $--color-CBlue-border,
  $__tabs-card-bar-tab-active_background: $--color-CBlue-background-panel,
  $__tabs-card-bar-tab-active_border-color: $--color-CBlue-border,
  $__tabs-card-bar-tab-active_font-color: $--color-CBlue-primary,
  $__tabs-card-top-tab-active_font-color: $--color-CBlue-primary,
  $__tabs-card-top-tab-active_background: $--color-CBlue-background-panel,
  $__tabs-card-top-tab-active_border-color: $--color-CBlue-border,
  $__tabs-card-top-tab-active_border-top-color: $--color-CBlue-background-transparent,

  // tabs content right
  $__tabs-content-right_border-left-color: $--color-CBlue-border,

  //#endregion @import "./tabs.scss"; ========== END==========
  //#region @import "./steps.scss"; ========== START==========
  /* Steps
-------------------------- */ 
  // steps item status wait
  $__steps-item-status-wait-head-inner_background-color: $--color-CBlue-background-panel,
  $__steps-item-status-wait-head-inner-icon_font-color: $--color-CBlue-font-describe,
  $__steps-item-status-wait-title_font-color: $--color-CBlue-font-main,
  $__steps-item-status-wait-content_font-color: $--color-CBlue-font-describe,
  $__steps-item-status-wait-tail-i_background-color: $--color-CBlue-border-line,

  // steps item status process
  $__steps-item-status-process-head-inner_border-color: $--color-CBlue-primary,
  $__steps-item-status-process-head-inner_background-color: $--color-CBlue-primary,
  $__steps-item-status-process-head-inner-icon_font-color: $--color-CBlue-font-white,
  $__steps-item-status-process-head-inner-icon-remark_font-color: $--color-CBlue-primary,
  $__steps-item-status-process-title_font-color: $--color-CBlue-font-main,
  $__steps-item-status-process-content_font-color: $--color-CBlue-font-describe,
  $__steps-item-status-process-tail-i_background-color: $--color-CBlue-border-line,

  // steps item status finish
  $__steps-item-status-finish-head-inner_border-color: $--color-CBlue-primary,
  $__steps-item-status-finish-head-inner_background-color: $--color-CBlue-background-panel,
  $__steps-item-status-finish-head-inner-icon_font-color: $--color-CBlue-primary,
  $__steps-item-status-finish-tail-i-after_background: $--color-CBlue-primary,
  $__steps-item-status-finish-title_font-color: $--color-CBlue-font-main,
  $__steps-item-status-finish-content_font-color: $--color-CBlue-font-describe,

  // steps item status error
  $__steps-item-status-error-head-inner_border-color: $--color-CBlue-danger,
  $__steps-item-status-error-head-inner_background-color: $--color-CBlue-background-panel,
  $__steps-item-status-error-head-inner-icon_font-color: $--color-CBlue-danger,
  $__steps-item-status-error-tail-i_background-color: $--color-CBlue-border-line,
  $__steps-item-status-error-title_font-color: $--color-CBlue-danger,
  $__steps-item-status-error-content_font-color: $--color-CBlue-font-describe,

  // steps item status next error
  $__steps-item-next-error-tail-i_background-color: $--color-CBlue-danger,

  // steps item custom
  $__steps-item-custom-head-inner_background: none,

  // steps head inner
  $__steps-head-inner_border-color: $--color-CBlue-border-line,

  // steps main
  $__steps-main-content_font-color: $--color-CBlue-font-describe,

  // steps title
  $__steps-title_font-color: $--color-CBlue-font-main,
  $__steps-title-a-first-child_font-color: $--color-CBlue-font-main,

  // steps tail
  $__steps-tail-i_background: $--color-CBlue-border-line,
  $__steps-tail-i-after_background: $--color-CBlue-font-white,

  // steps small
  $__steps-small-title_font-color: $--color-CBlue-font-main,
  $__steps-small-content_font-color: $--color-CBlue-font-describe,
  $__steps-small-status-finish-title_font-color: $--color-CBlue-font-main,
  $__steps-small-item-custom-head-inner_background: none,

  //#endregion @import "./steps.scss"; ========== END==========
  //#region @import "./loading-bar.scss"; ========== START==========
  /* LoadingBar
-------------------------- */ 
  // loadingBar primary
  $__loadingBar-inner_background-color: $--color-CBlue-primary,

  // loadingBar error
  $__loadingBar-inner_error_background-color: $--color-CBlue-danger,

  //#endregion @import "./loading-bar.scss"; ========== END==========
  //#region @import "./select-dropdown.scss"; ========== START==========
  /* SelectDropdown
-------------------------- */
  $__select-dropdown_rel-a-color: $--color-CBlue-primary,
  $__select-dropdown_background-color: $--color-CBlue-background-panel,
  $__select-dropdown_box-shadow: 0 1px 6px 0 $--color-CBlue-shadow-panel-drop,
  $__select-dropdown_border: none,
  $__select-dropdown_font-color: $--color-CBlue-font-main,
  //#endregion @import "./select-dropdown.scss"; ========== END==========
  //#region @import "./carousel.scss"; ========== START==========
  /* Carousel
-------------------------- */ 
  // arrow
  $__carousel-arrow_font-color: $--color-CBlue-font-white,
  $__carousel-arrow_background-color: $--color-CBlue-background-bar-transparent-30,
  $__carousel-arrow_hover_background-color: $--color-CBlue-background-bar-transparent-40,

  // dots
  $__carousel-dots_background-color: $--color-CBlue-background-bar-transparent-30,
  $__carousel-dots_opacity: 1,
  $__carousel-dots_hover_background-color: $--color-CBlue-background-bar-transparent-40,
  $__carousel-dots_active_background-color: $--color-CBlue-background-bar-transparent-60,

  //#endregion @import "./carousel.scss"; ========== END==========
  //#region @import "./schedule.scss"; ========== START==========
  /* Schedule
-------------------------- */ 
  // header
  $__schedule-header_font-color: $--color-CBlue-font-main,

  // event
  $__schedule-event_font-color: $--color-CBlue-font-main,
  $__schedule-event_background-color: $--color-CBlue-primary-panelHover,

  // event-more
  $__schedule-event-more_icon-color: $--color-CBlue-font-describe,
  $__schedule-event-more_hover_icon-color: $--color-CBlue-primary-hover,

  // event-circle
  $__schedule-event-circle-remind_font-color: $--color-CBlue-danger,
  $__schedule-event-circle-today_font-color: $--color-CBlue-primary,

  // popover
  $__schedule-popover_font-color: $--color-CBlue-font-main,
  $__schedule-popover_background-color: $--color-CBlue-background-panel-pop,
  $__schedule-popover_box-shadow: 0 2px 6px $--color-CBlue-shadow-panel,

  // popover-header
  $__schedule-popover-header_background-color: $--color-CBlue-background-panel-pop,
  $__schedule-popover-header_border-bottom: 1px solid $--color-CBlue-border-split,

  // popover-item
  $__schedule-popover-item_background-color: $--color-CBlue-primary-panelHover,
  $__schedule-popover-item_font-color: $--color-CBlue-font-main,

  //#endregion @import "./schedule.scss"; ========== END==========
  //#region @import "./breadcrumb.scss"; ========== START==========
  /* Badge
-------------------------- */ 
  // breadcrumb primary
  $__breadcrumb_font-color: $--color-CBlue-font-hint,
  $__breadcrumb-a_font-color: $--color-CBlue-font-hint,
  $__breadcrumb-a_hover_font-color: $--color-CBlue-primary-hover,
  $__breadcrumb-span-last-child_font-color: $--color-CBlue-font-main,
  $__breadcrumb-item-separator_font-color: $--color-CBlue-font-hint,

  //#endregion @import "./breadcrumb.scss"; ========== END==========
  //#region @import "./typefield.scss"; ========== START==========
  /* Typefield
-------------------------- */ 
  $__typefield_font-color: $--color-CBlue-font-main,
  $__typefield_background-color: $--color-CBlue-background-panel,
  $__typefield_border-color: $--color-CBlue-border,

  // disabled
  $__typefield_disabled_border-color: $--color-CBlue-border,
  $__typefield_disabled_box-shadow: none,
  $__typefield_disabled_background-color: $--color-CBlue-background-panelState-2,

  // focus
  $__typefield_focus_border-color: $--color-CBlue-primary-hover,
  $__typefield_focus_box-shadow: 0 0 0 2px $--color-CBlue-primary-inputShadow,
  // tip
  $__typefield-tip_border-color: $--color-CBlue-background-panel,
  $__typefield-tip_font-color: $--color-CBlue-font-main,
  $__typefield-tip_background-color: $--color-CBlue-background-panel,
  $__typefield-tip_box-shadow: 0 1px 6px 0 $--color-CBlue-shadow-panel-drop,

  // handler
  $__typefield-handler_font-color: $--color-CBlue-font-main,
  $__typefield-handler_border: 1px solid $--color-CBlue-border,
  $__typefield-handler_border-left: none,
  $__typefield-handler_background-color: $--color-CBlue-background-panel,
  $__typefield-handler-append-arrow_border-color: $--color-CBlue-border,
  $__typefield-handler-arrow_border-color: $--color-CBlue-border,
  $__typefield-arrow-wrap_background-color: $--color-CBlue-background-panel,
  $__typefield-handler-down_border-color: $--color-CBlue-border,
  $__typefield-handler-up-down_hover_font-color: $--color-CBlue-primary-hover,
  $__typefield-handler-up-down_font-color: $--color-CBlue-font-hint,
  $__typefield-handler_active_background-color: $--color-CBlue-background-panelState-2,
  $__typefield-handler_active_font-color: $--color-CBlue-primary-pressed,

  // append
  $__typefield-append_font-color: $--color-CBlue-font-main,
  $__typefield-append_background-color: $--color-CBlue-background-panel,
  $__typefield-pend_font-color: $--color-CBlue-font-main,

  // formItem - typefield
  $__typefield-form-item_error_border-color: $--color-CBlue-danger,
  $__typefield-form-item_error_box-shadow: 0 0 0 2px $--color-CBlue-danger-inputShadow,
  $__typefield-form-item-handler_error_border-color: $--color-CBlue-danger,
  $__typefield-form-item_changed_font-color: $--color-CBlue-danger,
  $__typefield-form-item_error-hover_border-color: $--color-CBlue-danger-hover,

  // formItem - transfer - typefield
  $__typefield-form-item-transfer-icon_error_font-color: $--color-CBlue-danger,

  // editGrid - typefield
  $__typefield-editgrid-cell_error_border-color: $--color-CBlue-danger,

  //#endregion @import "./typefield.scss"; ========== END==========
  //#region @import "./select-block.scss"; ========== START==========
  /* SelectBlock
-------------------------- */ 
  $__select-block-header_background-color: $--color-CBlue-background-panel,
  $__select-block-option_hover_background-color: $--color-CBlue-primary-panelHover,

  // group
  $__select-block-group_font-color: $--color-CBlue-font-hint,

  // selected
  $__select-block_selected_background-color: $--color-CBlue-background-panelState-2,
  $__select-block_selected_font-color: $--color-CBlue-font-main,

  // hover
  $__select-block_hover_background-color: $--color-CBlue-background-panelState-2,
  $__select-block_hover_font-color: $--color-CBlue-font-main,

  // multiple
  $__select-block-multiple_selected_background-color: $--color-CBlue-background-transparent,

  // empty
  $__select-block_empty_font-color: $--color-CBlue-font-hint,

  // hideMult
  $__select-block-after_hideMult_font-color: $--color-CBlue-background-panel,
  $__select-block-after_hideMult-hover_font-color: $--color-CBlue-background-panel,
  $__select-block-after_hideMult-selected_font-color: $--color-CBlue-primary,
  $__select-block-after_hideMult-selected_background-color: $--color-CBlue-background-panelState-2,

  // disabled
  $__select-block-after_disabled_font-color: $--color-CBlue-font-disabled,
  //#endregion @import "./select-block.scss"; ========== END==========
  //#region @import "./asycTreeGird.scss"; ========== START==========
  /* AsycTreeGird
-------------------------- */ 
  $__asycTreeGird_border-bottom-color: $--color-CBlue-border,
  $__asycTreeGird_border-right-color: $--color-CBlue-border-split,

  $__asycTreeGird-editgird-stripe-dark_background-color: $--color-CBlue-background-tableZebra,
  $__asycTreeGird-editgird-stripe-light_background-color: $--color-CBlue-background-panel,
  //#endregion @import "./asycTreeGird.scss"; ========== END==========
) !default;