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

package/README.md

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

package/package.json

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

package/raw.json

@@ -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);
@@ -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);
@@ -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);