style: add color-scrollList_header-bg support (#2789)

* style: add color-scrollList_header-bg support

* style: add color-scrollList_header-bg support

packages/semi-foundation/scrollList/scrollList.scss

@@ -22,6 +22,7 @@ $module: #{$prefix}-scrolllist;
     &-header {
         text-align: center;
         padding: $spacing-scrollList_header-paddingY $spacing-scrollList_header-paddingX;
+        background: $color-scrollList_header-bg;
 
         &-title {
             padding: $spacing-scrollList_header_title-paddingY $spacing-scrollList_header_title-paddingX;

packages/semi-foundation/scrollList/variables.scss

@@ -1,6 +1,7 @@
 // Color
 $color-scrollList-bg: var(--semi-color-bg-3); // 滚动列表背景色
 $color-scrollList-border: var(--semi-color-border); // 滚动列表描边颜色
+$color-scrollList_header-bg: transparent; // 滚动列表 header 背景色
 $color-scrollList_header-title: var(--semi-color-text-0); // 滚动列表标题颜色
 $color-scrollList_item-bg: transparent; // 滚动列表选项背景色
 $color-scrollList_item-text: var(--semi-color-text-0); // 滚动列表选项文字颜色

packages/semi-ui/timePicker/_story/timepicker.stories.jsx

@@ -407,4 +407,11 @@ export const Fix2375 = () => {
       </Form>
     </div> 
   );
-};
+};
+
+export const CustomHeader = () => {
+  return (
+    <TimePicker panelHeader="Custom Header" />
+  );
+};
+