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

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-seek",
- "version": "1.7.13",
+ "version": "1.9.2",
  "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(101,101,101,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)",
@@ -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.12)",
+                "card/--semi-color-card-active": "rgba(255,255,255,0.1)",
                 "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,7 +487,6 @@
                 "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)",
@@ -506,10 +505,8 @@
                 "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)"
             },
@@ -534,9 +531,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)",
@@ -552,6 +549,7 @@
                 "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
                 "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
                 "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
+                "data/--semi-color-data-20": "rgba(var(--semi-grey-2),1)",
                 "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.2)",
                 "danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
                 "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
@@ -607,13 +605,11 @@
                 "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)",
@@ -621,7 +617,6 @@
                 "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)",
@@ -763,7 +758,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-border-1)",
+                    "$color-input_default-border-default": "var(--semi-color-inputborder)",
                     "$color-input_placeholder-text-default": "var(--semi-color-text-3)"
                 },
                 "height": {
@@ -808,14 +803,6 @@
                     "$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)"
@@ -850,10 +837,8 @@
                 "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-0)",
-                    "$color-switch_default-border-default": "var(--semi-color-border-2)"
+                    "$color-switch_default-bg-default": "var(--semi-color-bg-3)"
                 }
             },
             "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);
@@ -39,6 +39,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-data-17: rgba(182, 215, 129, 1);
 --semi-color-data-18: rgba(212, 88, 212, 1);
 --semi-color-data-19: rgba(188, 198, 255, 1);
+--semi-color-data-20: rgba(var(--semi-grey-2),1);
 --semi-color-border: rgba(var(--semi-grey-9), 0.2);
 --semi-color-danger: rgba(var(--semi-red-5),1);
 --semi-color-shadow: rgba(var(--semi-black), 0.04);
@@ -94,13 +95,11 @@ 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);
@@ -108,7 +107,6 @@ 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);
@@ -142,7 +140,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(101,101,101,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);
@@ -200,7 +198,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.12);
+--semi-color-card-active: rgba(255,255,255,0.1);
 --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);
@@ -248,7 +246,6 @@ 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);
@@ -267,10 +264,8 @@ 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-border-1);
+$color-input_default-border-default: var(--semi-color-inputborder);
 $color-input_placeholder-text-default: var(--semi-color-text-3);
 $height-input_large: 40px;
 $height-input_small: 21px;
@@ -32,10 +32,6 @@ $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;
@@ -50,10 +46,8 @@ $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-0);
-$color-switch_default-border-default: var(--semi-color-border-2);
+$color-switch_default-bg-default: var(--semi-color-bg-3);
 $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);
@@ -409,6 +409,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-data-17: rgba(182, 215, 129, 1);
   --semi-color-data-18: rgba(212, 88, 212, 1);
   --semi-color-data-19: rgba(188, 198, 255, 1);
+  --semi-color-data-20: rgba(var(--semi-grey-2),1);
   --semi-color-border: rgba(var(--semi-grey-9), 0.2);
   --semi-color-danger: rgba(var(--semi-red-5),1);
   --semi-color-shadow: rgba(var(--semi-black), 0.04);
@@ -464,13 +465,11 @@ 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);
@@ -478,7 +477,6 @@ 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);
@@ -511,7 +509,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(101,101,101,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);
@@ -569,7 +567,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.12);
+  --semi-color-card-active: rgba(255,255,255,0.1);
   --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);
@@ -617,7 +615,6 @@ 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);
@@ -636,10 +633,8 @@ 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;
@@ -14581,7 +14576,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-border-1) solid;
+  border: 1px var(--semi-color-inputborder) solid;
   border-radius: 6px;
   width: 100%;
   outline: none;
@@ -14739,7 +14734,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-border-1) solid;
+  border: 1px var(--semi-color-inputborder) solid;
   background-color: transparent;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
@@ -14987,11 +14982,11 @@ img[src=""], img:not([src]) {
 }
 .semi-input-append {
   border-radius: 0 6px 6px 0;
-  border-left: 1px var(--semi-color-border-1) solid;
+  border-left: 1px var(--semi-color-inputborder) solid;
 }
 .semi-input-prepend {
   border-radius: 6px 0 0 6px;
-  border-right: 1px var(--semi-color-border-1) solid;
+  border-right: 1px var(--semi-color-inputborder) solid;
 }
 .semi-input-disabled::placeholder {
   color: var(--semi-color-disabled-text);
@@ -15163,12 +15158,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-border-1) solid;
+  border-right: 1px var(--semi-color-inputborder) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px var(--semi-color-border-1) solid;
+  border-left: 1px var(--semi-color-inputborder) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
@@ -20198,10 +20193,10 @@ img[src=""], img:not([src]) {
   box-sizing: border-box;
   display: inline-block;
   border-radius: 12px;
-  border: 1px var(--semi-color-border-2) solid;
+  border: 1px transparent solid;
   position: relative;
   cursor: pointer;
-  background-color: var(--semi-color-bg-0);
+  background-color: var(--semi-color-bg-3);
   transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   width: 40px;
   height: 24px;
@@ -20544,7 +20539,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-1);
+  color: var(--semi-color-text-0);
   width: 100%;
 }
 .semi-table-wrapper[data-column-fixed=true] {
@@ -20636,7 +20631,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-card-hover);
+  background-color: var(--semi-color-bg-0);
 }
 .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;
@@ -20701,7 +20696,7 @@ img[src=""], img:not([src]) {
   position: absolute;
   width: 9px;
   height: calc(100% - 4px * 2);
-  background-color: var(--semi-color-border-1);
+  background-color: var(--semi-color-border);
   bottom: 4px;
   right: -1px;
   cursor: col-resize;
@@ -20719,7 +20714,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-card-hover);
+  background-color: var(--semi-color-bg-0);
 }
 .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));
@@ -20730,7 +20725,7 @@ img[src=""], img:not([src]) {
   overflow-wrap: break-word;
   border-left: none;
   border-right: none;
-  border-bottom: 1px solid var(--semi-color-border-1);
+  border-bottom: 1px solid var(--semi-color-border);
   padding: 16px;
   box-sizing: border-box;
   position: relative;
@@ -20774,7 +20769,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-1);
+  border-bottom: 1px solid var(--semi-color-border);
 }
 .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell:not(.semi-table-column-selection) {
   padding: 10px 16px;
@@ -20886,32 +20881,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-1);
-  border-right: 1px solid var(--semi-color-border-1);
-  border-left: 1px solid var(--semi-color-border-1);
+  border-top: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-border);
+  border-left: 1px solid var(--semi-color-border);
 }
 .semi-table-bordered .semi-table-container {
-  border: 1px solid var(--semi-color-border-1);
+  border: 1px solid var(--semi-color-border);
   border-right: 0;
   border-bottom: 0;
 }
 .semi-table-bordered .semi-table-header::-webkit-scrollbar {
-  border-right: 1px solid var(--semi-color-border-1);
+  border-right: 1px solid var(--semi-color-border);
 }
 .semi-table-bordered .semi-table-footer {
-  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);
+  border-left: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-border);
+  border-bottom: 1px solid var(--semi-color-border);
 }
 .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-1);
+  border-right: 1px solid var(--semi-color-border);
 }
 .semi-table-bordered .semi-table-placeholder {
-  border-right: 1px solid var(--semi-color-border-1);
+  border-right: 1px solid var(--semi-color-border);
 }
 .semi-table-placeholder {
   position: sticky;
@@ -20922,7 +20917,7 @@ img[src=""], img:not([src]) {
   font-size: 14px;
   text-align: center;
   background: transparent;
-  border-bottom: 1px solid var(--semi-color-border-1);
+  border-bottom: 1px solid var(--semi-color-border);
 }
 .semi-table-fixed {
   table-layout: fixed;
@@ -21059,20 +21054,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-1);
+  border-right: 1px solid var(--semi-color-border);
 }
 .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-1);
+  border-left: 1px solid var(--semi-color-border);
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
-  border-left: 1px solid var(--semi-color-border-1);
+  border-left: 1px solid var(--semi-color-border);
   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-1);
+  border-left: 1px solid var(--semi-color-border);
 }
 .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;
@@ -25975,7 +25970,7 @@ p.semi-typography-extended,
   display: inline-block;
   position: relative;
   width: 100%;
-  border: 1px var(--semi-color-border-1) solid;
+  border: 1px var(--semi-color-inputborder) solid;
   border-radius: 6px;
   vertical-align: bottom;
   background-color: var(--semi-color-input-bg);
@@ -26176,12 +26171,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-border-1) solid;
+  border-right: 1px var(--semi-color-inputborder) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px var(--semi-color-border-1) solid;
+  border-left: 1px var(--semi-color-inputborder) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,