@semi-bot/semi-theme-fn-music 1.0.30 → 1.0.33

package/README.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-fn-music",
- "version": "1.0.30",
+ "version": "1.0.33",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -360,7 +360,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(255,255,255,0)",
-                "pop/--semi-color-pop-bg": "rgba(82,82,82,0.8)",
+                "pop/--semi-color-pop-bg": "rgba(24,22,31,0.8)",
                 "black/--semi-color-black": "rgba(var(--semi-black), 1)",
                 "data/--semi-color-data-0": "rgba(94, 109, 194, 1)",
                 "data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
@@ -418,7 +418,7 @@
                 "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)",
-                "switch/--semi-color-switch-bg-on": "rgba(255,255,255, 1)",
+                "switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-4),1)",
                 "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.6)",
                 "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
                 "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
@@ -441,6 +441,7 @@
                 "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
                 "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.2)",
+                "primary-blue/--semi-color-primary-blue": "rgba(80,156,255,1)",
                 "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
                 "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
                 "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
@@ -448,24 +449,31 @@
                 "progress-bar/--semi-color-progress-bar-bg": "rgba(255,255,255,0.08)",
                 "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
                 "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
+                "primary-Orange/--semi-color-primary-Orange": "rgba(255,163,76,1)",
                 "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
+                "primary-blue/--semi-color-primary-blue-hover": "rgba(124,183,255, 1)",
                 "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
+                "primary-blue/--semi-color-primary-blue-active": "rgba(167,208,255, 1)",
                 "progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.06)",
                 "progress-bar/--semi-color-progress-bar-played": "rgba(255,255,255,1)",
                 "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
                 "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
                 "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
                 "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
+                "primary-blue/--semi-color-primary-blue-disabled": "rgba(15,79,184, 1)",
                 "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
                 "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
                 "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
+                "primary-Orange/--semi-color-primary-Orange-hover": "rgba(255,190,121, 1)",
                 "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5), 0.2)",
                 "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
                 "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)",
+                "primary-Orange/--semi-color-primary-Orange-active": "rgba(255,215,165, 1)",
                 "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
                 "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)",
+                "primary-Orange/--semi-color-primary-Orange-disabled": "rgba(184,72,11, 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)"
             },
@@ -536,7 +544,7 @@
                 "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
                 "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
                 "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
-                "switch/--semi-color-switch-bg-on": "rgba(18,18,18, 1)",
+                "switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-5),1)",
                 "Floating/--semi-color-Floating-bg": "rgba(243,242,245,0.9)",
                 "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
                 "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
@@ -559,6 +567,7 @@
                 "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
                 "tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.16)",
+                "primary-blue/--semi-color-primary-blue": "rgba(17,116,255,1)",
                 "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
                 "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
                 "tertiary/--semi-color-tertiary-disabled": "rgba(0,0,0,0.04)",
@@ -567,24 +576,31 @@
                 "progress-bar/--semi-color-progress-bar-bg": "rgba(18,18,20,0.08)",
                 "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)",
+                "primary-Orange/--semi-color-primary-Orange": "rgba(255,121,12,1)",
                 "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
+                "primary-blue/--semi-color-primary-blue-hover": "rgba(8,92,219, 1)",
                 "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
+                "primary-blue/--semi-color-primary-blue-active": "rgba(1,71,184, 1)",
                 "progress-bar/--semi-color-progress-bar-buffer": "rgba(18,18,20,0.06)",
                 "progress-bar/--semi-color-progress-bar-played": "rgba(18,18,20,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)",
+                "primary-blue/--semi-color-primary-blue-disabled": "rgba(160,204,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)",
+                "primary-Orange/--semi-color-primary-Orange-hover": "rgba(255,158,79,1)",
                 "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-0), 1)",
                 "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)",
+                "primary-Orange/--semi-color-primary-Orange-active": "rgba(184,64,0, 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)",
+                "primary-Orange/--semi-color-primary-Orange-disabled": "rgba(255,121,12,0.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)"
             }

package/scss/global.scss

@@ -67,7 +67,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
 --semi-color-highlight: rgba(var(--semi-black), 1);
 --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
---semi-color-switch-bg-on: rgba(18,18,18, 1);
+--semi-color-switch-bg-on: rgba(var(--semi-brand-5),1);
 --semi-color-Floating-bg: rgba(243,242,245,0.9);
 --semi-color-danger-active: rgba(var(--semi-red-7), 1);
 --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -90,6 +90,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
 --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
 --semi-color-tertiary-active: rgba(0,0,0,0.16);
+--semi-color-primary-blue: rgba(17,116,255,1);
 --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
 --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
 --semi-color-tertiary-disabled: rgba(0,0,0,0.04);
@@ -98,24 +99,31 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-progress-bar-bg: rgba(18,18,20,0.08);
 --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
 --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
+--semi-color-primary-Orange: rgba(255,121,12,1);
 --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
+--semi-color-primary-blue-hover: rgba(8,92,219, 1);
 --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
+--semi-color-primary-blue-active: rgba(1,71,184, 1);
 --semi-color-progress-bar-buffer: rgba(18,18,20,0.06);
 --semi-color-progress-bar-played: rgba(18,18,20,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-primary-blue-disabled: rgba(160,204,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);
+--semi-color-primary-Orange-hover: rgba(255,158,79,1);
 --semi-color-primary-light-default: rgba(var(--semi-brand-0), 1);
 --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-primary-Orange-active: rgba(184,64,0, 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);
+--semi-color-primary-Orange-disabled: rgba(255,121,12,0.1);
 --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
 --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
 font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter';
@@ -143,7 +151,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(255,255,255,0);
---semi-color-pop-bg: rgba(82,82,82,0.8);
+--semi-color-pop-bg: rgba(24,22,31,0.8);
 --semi-color-black: rgba(var(--semi-black), 1);
 --semi-color-data-0: rgba(94, 109, 194, 1);
 --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -201,7 +209,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --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-switch-bg-on: rgba(255,255,255, 1);
+--semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
 --semi-color-Floating-bg: rgba(0,0,0,0.6);
 --semi-color-danger-active: rgba(var(--semi-red-7), 1);
 --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -224,6 +232,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
 --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
 --semi-color-tertiary-active: rgba(255,255,255,0.2);
+--semi-color-primary-blue: rgba(80,156,255,1);
 --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
 --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
 --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
@@ -231,24 +240,31 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
 --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
 --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
+--semi-color-primary-Orange: rgba(255,163,76,1);
 --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
+--semi-color-primary-blue-hover: rgba(124,183,255, 1);
 --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
+--semi-color-primary-blue-active: rgba(167,208,255, 1);
 --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
 --semi-color-progress-bar-played: rgba(255,255,255,1);
 --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
 --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
 --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
 --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
+--semi-color-primary-blue-disabled: rgba(15,79,184, 1);
 --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
 --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
 --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
+--semi-color-primary-Orange-hover: rgba(255,190,121, 1);
 --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
 --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
 --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-primary-Orange-active: rgba(255,215,165, 1);
 --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
 --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-primary-Orange-disabled: rgba(184,72,11, 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: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter';

package/semi.css

@@ -417,7 +417,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
   --semi-color-highlight: rgba(var(--semi-black), 1);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
-  --semi-color-switch-bg-on: rgba(18,18,18, 1);
+  --semi-color-switch-bg-on: rgba(var(--semi-brand-5),1);
   --semi-color-Floating-bg: rgba(243,242,245,0.9);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -440,6 +440,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
   --semi-color-tertiary-active: rgba(0,0,0,0.16);
+  --semi-color-primary-blue: rgba(17,116,255,1);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
   --semi-color-tertiary-disabled: rgba(0,0,0,0.04);
@@ -448,24 +449,31 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-progress-bar-bg: rgba(18,18,20,0.08);
   --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
   --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
+  --semi-color-primary-Orange: rgba(255,121,12,1);
   --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
+  --semi-color-primary-blue-hover: rgba(8,92,219, 1);
   --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
+  --semi-color-primary-blue-active: rgba(1,71,184, 1);
   --semi-color-progress-bar-buffer: rgba(18,18,20,0.06);
   --semi-color-progress-bar-played: rgba(18,18,20,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-primary-blue-disabled: rgba(160,204,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);
+  --semi-color-primary-Orange-hover: rgba(255,158,79,1);
   --semi-color-primary-light-default: rgba(var(--semi-brand-0), 1);
   --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-primary-Orange-active: rgba(184,64,0, 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);
+  --semi-color-primary-Orange-disabled: rgba(255,121,12,0.1);
   --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
   --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
   font-family: Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
@@ -492,7 +500,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(255,255,255,0);
-  --semi-color-pop-bg: rgba(82,82,82,0.8);
+  --semi-color-pop-bg: rgba(24,22,31,0.8);
   --semi-color-black: rgba(var(--semi-black), 1);
   --semi-color-data-0: rgba(94, 109, 194, 1);
   --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -550,7 +558,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --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-switch-bg-on: rgba(255,255,255, 1);
+  --semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
   --semi-color-Floating-bg: rgba(0,0,0,0.6);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -573,6 +581,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
   --semi-color-tertiary-active: rgba(255,255,255,0.2);
+  --semi-color-primary-blue: rgba(80,156,255,1);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
   --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
@@ -580,24 +589,31 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
   --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
   --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
+  --semi-color-primary-Orange: rgba(255,163,76,1);
   --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
+  --semi-color-primary-blue-hover: rgba(124,183,255, 1);
   --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
+  --semi-color-primary-blue-active: rgba(167,208,255, 1);
   --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
   --semi-color-progress-bar-played: rgba(255,255,255,1);
   --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
   --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
   --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
   --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
+  --semi-color-primary-blue-disabled: rgba(15,79,184, 1);
   --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
   --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
   --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
+  --semi-color-primary-Orange-hover: rgba(255,190,121, 1);
   --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
   --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
   --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-primary-Orange-active: rgba(255,215,165, 1);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
   --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-primary-Orange-disabled: rgba(184,72,11, 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: Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
@@ -6260,7 +6276,7 @@ body, :host {
   color: var(--semi-color-text-0);
   font-size: 13px;
   text-shadow: none;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   direction: ltr;
   text-align: left;
   white-space: pre;
@@ -15386,7 +15402,7 @@ img[src=""], img:not([src]) {
   color: rgba(var(--semi-blue-7), 1);
 }
 .semi-json-viewer-view-line {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   font-weight: normal;
   font-size: 12px;
   font-feature-settings: "liga" 0, "calt" 0;
@@ -15397,7 +15413,7 @@ img[src=""], img:not([src]) {
   white-space: pre-wrap !important;
 }
 .semi-json-viewer-line-number {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   font-weight: normal;
   font-size: 12px;
   font-feature-settings: "liga" 0, "calt" 0;
@@ -20150,6 +20166,51 @@ img[src=""], img:not([src]) {
   transform: rotate(180deg);
 }
 
+.semi-rtl .semi-slider,
+.semi-portal-rtl .semi-slider {
+  direction: rtl;
+}
+.semi-rtl .semi-slider-handle,
+.semi-portal-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-rtl .semi-slider-mark,
+.semi-portal-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-rtl .semi-slider-mark-reverse,
+.semi-portal-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-rtl .semi-slider-boundary-min,
+.semi-portal-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-rtl .semi-slider-boundary-max,
+.semi-portal-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
+}
+
+.semi-slider-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-slider-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-slider-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-slider-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-slider-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
+}
+
 .semi-space {
   display: inline-flex;
 }
@@ -21290,6 +21351,14 @@ img[src=""], img:not([src]) {
   display: table-row;
   background-color: var(--semi-color-bg-1);
 }
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .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);
+}
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-right {
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-1);
+}
 .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);
@@ -24063,6 +24132,15 @@ img[src=""], img:not([src]) {
   overflow: auto;
   flex-grow: 1;
 }
+.semi-transfer-left-pagination {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 12px;
+  padding-right: 12px;
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+}
 .semi-transfer-left-empty {
   height: 36px;
 }
@@ -24726,6 +24804,10 @@ img[src=""], img:not([src]) {
   align-items: center;
   position: relative;
   cursor: pointer;
+  /**
+   * Enable wrapping selected tags in trigger.
+   * Only takes effect in multiple + searchPosition="trigger" mode (class added by component).
+   */
 }
 .semi-tree-select:hover {
   background-color: var(--semi-color-fill-1);
@@ -24912,6 +24994,34 @@ img[src=""], img:not([src]) {
 .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
   padding-left: 8px;
 }
+.semi-tree-select-triggerTagWrap {
+  max-width: 100%;
+}
+.semi-tree-select-triggerTagWrap .semi-tree-select-selection {
+  min-width: 0;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple {
+  height: auto;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple .semi-tree-select-selection {
+  height: auto;
+  min-height: 30px;
+  overflow: visible;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-small .semi-tree-select-selection {
+  min-height: 22px;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-large .semi-tree-select-selection {
+  min-height: 38px;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput {
+  min-width: 0;
+  max-width: 100%;
+  flex: 1 1 auto;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput .semi-tagInput-wrapper-input {
+  max-width: 100%;
+}
 .semi-tree-select-small {
   min-height: 24px;
   line-height: 24px;