style:深色模式 变量替换 (#9152)

Co-authored-by: xujiahao01 <xujiahao01@baidu.com>

packages/amis-ui/scss/_properties.scss

@@ -228,7 +228,7 @@ $Table-strip-bg: transparent;
   --Carousel--light-control: white;
   --Carousel-arrowControl-height: var(--gap-lg);
   --Carousel-arrowControl-width: var(--gap-lg);
-  --Carousel-bg: #f6f8f8;
+  --Carousel-bg: var(--colors-neutral-fill-10);
   --Carousel-dot-borderRadius: #{px2rem(4px)};
   --Carousel-dot-height: #{px2rem(8px)};
   --Carousel-dot-margin: #{px2rem(7px)} var(--gap-xs);
@@ -281,7 +281,7 @@ $Table-strip-bg: transparent;
   --DropDown-menu-paddingY: var(--gap-xs);
   --DropDown-menuItem-onHover-bg: var(--Form-select-menu-onHover-bg);
   --DropDown-group-color: #848b99;
-  --DropDown-menuItem-color: #151a26;
+  --DropDown-menuItem-color: var(--colors-neutral-text-2);
   --DropDown-menuItem-onHover-color: var(--Form-select-menu-onHover-color);
   --DropDown-menuItem-onActive-color: var(--colors-brand-5);
   --DropDown-menuItem-onDisabled-color: #b4b6ba;
@@ -626,7 +626,7 @@ $Table-strip-bg: transparent;
   --PickerColumns-loadingIcon-color: var(--icon-color);
   --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
 
-  --PopOver-bg: white;
+  --PopOver-bg: var(--colors-neutral-fill-11);
   --PopOverAble-iconColor: inherit;
   --PopOverAble-onHover-iconColor: inherit;
 

packages/amis-ui/scss/components/_menu.scss

@@ -124,7 +124,7 @@
   --Menu-Submenu-item-paddingX: var(--Nav-Item-Badge-paddingRight);
 
   --Menu-light-backgroundColor: var(--Layout-light-backgroundColor);
-  --Menu-light-active-backgroundColor: var(--colors-neutral-fill-12);
+  --Menu-light-active-backgroundColor: var(--colors-neutral-fill-8);
   --Menu-light-backgroundColor-onHover: var(--Layout-light-bgColor-onHover);
   --Menu-light-fontColor: var(--Layout-light-fontColor);
   --Menu-light-fontColor-onHover: var(--Layout-fontColor--onHover);
@@ -192,7 +192,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    color: inherit;
+    color: var(--colors-neutral-text-2);
     font-size: inherit;
     flex: 1;
     cursor: inherit;

packages/amis-ui/scss/components/form/_date-range.scss

@@ -225,7 +225,7 @@
   margin: 0;
   padding-left: px2rem(10px);
   list-style: none;
-  background: #f7f7f9;
+  background: var(--colors-neutral-fill-10);
   line-height: px2rem(32px);
   overflow-x: auto;
 }

packages/amis-ui/scss/components/form/_textarea.scss

@@ -16,6 +16,7 @@
 
     border: 1px solid var(--Form-input-borderColor);
     border-radius: var(--Form-input-borderRadius);
+    color: var(--colors-neutral-text-2);
     background: var(--Form-input-bg);
     padding: var(--input-textarea-paddingTop) var(--input-textarea-paddingRight)
       var(--input-textarea-paddingBottom) var(--input-textarea-paddingLeft);