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

// Color
$color-scrollList-bg: var(--semi-color-bg-3);
$color-scrollList-border: var(--semi-color-border);
$color-scrollList_item-bg: transparent;
$color-scrollList_item-text: var(--semi-color-text-0);
$color-scrollList_disabled_item-text: var(--semi-color-disabled-text);
$color-scrollList_item-text-hover: var(--semi-color-fill-1);
$color-scrollList_item-bg-active: var(--semi-color-fill-2);
$color-scrollList_selected_item-bg: var(--semi-color-primary-light-default);
$color-scrollList_selected_item-text: var(--semi-color-text-0);
$color-scrollList_selected_item-icon: var(--semi-color-text-2);
$color-scrollList_footer-border: var(--semi-color-border);

// Width/Height
$height-scrollList: 300px;
$height-scrollList_item: 36px;
$width-scrollList_item-border: $border-thickness-control;
$width-scrollList_item_sel_svg: 16px;
$width-scrollList_item_wheel-border: $border-thickness-control;
$width-scrollList_item_wheel_selector-border: $border-thickness-control;
$height-scrollList_line: 1px;
$width-scrollList_footer-border: $border-thickness-control;

// Spacing
$spacing-scrollList_header-paddingY: 0;
$spacing-scrollList_header-paddingX: 16px;
$spacing-scrollList_header_title-paddingY: $spacing-base;
$spacing-scrollList_header_title-paddingX: 0;
$spacing-scrollList_body-paddingY: 0;
$spacing-scrollList_body-paddingX: 16px;
$spacing-scrollList_item_ul-padding: 0;
$spacing-scrollList_item_ul-margin: 0;
$spacing-scrollList_item_ul-paddingBottom: ($height-scrollList - $height-scrollList_item) / 2;
$spacing-scrollList_item_sel_svg-marginRight: 12px;
$spacing-scrollList_item_wheel_list_outer-paddingRight: $height-scrollList_item / 2;
$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -($height-scrollList_item / 2 + $border-thickness-control);
$spacing-scrollList_item_wheel_list_shade_post-marginTop: $height-scrollList_item / 2 + $border-thickness-control;
$spacing-scrollList_footer-padding: 10px;

// Radius
$radius-scrollList: var(--semi-border-radius-medium);

// Font
$font-scrollList_header_title-fontWeight: $font-weight-bold;
$font-scrollList_item_wheel_item_selected-fontWeight: $font-weight-bold;

// Other
$shadow-scrollList: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1);