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

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.12",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -381,7 +381,7 @@
                 "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
                 "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
                 "nav/--semi-color-nav-bg": "rgba(35, 36, 41, 1)",
-                "appbg/--semi-color-appbg": "rgba(0,0,0,1)",
+                "appbg/--semi-color-appbg": "rgba(56,56,56,1)",
                 "black/--semi-color-black": "rgba(0,0,0,1)",
                 "data/--semi-color-data-0": "rgba(94,109,194,1)",
                 "data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
@@ -414,6 +414,7 @@
                 "data/--semi-color-data-19": "rgba(40, 51, 138, 1)",
                 "data/--semi-color-data-20": "rgba(var(--semi-grey-2),1)",
                 "border/--semi-color-border": "rgba(255,255,255,0.19)",
+                "custom/--semi-color-custom": "rgba(var(--semi-blue-5),1)",
                 "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
                 "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
                 "white/--semi-color-white-1": "rgba(255,255,255,0.1)",
@@ -449,9 +450,11 @@
                 "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
                 "info/--semi-color-info-disabled": "rgba(var(--semi-blue-4),0.4)",
                 "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
+                "custom/--semi-color-custom-hover": "rgba(var(--semi-blue-6),1)",
                 "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
                 "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
                 "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
+                "custom/--semi-color-custom-active": "rgba(var(--semi-blue-7),1)",
                 "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
                 "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
                 "default/--semi-color-default-hover": "rgba(255,255,255,0.08)",
@@ -459,6 +462,7 @@
                 "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
                 "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
                 "Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-4),1)",
+                "custom/--semi-color-custom-disabled": "rgba(var(--semi-blue-2),1)",
                 "default/--semi-color-default-active": "rgba(255,255,255,0.16)",
                 "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
                 "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
@@ -531,9 +535,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)",
@@ -617,10 +621,13 @@
                 "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)",
                 "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
+                "button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(255,255,255, 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)",
+                "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(255,255,255,1)",
                 "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
-                "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)"
+                "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)",
+                "button-Radio-bg/--semi-color-button-Radio-bg-bg-default": "rgba(255,255,255, 1)"
             }
         },
         "extra": {
@@ -757,7 +764,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 +809,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 +851,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);
@@ -107,10 +107,13 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
 --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
 --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
+--semi-color-button-Radio-bg-hover: rgba(255,255,255, 1);
 --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
 --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
+--semi-color-button-Radio-bg-active: rgba(255,255,255,1);
 --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
 --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
+--semi-color-button-Radio-bg-bg-default: rgba(255,255,255, 1);
 font-family:  'PingFang SC',  -apple-system,   BlinkMacSystemFont,   'Segoe UI',   'Hiragino Sans GB',  'Inter',   'Microsoft YaHei',   'Helvetica Neue',  Helvetica,   Arial,   sans-serif;
 -webkit-font-smoothing: antialiased;;
 --semi-shadow-elevated: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
@@ -139,7 +142,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-info: rgba(var(--semi-blue-5), 1);
 --semi-color-link: rgba(var(--semi-blue-5), 1);
 --semi-color-nav-bg: rgba(35, 36, 41, 1);
---semi-color-appbg: rgba(0,0,0,1);
+--semi-color-appbg: rgba(56,56,56,1);
 --semi-color-black: rgba(0,0,0,1);
 --semi-color-data-0: rgba(94,109,194,1);
 --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -172,6 +175,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-data-19: rgba(40, 51, 138, 1);
 --semi-color-data-20: rgba(var(--semi-grey-2),1);
 --semi-color-border: rgba(255,255,255,0.19);
+--semi-color-custom: rgba(var(--semi-blue-5),1);
 --semi-color-danger: rgba(var(--semi-red-5), 1);
 --semi-color-shadow: rgba(var(--semi-black), 0.04);
 --semi-color-white-1: rgba(255,255,255,0.1);
@@ -207,9 +211,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
 --semi-color-info-disabled: rgba(var(--semi-blue-4),0.4);
 --semi-color-overlay-bg: rgba(22,22,26,0.6);
+--semi-color-custom-hover: rgba(var(--semi-blue-6),1);
 --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
 --semi-color-highlight: rgba(var(--semi-white), 1);
 --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
+--semi-color-custom-active: rgba(var(--semi-blue-7),1);
 --semi-color-danger-active: rgba(var(--semi-red-7), 1);
 --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
 --semi-color-default-hover: rgba(255,255,255,0.08);
@@ -217,6 +223,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-success-hover: rgba(var(--semi-green-6), 1);
 --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
 --semi-color-Timecode-text: rgba(var(--semi-green-4),1);
+--semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
 --semi-color-default-active: rgba(255,255,255,0.16);
 --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
 --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);

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);
@@ -477,10 +477,13 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
   --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
+  --semi-color-button-Radio-bg-hover: rgba(255,255,255, 1);
   --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
   --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
+  --semi-color-button-Radio-bg-active: rgba(255,255,255,1);
   --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
   --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
+  --semi-color-button-Radio-bg-bg-default: rgba(255,255,255, 1);
   font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   --semi-shadow-elevated: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
@@ -508,7 +511,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-info: rgba(var(--semi-blue-5), 1);
   --semi-color-link: rgba(var(--semi-blue-5), 1);
   --semi-color-nav-bg: rgba(35, 36, 41, 1);
-  --semi-color-appbg: rgba(0,0,0,1);
+  --semi-color-appbg: rgba(56,56,56,1);
   --semi-color-black: rgba(0,0,0,1);
   --semi-color-data-0: rgba(94,109,194,1);
   --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -541,6 +544,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-data-19: rgba(40, 51, 138, 1);
   --semi-color-data-20: rgba(var(--semi-grey-2),1);
   --semi-color-border: rgba(255,255,255,0.19);
+  --semi-color-custom: rgba(var(--semi-blue-5),1);
   --semi-color-danger: rgba(var(--semi-red-5), 1);
   --semi-color-shadow: rgba(var(--semi-black), 0.04);
   --semi-color-white-1: rgba(255,255,255,0.1);
@@ -576,9 +580,11 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
   --semi-color-info-disabled: rgba(var(--semi-blue-4),0.4);
   --semi-color-overlay-bg: rgba(22,22,26,0.6);
+  --semi-color-custom-hover: rgba(var(--semi-blue-6),1);
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
   --semi-color-highlight: rgba(var(--semi-white), 1);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
+  --semi-color-custom-active: rgba(var(--semi-blue-7),1);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
   --semi-color-default-hover: rgba(255,255,255,0.08);
@@ -586,6 +592,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
   --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
   --semi-color-Timecode-text: rgba(var(--semi-green-4),1);
+  --semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
   --semi-color-default-active: rgba(255,255,255,0.16);
   --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
   --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -14575,7 +14582,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 +14740,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 +14988,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 +15164,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 +20199,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 +20545,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 +20637,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 +20702,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 +20720,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 +20731,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 +20775,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 +20887,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 +20923,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 +21060,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 +25976,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 +26177,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,