@semi-bot/semi-theme-seek 1.7.11 → 1.7.13

package/README.md

@@ -5,7 +5,7 @@ Operator: 秋之风腊肠.jpg
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.88.2 or newer.
+Compatible with Semi Foundation Version 2.88.3 or newer.
     
 ## Version Release Note
     

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-seek",
- "version": "1.7.11",
+ "version": "1.7.13",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -439,7 +439,7 @@
                 "success/--semi-color-success": "rgba(var(--semi-green-5),1)",
                 "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
                 "Drag/--semi-color-Drag-active": "rgba(var(--semi-blue-4),1)",
-                "card/--semi-color-card-active": "rgba(255,255,255,0.1)",
+                "card/--semi-color-card-active": "rgba(255,255,255,0.12)",
                 "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
                 "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
                 "card/--semi-color-card-default": "rgba(255,255,255,0.06)",
@@ -487,6 +487,7 @@
                 "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
                 "inputborder/--semi-color-inputborder-hover": "rgba(255,255,255,0.19)",
                 "inputborder/--semi-color-inputborder-active": "rgba(var(--semi-brand-4),1)",
+                "button-Radio-bg/--semi-color-button-Radio-bg": "rgba(var(--semi-blue-2),1)",
                 "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
                 "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
                 "inputborder/--semi-color-inputborder-disabled": "rgba(255,255,255,0.05)",
@@ -505,8 +506,10 @@
                 "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
                 "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
                 "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
+                "button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(var(--semi-blue-6),1)",
                 "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
                 "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
+                "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(var(--semi-blue-7),1)",
                 "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
                 "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
             },
@@ -531,9 +534,9 @@
                 "data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
                 "data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
                 "data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
-                "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8), 0.05)",
-                "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8), 0.09)",
-                "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8), 0.13)",
+                "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
+                "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
+                "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
                 "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
                 "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.8)",
                 "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.6)",
@@ -604,11 +607,13 @@
                 "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
                 "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
                 "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
+                "button-Radio/--semi-color-button-Radio-active": "rgba(255,255,255,1)",
                 "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
                 "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
                 "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-1), 1)",
                 "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1), 1)",
                 "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
+                "button-Radio/--semi-color-button-Radio-bg-hover": "rgba(255,255,255, 1)",
                 "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-2), 1)",
                 "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-2), 1)",
                 "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-2), 1)",
@@ -616,6 +621,7 @@
                 "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-0), 1)",
                 "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
                 "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
+                "button-Radio/--semi-color-button-Radio-bg-default": "rgba(var(--semi-grey-1),1)",
                 "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
                 "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
                 "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0), 1)",
@@ -757,7 +763,7 @@
                     "$color-input_default-bg-default": "var(--semi-color-input-bg)",
                     "$color-input_default-border-hover": "var(--semi-color-inputborder-hover)",
                     "$color-input_default-bg-focus-hover": "var(--semi-color-input-bg-hover)",
-                    "$color-input_default-border-default": "var(--semi-color-inputborder)",
+                    "$color-input_default-border-default": "var(--semi-color-border-1)",
                     "$color-input_placeholder-text-default": "var(--semi-color-text-3)"
                 },
                 "height": {
@@ -802,6 +808,14 @@
                     "$spacing-radio_addon_buttonRadio_middle-paddingY": "6px"
                 }
             },
+            "table": {
+                "color": {
+                    "$color-table-text-default": "var(--semi-color-text-1)",
+                    "$color-table_body-bg-hover": "var(--semi-color-fill-0)",
+                    "$color-table_cell-bg-hover": "var(--semi-color-card-hover)",
+                    "$color-table-border-default": "var(--semi-color-border-1)"
+                }
+            },
             "button": {
                 "color": {
                     "$color-button_primary-border-default": "var(--semi-color-border-2)"
@@ -836,8 +850,10 @@
                 "color": {
                     "$color-switch_checked-bg-hover": "var(--semi-color-primary-hover)",
                     "$color-switch_checked-bg-active": "var(--semi-color-primary-active)",
+                    "$color-switch_default-bg-active": "var(--semi-color-fill-2)",
                     "$color-switch_checked-bg-default": "var(--semi-color-primary)",
-                    "$color-switch_default-bg-default": "var(--semi-color-bg-3)"
+                    "$color-switch_default-bg-default": "var(--semi-color-bg-0)",
+                    "$color-switch_default-border-default": "var(--semi-color-border-2)"
                 }
             },
             "tooltip": {

package/scss/global.scss

@@ -21,9 +21,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-data-7: rgba(139, 215, 210, 1);
 --semi-color-data-8: rgba(131, 176, 35, 1);
 --semi-color-data-9: rgba(233, 165, 229, 1);
---semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
---semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
---semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
+--semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
+--semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
+--semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
 --semi-color-text-0: rgba(var(--semi-grey-9),1);
 --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
 --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
@@ -94,11 +94,13 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
 --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
 --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
+--semi-color-button-Radio-active: rgba(255,255,255,1);
 --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
 --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
 --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
 --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
 --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
+--semi-color-button-Radio-bg-hover: rgba(255,255,255, 1);
 --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
 --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
 --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
@@ -106,6 +108,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
 --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
 --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
+--semi-color-button-Radio-bg-default: rgba(var(--semi-grey-1),1);
 --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
 --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
 --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
@@ -197,7 +200,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-success: rgba(var(--semi-green-5),1);
 --semi-color-warning: rgba(var(--semi-orange-5), 1);
 --semi-color-Drag-active: rgba(var(--semi-blue-4),1);
---semi-color-card-active: rgba(255,255,255,0.1);
+--semi-color-card-active: rgba(255,255,255,0.12);
 --semi-color-info-active: rgba(var(--semi-blue-7), 1);
 --semi-color-link-active: rgba(var(--semi-blue-7), 1);
 --semi-color-card-default: rgba(255,255,255,0.06);
@@ -245,6 +248,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
 --semi-color-inputborder-hover: rgba(255,255,255,0.19);
 --semi-color-inputborder-active: rgba(var(--semi-brand-4),1);
+--semi-color-button-Radio-bg: rgba(var(--semi-blue-2),1);
 --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
 --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
 --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
@@ -263,8 +267,10 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
 --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
 --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
+--semi-color-button-Radio-bg-hover: rgba(var(--semi-blue-6),1);
 --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
 --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
+--semi-color-button-Radio-bg-active: rgba(var(--semi-blue-7),1);
 --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
 --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
 font-family:  'PingFang SC',  -apple-system,   BlinkMacSystemFont,   'Segoe UI',   'Hiragino Sans GB',  'Inter',   'Microsoft YaHei',   'Helvetica Neue',  Helvetica,   Arial,   sans-serif;

package/scss/local.scss

@@ -5,7 +5,7 @@ $color-input_default-bg-active: var(--semi-color-input-bg-hover);
 $color-input_default-bg-default: var(--semi-color-input-bg);
 $color-input_default-border-hover: var(--semi-color-inputborder-hover);
 $color-input_default-bg-focus-hover: var(--semi-color-input-bg-hover);
-$color-input_default-border-default: var(--semi-color-inputborder);
+$color-input_default-border-default: var(--semi-color-border-1);
 $color-input_placeholder-text-default: var(--semi-color-text-3);
 $height-input_large: 40px;
 $height-input_small: 21px;
@@ -32,6 +32,10 @@ $spacing-radio_buttonRadioGroup_small-paddingY: 2px;
 $spacing-radio_addon_buttonRadio_large-paddingX: 24px;
 $spacing-radio_addon_buttonRadio_large-paddingY: 12px;
 $spacing-radio_addon_buttonRadio_middle-paddingY: 6px;
+$color-table-text-default: var(--semi-color-text-1);
+$color-table_body-bg-hover: var(--semi-color-fill-0);
+$color-table_cell-bg-hover: var(--semi-color-card-hover);
+$color-table-border-default: var(--semi-color-border-1);
 $color-button_primary-border-default: var(--semi-color-border-2);
 $height-button_small: 28px;
 $height-button_default: 32px;
@@ -46,8 +50,10 @@ $height-select_small: 28px;
 $radius-select: 6px;
 $color-switch_checked-bg-hover: var(--semi-color-primary-hover);
 $color-switch_checked-bg-active: var(--semi-color-primary-active);
+$color-switch_default-bg-active: var(--semi-color-fill-2);
 $color-switch_checked-bg-default: var(--semi-color-primary);
-$color-switch_default-bg-default: var(--semi-color-bg-3);
+$color-switch_default-bg-default: var(--semi-color-bg-0);
+$color-switch_default-border-default: var(--semi-color-border-2);
 $color-tooltip-bg-default: var(--semi-color-bg-3);
 $color-tooltip-text-default: var(--semi-color-text-0);
 $color-tooltip_arrow-icon-default: var(--semi-color-bg-3);

package/semi.css

@@ -391,9 +391,9 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-data-7: rgba(139, 215, 210, 1);
   --semi-color-data-8: rgba(131, 176, 35, 1);
   --semi-color-data-9: rgba(233, 165, 229, 1);
-  --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
-  --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
-  --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
+  --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
+  --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
+  --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
   --semi-color-text-0: rgba(var(--semi-grey-9),1);
   --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
   --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
@@ -464,11 +464,13 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
   --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
   --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
+  --semi-color-button-Radio-active: rgba(255,255,255,1);
   --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
   --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
   --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
   --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
   --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
+  --semi-color-button-Radio-bg-hover: rgba(255,255,255, 1);
   --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
   --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
   --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
@@ -476,6 +478,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
   --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
   --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
+  --semi-color-button-Radio-bg-default: rgba(var(--semi-grey-1),1);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
   --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
   --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
@@ -566,7 +569,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-success: rgba(var(--semi-green-5),1);
   --semi-color-warning: rgba(var(--semi-orange-5), 1);
   --semi-color-Drag-active: rgba(var(--semi-blue-4),1);
-  --semi-color-card-active: rgba(255,255,255,0.1);
+  --semi-color-card-active: rgba(255,255,255,0.12);
   --semi-color-info-active: rgba(var(--semi-blue-7), 1);
   --semi-color-link-active: rgba(var(--semi-blue-7), 1);
   --semi-color-card-default: rgba(255,255,255,0.06);
@@ -614,6 +617,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
   --semi-color-inputborder-hover: rgba(255,255,255,0.19);
   --semi-color-inputborder-active: rgba(var(--semi-brand-4),1);
+  --semi-color-button-Radio-bg: rgba(var(--semi-blue-2),1);
   --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
   --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
   --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
@@ -632,8 +636,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
   --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
+  --semi-color-button-Radio-bg-hover: rgba(var(--semi-blue-6),1);
   --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
   --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
+  --semi-color-button-Radio-bg-active: rgba(var(--semi-blue-7),1);
   --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
   --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
   font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -14575,7 +14581,7 @@ img[src=""], img:not([src]) {
   font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 20px;
   background-color: var(--semi-color-input-bg);
-  border: 1px var(--semi-color-inputborder) solid;
+  border: 1px var(--semi-color-border-1) solid;
   border-radius: 6px;
   width: 100%;
   outline: none;
@@ -14733,7 +14739,7 @@ img[src=""], img:not([src]) {
   background-color: transparent;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
-  border: 1px var(--semi-color-inputborder) solid;
+  border: 1px var(--semi-color-border-1) solid;
   background-color: transparent;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
@@ -14981,11 +14987,11 @@ img[src=""], img:not([src]) {
 }
 .semi-input-append {
   border-radius: 0 6px 6px 0;
-  border-left: 1px var(--semi-color-inputborder) solid;
+  border-left: 1px var(--semi-color-border-1) solid;
 }
 .semi-input-prepend {
   border-radius: 6px 0 0 6px;
-  border-right: 1px var(--semi-color-inputborder) solid;
+  border-right: 1px var(--semi-color-border-1) solid;
 }
 .semi-input-disabled::placeholder {
   color: var(--semi-color-disabled-text);
@@ -15157,12 +15163,12 @@ img[src=""], img:not([src]) {
 .semi-rtl .semi-input-append,
 .semi-portal-rtl .semi-input-append {
   border-left: 0;
-  border-right: 1px var(--semi-color-inputborder) solid;
+  border-right: 1px var(--semi-color-border-1) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px var(--semi-color-inputborder) solid;
+  border-left: 1px var(--semi-color-border-1) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
@@ -20192,10 +20198,10 @@ img[src=""], img:not([src]) {
   box-sizing: border-box;
   display: inline-block;
   border-radius: 12px;
-  border: 1px transparent solid;
+  border: 1px var(--semi-color-border-2) solid;
   position: relative;
   cursor: pointer;
-  background-color: var(--semi-color-bg-3);
+  background-color: var(--semi-color-bg-0);
   transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   width: 40px;
   height: 24px;
@@ -20538,7 +20544,7 @@ img[src=""], img:not([src]) {
   font-size: 14px;
   font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 20px;
-  color: var(--semi-color-text-0);
+  color: var(--semi-color-text-1);
   width: 100%;
 }
 .semi-table-wrapper[data-column-fixed=true] {
@@ -20630,7 +20636,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
-  background-color: var(--semi-color-bg-0);
+  background-color: var(--semi-color-card-hover);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
   z-index: 101;
@@ -20695,7 +20701,7 @@ img[src=""], img:not([src]) {
   position: absolute;
   width: 9px;
   height: calc(100% - 4px * 2);
-  background-color: var(--semi-color-border);
+  background-color: var(--semi-color-border-1);
   bottom: 4px;
   right: -1px;
   cursor: col-resize;
@@ -20713,7 +20719,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
-  background-color: var(--semi-color-bg-0);
+  background-color: var(--semi-color-card-hover);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
@@ -20724,7 +20730,7 @@ img[src=""], img:not([src]) {
   overflow-wrap: break-word;
   border-left: none;
   border-right: none;
-  border-bottom: 1px solid var(--semi-color-border);
+  border-bottom: 1px solid var(--semi-color-border-1);
   padding: 16px;
   box-sizing: border-box;
   position: relative;
@@ -20768,7 +20774,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell {
   background-color: rgba(var(--semi-grey-0), 1);
-  border-bottom: 1px solid var(--semi-color-border);
+  border-bottom: 1px solid var(--semi-color-border-1);
 }
 .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell:not(.semi-table-column-selection) {
   padding: 10px 16px;
@@ -20880,32 +20886,32 @@ img[src=""], img:not([src]) {
 .semi-table-bordered .semi-table-title {
   padding-left: 16px;
   padding-right: 16px;
-  border-top: 1px solid var(--semi-color-border);
-  border-right: 1px solid var(--semi-color-border);
-  border-left: 1px solid var(--semi-color-border);
+  border-top: 1px solid var(--semi-color-border-1);
+  border-right: 1px solid var(--semi-color-border-1);
+  border-left: 1px solid var(--semi-color-border-1);
 }
 .semi-table-bordered .semi-table-container {
-  border: 1px solid var(--semi-color-border);
+  border: 1px solid var(--semi-color-border-1);
   border-right: 0;
   border-bottom: 0;
 }
 .semi-table-bordered .semi-table-header::-webkit-scrollbar {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-border-1);
 }
 .semi-table-bordered .semi-table-footer {
-  border-left: 1px solid var(--semi-color-border);
-  border-right: 1px solid var(--semi-color-border);
-  border-bottom: 1px solid var(--semi-color-border);
+  border-left: 1px solid var(--semi-color-border-1);
+  border-right: 1px solid var(--semi-color-border-1);
+  border-bottom: 1px solid var(--semi-color-border-1);
 }
 .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head .react-resizable-handle {
   background-color: transparent;
 }
 .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
 .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-border-1);
 }
 .semi-table-bordered .semi-table-placeholder {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-border-1);
 }
 .semi-table-placeholder {
   position: sticky;
@@ -20916,7 +20922,7 @@ img[src=""], img:not([src]) {
   font-size: 14px;
   text-align: center;
   background: transparent;
-  border-bottom: 1px solid var(--semi-color-border);
+  border-bottom: 1px solid var(--semi-color-border-1);
 }
 .semi-table-fixed {
   table-layout: fixed;
@@ -21053,20 +21059,20 @@ img[src=""], img:not([src]) {
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
   border-left: 0;
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-border-1);
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 1px solid var(--semi-color-border-1);
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 1px solid var(--semi-color-border-1);
   border-right: 0;
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 1px solid var(--semi-color-border-1);
 }
 .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
   left: auto;
@@ -25969,7 +25975,7 @@ p.semi-typography-extended,
   display: inline-block;
   position: relative;
   width: 100%;
-  border: 1px var(--semi-color-inputborder) solid;
+  border: 1px var(--semi-color-border-1) solid;
   border-radius: 6px;
   vertical-align: bottom;
   background-color: var(--semi-color-input-bg);
@@ -26170,12 +26176,12 @@ p.semi-typography-extended,
 .semi-rtl .semi-input-append,
 .semi-portal-rtl .semi-input-append {
   border-left: 0;
-  border-right: 1px var(--semi-color-inputborder) solid;
+  border-right: 1px var(--semi-color-border-1) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px var(--semi-color-inputborder) solid;
+  border-left: 1px var(--semi-color-border-1) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,