@semi-bot/semi-theme-fnos 1.1.25 → 1.1.27

package/README.md

@@ -1,16 +1,15 @@
 
 # @semi-bot/semi-theme-fnos   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
 ID: 24747
-Operator: Zuri
+Operator: wuclily
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.95.0 or newer.
+Compatible with Semi Foundation Version 2.95.1 or newer.
     
 ## Version Release Note
     
-修正：输入框背景颜色 - 选中悬浮$color-input_default-bg-focus-hover
-（之前改过一次，新semi设置又变回旧数值）
+
     
     
 ## Manual

package/package.json

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

package/raw.json

@@ -428,9 +428,9 @@
                 "fill/--semi-color-fill-2": "rgba(255,255,255,0.12)",
                 "fill/--semi-color-fill-3": "rgba(255,255,255,0.2)",
                 "text/--semi-color-text-0": "rgba(255,255,255,1)",
-                "text/--semi-color-text-1": "rgba(var(--semi-neutral-9),0.8)",
-                "text/--semi-color-text-2": "rgba(var(--semi-neutral-9),0.6)",
-                "text/--semi-color-text-3": "rgba(var(--semi-neutral-9),0.35)",
+                "text/--semi-color-text-1": "rgba(255,255,255,0.8)",
+                "text/--semi-color-text-2": "rgba(255,255,255,0.6)",
+                "text/--semi-color-text-3": "rgba(255,255,255,0.35)",
                 "white/--semi-color-white": "rgba(255,255,255,1)",
                 "bg/--semi-color-bg-avatar": "rgba(255,255,255,0.06)",
                 "data/--semi-color-data-10": "rgba(48,167,206,1)",
@@ -447,7 +447,7 @@
                 "border/--semi-color-border": "rgba(255,255,255,0.16)",
                 "danger/--semi-color-danger": "rgba(var(--semi-red-4),1)",
                 "shadow/--semi-color-shadow": "rgba(var(--semi-grey-0), 0.8)",
-                "text/--semi-color-text-nav": "rgba(var(--semi-neutral-9),0.8)",
+                "text/--semi-color-text-nav": "rgba(255,255,255, 0.8)",
                 "app/--semi-color-app-header": "rgba(var(--semi-grey-0),0)",
                 "bg/--semi-color-bg-dropdown": "rgba(var(--semi-grey-2),1)",
                 "black/--semi-color-black-10": "rgba(0,0,0,0.1)",
@@ -459,7 +459,7 @@
                 "black/--semi-color-black-70": "rgba(0,0,0,0.7)",
                 "black/--semi-color-black-80": "rgba(0,0,0,0.8)",
                 "black/--semi-color-black-90": "rgba(0,0,0,0.9)",
-                "text/--semi-color-text-anti": "rgba(var(--semi-grey-0),1)",
+                "text/--semi-color-text-anti": "rgba(67,77,84,1)",
                 "white/--semi-color-white-10": "rgba(255,255,255,0.1)",
                 "white/--semi-color-white-20": "rgba(255,255,255,0.2)",
                 "white/--semi-color-white-30": "rgba(255,255,255,0.3)",
@@ -533,7 +533,7 @@
                 "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
                 "Component/--semi-color-Component-card": "rgba(12,13,13,0.6)",
                 "disabled/--semi-color-disabled-border": "rgba(255,255,255,0.16)",
-                "primary/--semi-color-primary-disabled": "rgba(var(--semi-grey-5),0.16)",
+                "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.16)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),0.16)",
                 "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
                 "Scrollbar/--semi-color-Scrollbar-hover": "rgba(255,255,255,0.2)",
@@ -704,7 +704,7 @@
                 "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-7), 1)",
                 "Component/--semi-color-Component-card": "rgba(255,255,255,0.9)",
                 "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-9),0.16)",
-                "primary/--semi-color-primary-disabled": "rgba(var(--semi-grey-5),0.16)",
+                "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.16)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),0.16)",
                 "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-8), 1)",
                 "Scrollbar/--semi-color-Scrollbar-hover": "rgba(var(--semi-grey-5),0.32)",
@@ -954,10 +954,12 @@
             "radio": {
                 "color": {
                     "$color-radio_default-bg-default": "var(--semi-color-bg-1)",
-                    "$color-radio_checked-bg-disabled": "var(--semi-color-disabled-bg)",
+                    "$color-radio_checked-bg-disabled": "var(--semi-color-primary-disabled)",
                     "$color-radio_disabled-bg-default": "var(--semi-color-disabled-bg)",
+                    "$color-radio_checked-icon-disabled": "var(--semi-color-white-30)",
+                    "$color-radio_primary-outline-focus": "var(--semi-color-primary-light-active)",
                     "$color-radio_default-border-default": "var(--semi-color-text-3)",
-                    "$color-radio_checked-border-disabled": "var(--semi-color-disabled-border)",
+                    "$color-radio_checked-border-disabled": "var(--semi-color-primary-disabled)",
                     "$color-radio_default-border-disabled": "var(--semi-color-disabled-border)",
                     "$color-radio_addon_buttonRadio-bg-checked": "var(--semi-color-primary)",
                     "$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-white)"
@@ -1131,13 +1133,13 @@
                     "$color-checkbox_checked-icon-hover": "var(--semi-color-white)",
                     "$color-checkbox_default-bg-default": "var(--semi-color-bg-transparent)",
                     "$color-checkbox_extra-text-default": "var(--semi-color-text-1)",
-                    "$color-checkbox_checked-bg-disabled": "var(--semi-color-disabled-bg)",
+                    "$color-checkbox_checked-bg-disabled": "var(--semi-color-primary-light-default)",
                     "$color-checkbox_checked-icon-active": "var(--semi-color-white)",
                     "$color-checkbox_checked-icon-default": "var(--semi-color-white)",
-                    "$color-checkbox_checked-icon-disabled": "var(--semi-color-disabled-text)",
+                    "$color-checkbox_checked-icon-disabled": "var(--semi-color-primary-disabled)",
                     "$color-checkbox_default-border-default": "var(--semi-color-text-3)",
                     "$color-checkbox_cardType_inner-bg-hover": "var(--semi-color-white)",
-                    "$color-checkbox_disabled-border-default": "var(--semi-color-disabled-border)",
+                    "$color-checkbox_disabled-border-default": "var(--semi-color-primary-light-default)",
                     "$color-checkbox_cardType_inner-bg-active": "var(--semi-color-white)"
                 },
                 "radius": {

package/scss/global.scss

@@ -132,7 +132,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-tertiary-hover: rgba(var(--semi-grey-7), 1);
 --semi-color-Component-card: rgba(255,255,255,0.9);
 --semi-color-disabled-border: rgba(var(--semi-grey-9),0.16);
---semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+--semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
 --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
 --semi-color-tertiary-active: rgba(var(--semi-grey-8), 1);
 --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
@@ -221,9 +221,9 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-fill-2: rgba(255,255,255,0.12);
 --semi-color-fill-3: rgba(255,255,255,0.2);
 --semi-color-text-0: rgba(255,255,255,1);
---semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
---semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
---semi-color-text-3: rgba(var(--semi-neutral-9),0.35);
+--semi-color-text-1: rgba(255,255,255,0.8);
+--semi-color-text-2: rgba(255,255,255,0.6);
+--semi-color-text-3: rgba(255,255,255,0.35);
 --semi-color-white: rgba(255,255,255,1);
 --semi-color-bg-avatar: rgba(255,255,255,0.06);
 --semi-color-data-10: rgba(48,167,206,1);
@@ -240,7 +240,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-border: rgba(255,255,255,0.16);
 --semi-color-danger: rgba(var(--semi-red-4),1);
 --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
---semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
+--semi-color-text-nav: rgba(255,255,255, 0.8);
 --semi-color-app-header: rgba(var(--semi-grey-0),0);
 --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
 --semi-color-black-10: rgba(0,0,0,0.1);
@@ -252,7 +252,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-black-70: rgba(0,0,0,0.7);
 --semi-color-black-80: rgba(0,0,0,0.8);
 --semi-color-black-90: rgba(0,0,0,0.9);
---semi-color-text-anti: rgba(var(--semi-grey-0),1);
+--semi-color-text-anti: rgba(67,77,84,1);
 --semi-color-white-10: rgba(255,255,255,0.1);
 --semi-color-white-20: rgba(255,255,255,0.2);
 --semi-color-white-30: rgba(255,255,255,0.3);
@@ -326,7 +326,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-tertiary-hover: rgba(255,255,255,0.16);
 --semi-color-Component-card: rgba(12,13,13,0.6);
 --semi-color-disabled-border: rgba(255,255,255,0.16);
---semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+--semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
 --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
 --semi-color-tertiary-active: rgba(255,255,255,0.24);
 --semi-color-Scrollbar-hover: rgba(255,255,255,0.2);

package/scss/local.scss

@@ -43,10 +43,12 @@ $radius-input_wrapper: 6px;
 $font-modal_header-fontSize: $font-size-regular;
 $color-modal_content-border: var(--semi-color-border-modal);
 $color-radio_default-bg-default: var(--semi-color-bg-1);
-$color-radio_checked-bg-disabled: var(--semi-color-disabled-bg);
+$color-radio_checked-bg-disabled: var(--semi-color-primary-disabled);
 $color-radio_disabled-bg-default: var(--semi-color-disabled-bg);
+$color-radio_checked-icon-disabled: var(--semi-color-white-30);
+$color-radio_primary-outline-focus: var(--semi-color-primary-light-active);
 $color-radio_default-border-default: var(--semi-color-text-3);
-$color-radio_checked-border-disabled: var(--semi-color-disabled-border);
+$color-radio_checked-border-disabled: var(--semi-color-primary-disabled);
 $color-radio_default-border-disabled: var(--semi-color-disabled-border);
 $color-radio_addon_buttonRadio-bg-checked: var(--semi-color-primary);
 $color-radio_addon_buttonRadio-text-checked: var(--semi-color-white);
@@ -158,13 +160,13 @@ $radius-cascader: 8px;
 $color-checkbox_checked-icon-hover: var(--semi-color-white);
 $color-checkbox_default-bg-default: var(--semi-color-bg-transparent);
 $color-checkbox_extra-text-default: var(--semi-color-text-1);
-$color-checkbox_checked-bg-disabled: var(--semi-color-disabled-bg);
+$color-checkbox_checked-bg-disabled: var(--semi-color-primary-light-default);
 $color-checkbox_checked-icon-active: var(--semi-color-white);
 $color-checkbox_checked-icon-default: var(--semi-color-white);
-$color-checkbox_checked-icon-disabled: var(--semi-color-disabled-text);
+$color-checkbox_checked-icon-disabled: var(--semi-color-primary-disabled);
 $color-checkbox_default-border-default: var(--semi-color-text-3);
 $color-checkbox_cardType_inner-bg-hover: var(--semi-color-white);
-$color-checkbox_disabled-border-default: var(--semi-color-disabled-border);
+$color-checkbox_disabled-border-default: var(--semi-color-primary-light-default);
 $color-checkbox_cardType_inner-bg-active: var(--semi-color-white);
 $radius-checkbox_inner: 4px;
 $color-dropdown-bg-default: var(--semi-color-bg-dropdown);

package/semi.css

@@ -532,7 +532,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-tertiary-hover: rgba(var(--semi-grey-7), 1);
   --semi-color-Component-card: rgba(255,255,255,0.9);
   --semi-color-disabled-border: rgba(var(--semi-grey-9),0.16);
-  --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+  --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
   --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
   --semi-color-tertiary-active: rgba(var(--semi-grey-8), 1);
   --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
@@ -620,9 +620,9 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-fill-2: rgba(255,255,255,0.12);
   --semi-color-fill-3: rgba(255,255,255,0.2);
   --semi-color-text-0: rgba(255,255,255,1);
-  --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
-  --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
-  --semi-color-text-3: rgba(var(--semi-neutral-9),0.35);
+  --semi-color-text-1: rgba(255,255,255,0.8);
+  --semi-color-text-2: rgba(255,255,255,0.6);
+  --semi-color-text-3: rgba(255,255,255,0.35);
   --semi-color-white: rgba(255,255,255,1);
   --semi-color-bg-avatar: rgba(255,255,255,0.06);
   --semi-color-data-10: rgba(48,167,206,1);
@@ -639,7 +639,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-border: rgba(255,255,255,0.16);
   --semi-color-danger: rgba(var(--semi-red-4),1);
   --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
-  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
+  --semi-color-text-nav: rgba(255,255,255, 0.8);
   --semi-color-app-header: rgba(var(--semi-grey-0),0);
   --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
   --semi-color-black-10: rgba(0,0,0,0.1);
@@ -651,7 +651,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-black-70: rgba(0,0,0,0.7);
   --semi-color-black-80: rgba(0,0,0,0.8);
   --semi-color-black-90: rgba(0,0,0,0.9);
-  --semi-color-text-anti: rgba(var(--semi-grey-0),1);
+  --semi-color-text-anti: rgba(67,77,84,1);
   --semi-color-white-10: rgba(255,255,255,0.1);
   --semi-color-white-20: rgba(255,255,255,0.2);
   --semi-color-white-30: rgba(255,255,255,0.3);
@@ -725,7 +725,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-tertiary-hover: rgba(255,255,255,0.16);
   --semi-color-Component-card: rgba(12,13,13,0.6);
   --semi-color-disabled-border: rgba(255,255,255,0.16);
-  --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+  --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
   --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
   --semi-color-tertiary-active: rgba(255,255,255,0.24);
   --semi-color-Scrollbar-hover: rgba(255,255,255,0.2);
@@ -6165,11 +6165,11 @@ body, :host {
 }
 .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display {
   background: var(--semi-color-disabled-fill);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-border);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
 }
 .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
-  color: var(--semi-color-disabled-text);
-  background: var(--semi-color-disabled-bg);
+  color: var(--semi-color-primary-disabled);
+  background: var(--semi-color-primary-light-default);
   box-shadow: none;
 }
 .semi-checkbox-inner {
@@ -6331,25 +6331,25 @@ body, :host {
   cursor: not-allowed;
 }
 .semi-checkbox-disabled .semi-checkbox-inner-display {
-  color: var(--semi-color-disabled-text);
+  color: var(--semi-color-primary-disabled);
   background: var(--semi-color-disabled-fill);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-border);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
 }
 .semi-checkbox-disabled .semi-checkbox-inner-display:hover {
-  color: var(--semi-color-disabled-text);
+  color: var(--semi-color-primary-disabled);
   background: transparent;
 }
 .semi-checkbox-disabled .semi-checkbox-inner-checked {
-  color: var(--semi-color-disabled-text);
+  color: var(--semi-color-primary-disabled);
 }
 .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   opacity: 0.75;
-  background: var(--semi-color-disabled-bg);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-bg);
+  background: var(--semi-color-primary-light-default);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
 }
 .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
-  color: var(--semi-color-disabled-text);
-  background: var(--semi-color-disabled-bg);
+  color: var(--semi-color-primary-disabled);
+  background: var(--semi-color-primary-light-default);
 }
 .semi-checkbox-disabled .semi-checkbox-addon {
   color: var(--semi-color-disabled-text);
@@ -6359,9 +6359,9 @@ body, :host {
 }
 .semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display {
   opacity: 0.75;
-  background: var(--semi-color-disabled-bg);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-bg);
-  color: var(--semi-color-disabled-text);
+  background: var(--semi-color-primary-light-default);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
+  color: var(--semi-color-primary-disabled);
 }
 .semi-checkbox-extra {
   flex-shrink: 0;
@@ -17993,9 +17993,9 @@ img[src=""], img:not([src]) {
   border: solid 1px var(--semi-color-border);
 }
 .semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
-  color: rgba(var(--semi-white), 1);
-  background: var(--semi-color-disabled-bg);
-  border-color: var(--semi-color-disabled-border);
+  color: var(--semi-color-white-30);
+  background: var(--semi-color-primary-disabled);
+  border-color: var(--semi-color-primary-disabled);
 }
 .semi-radio-inner {
   display: inline-flex;
@@ -18111,14 +18111,14 @@ img[src=""], img:not([src]) {
   background: transparent;
 }
 .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display {
-  color: rgba(var(--semi-white), 1);
-  background: var(--semi-color-disabled-bg);
-  border-color: var(--semi-color-disabled-border);
+  color: var(--semi-color-white-30);
+  background: var(--semi-color-primary-disabled);
+  border-color: var(--semi-color-primary-disabled);
 }
 .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
-  color: rgba(var(--semi-white), 1);
-  background: var(--semi-color-disabled-bg);
-  border-color: var(--semi-color-disabled-border);
+  color: var(--semi-color-white-30);
+  background: var(--semi-color-primary-disabled);
+  border-color: var(--semi-color-primary-disabled);
 }
 .semi-radio-disabled .semi-radio-addon {
   color: var(--semi-color-disabled-text);