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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +3 -4
  2. package/package.json +1 -1
  3. package/raw.json +14 -12
  4. package/scss/global.scss +7 -7
  5. package/scss/local.scss +7 -5
  6. package/semi.css +30 -30
  7. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -1,16 +1,15 @@
1
1
 
2
2
  # @semi-bot/semi-theme-fnos --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
3
3
  ID: 24747
4
- Operator: Zuri
4
+ Operator: wuclily
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.95.0 or newer.
8
+ Compatible with Semi Foundation Version 2.95.1 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- 修正：输入框背景颜色 - 选中悬浮$color-input_default-bg-focus-hover
13
- （之前改过一次，新semi设置又变回旧数值）
12
+
14
13
 
15
14
 
16
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fnos",
3
- "version": "1.1.25",
3
+ "version": "1.1.27",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -428,9 +428,9 @@
428
428
  "fill/--semi-color-fill-2": "rgba(255,255,255,0.12)",
429
429
  "fill/--semi-color-fill-3": "rgba(255,255,255,0.2)",
430
430
  "text/--semi-color-text-0": "rgba(255,255,255,1)",
431
- "text/--semi-color-text-1": "rgba(var(--semi-neutral-9),0.8)",
432
- "text/--semi-color-text-2": "rgba(var(--semi-neutral-9),0.6)",
433
- "text/--semi-color-text-3": "rgba(var(--semi-neutral-9),0.35)",
431
+ "text/--semi-color-text-1": "rgba(255,255,255,0.8)",
432
+ "text/--semi-color-text-2": "rgba(255,255,255,0.6)",
433
+ "text/--semi-color-text-3": "rgba(255,255,255,0.35)",
434
434
  "white/--semi-color-white": "rgba(255,255,255,1)",
435
435
  "bg/--semi-color-bg-avatar": "rgba(255,255,255,0.06)",
436
436
  "data/--semi-color-data-10": "rgba(48,167,206,1)",
@@ -447,7 +447,7 @@
447
447
  "border/--semi-color-border": "rgba(255,255,255,0.16)",
448
448
  "danger/--semi-color-danger": "rgba(var(--semi-red-4),1)",
449
449
  "shadow/--semi-color-shadow": "rgba(var(--semi-grey-0), 0.8)",
450
- "text/--semi-color-text-nav": "rgba(var(--semi-neutral-9),0.8)",
450
+ "text/--semi-color-text-nav": "rgba(255,255,255, 0.8)",
451
451
  "app/--semi-color-app-header": "rgba(var(--semi-grey-0),0)",
452
452
  "bg/--semi-color-bg-dropdown": "rgba(var(--semi-grey-2),1)",
453
453
  "black/--semi-color-black-10": "rgba(0,0,0,0.1)",
@@ -459,7 +459,7 @@
459
459
  "black/--semi-color-black-70": "rgba(0,0,0,0.7)",
460
460
  "black/--semi-color-black-80": "rgba(0,0,0,0.8)",
461
461
  "black/--semi-color-black-90": "rgba(0,0,0,0.9)",
462
- "text/--semi-color-text-anti": "rgba(var(--semi-grey-0),1)",
462
+ "text/--semi-color-text-anti": "rgba(67,77,84,1)",
463
463
  "white/--semi-color-white-10": "rgba(255,255,255,0.1)",
464
464
  "white/--semi-color-white-20": "rgba(255,255,255,0.2)",
465
465
  "white/--semi-color-white-30": "rgba(255,255,255,0.3)",
@@ -533,7 +533,7 @@
533
533
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
534
534
  "Component/--semi-color-Component-card": "rgba(12,13,13,0.6)",
535
535
  "disabled/--semi-color-disabled-border": "rgba(255,255,255,0.16)",
536
- "primary/--semi-color-primary-disabled": "rgba(var(--semi-grey-5),0.16)",
536
+ "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.16)",
537
537
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),0.16)",
538
538
  "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
539
539
  "Scrollbar/--semi-color-Scrollbar-hover": "rgba(255,255,255,0.2)",
@@ -704,7 +704,7 @@
704
704
  "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-7), 1)",
705
705
  "Component/--semi-color-Component-card": "rgba(255,255,255,0.9)",
706
706
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-9),0.16)",
707
- "primary/--semi-color-primary-disabled": "rgba(var(--semi-grey-5),0.16)",
707
+ "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.16)",
708
708
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),0.16)",
709
709
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-8), 1)",
710
710
  "Scrollbar/--semi-color-Scrollbar-hover": "rgba(var(--semi-grey-5),0.32)",
@@ -954,10 +954,12 @@
954
954
  "radio": {
955
955
  "color": {
956
956
  "$color-radio_default-bg-default": "var(--semi-color-bg-1)",
957
- "$color-radio_checked-bg-disabled": "var(--semi-color-disabled-bg)",
957
+ "$color-radio_checked-bg-disabled": "var(--semi-color-primary-disabled)",
958
958
  "$color-radio_disabled-bg-default": "var(--semi-color-disabled-bg)",
959
+ "$color-radio_checked-icon-disabled": "var(--semi-color-white-30)",
960
+ "$color-radio_primary-outline-focus": "var(--semi-color-primary-light-active)",
959
961
  "$color-radio_default-border-default": "var(--semi-color-text-3)",
960
- "$color-radio_checked-border-disabled": "var(--semi-color-disabled-border)",
962
+ "$color-radio_checked-border-disabled": "var(--semi-color-primary-disabled)",
961
963
  "$color-radio_default-border-disabled": "var(--semi-color-disabled-border)",
962
964
  "$color-radio_addon_buttonRadio-bg-checked": "var(--semi-color-primary)",
963
965
  "$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-white)"
@@ -1131,13 +1133,13 @@
1131
1133
  "$color-checkbox_checked-icon-hover": "var(--semi-color-white)",
1132
1134
  "$color-checkbox_default-bg-default": "var(--semi-color-bg-transparent)",
1133
1135
  "$color-checkbox_extra-text-default": "var(--semi-color-text-1)",
1134
- "$color-checkbox_checked-bg-disabled": "var(--semi-color-disabled-bg)",
1136
+ "$color-checkbox_checked-bg-disabled": "var(--semi-color-primary-light-default)",
1135
1137
  "$color-checkbox_checked-icon-active": "var(--semi-color-white)",
1136
1138
  "$color-checkbox_checked-icon-default": "var(--semi-color-white)",
1137
- "$color-checkbox_checked-icon-disabled": "var(--semi-color-disabled-text)",
1139
+ "$color-checkbox_checked-icon-disabled": "var(--semi-color-primary-disabled)",
1138
1140
  "$color-checkbox_default-border-default": "var(--semi-color-text-3)",
1139
1141
  "$color-checkbox_cardType_inner-bg-hover": "var(--semi-color-white)",
1140
- "$color-checkbox_disabled-border-default": "var(--semi-color-disabled-border)",
1142
+ "$color-checkbox_disabled-border-default": "var(--semi-color-primary-light-default)",
1141
1143
  "$color-checkbox_cardType_inner-bg-active": "var(--semi-color-white)"
1142
1144
  },
1143
1145
  "radius": {
package/scss/global.scss CHANGED
@@ -132,7 +132,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
132
132
  --semi-color-tertiary-hover: rgba(var(--semi-grey-7), 1);
133
133
  --semi-color-Component-card: rgba(255,255,255,0.9);
134
134
  --semi-color-disabled-border: rgba(var(--semi-grey-9),0.16);
135
- --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
135
+ --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
136
136
  --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
137
137
  --semi-color-tertiary-active: rgba(var(--semi-grey-8), 1);
138
138
  --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
221
221
  --semi-color-fill-2: rgba(255,255,255,0.12);
222
222
  --semi-color-fill-3: rgba(255,255,255,0.2);
223
223
  --semi-color-text-0: rgba(255,255,255,1);
224
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
225
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
226
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.35);
224
+ --semi-color-text-1: rgba(255,255,255,0.8);
225
+ --semi-color-text-2: rgba(255,255,255,0.6);
226
+ --semi-color-text-3: rgba(255,255,255,0.35);
227
227
  --semi-color-white: rgba(255,255,255,1);
228
228
  --semi-color-bg-avatar: rgba(255,255,255,0.06);
229
229
  --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
240
240
  --semi-color-border: rgba(255,255,255,0.16);
241
241
  --semi-color-danger: rgba(var(--semi-red-4),1);
242
242
  --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
243
- --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
243
+ --semi-color-text-nav: rgba(255,255,255, 0.8);
244
244
  --semi-color-app-header: rgba(var(--semi-grey-0),0);
245
245
  --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
246
246
  --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
252
252
  --semi-color-black-70: rgba(0,0,0,0.7);
253
253
  --semi-color-black-80: rgba(0,0,0,0.8);
254
254
  --semi-color-black-90: rgba(0,0,0,0.9);
255
- --semi-color-text-anti: rgba(var(--semi-grey-0),1);
255
+ --semi-color-text-anti: rgba(67,77,84,1);
256
256
  --semi-color-white-10: rgba(255,255,255,0.1);
257
257
  --semi-color-white-20: rgba(255,255,255,0.2);
258
258
  --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
326
326
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
327
327
  --semi-color-Component-card: rgba(12,13,13,0.6);
328
328
  --semi-color-disabled-border: rgba(255,255,255,0.16);
329
- --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
329
+ --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
330
330
  --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
331
331
  --semi-color-tertiary-active: rgba(255,255,255,0.24);
332
332
  --semi-color-Scrollbar-hover: rgba(255,255,255,0.2);
package/scss/local.scss CHANGED
@@ -43,10 +43,12 @@ $radius-input_wrapper: 6px;
43
43
  $font-modal_header-fontSize: $font-size-regular;
44
44
  $color-modal_content-border: var(--semi-color-border-modal);
45
45
  $color-radio_default-bg-default: var(--semi-color-bg-1);
46
- $color-radio_checked-bg-disabled: var(--semi-color-disabled-bg);
46
+ $color-radio_checked-bg-disabled: var(--semi-color-primary-disabled);
47
47
  $color-radio_disabled-bg-default: var(--semi-color-disabled-bg);
48
+ $color-radio_checked-icon-disabled: var(--semi-color-white-30);
49
+ $color-radio_primary-outline-focus: var(--semi-color-primary-light-active);
48
50
  $color-radio_default-border-default: var(--semi-color-text-3);
49
- $color-radio_checked-border-disabled: var(--semi-color-disabled-border);
51
+ $color-radio_checked-border-disabled: var(--semi-color-primary-disabled);
50
52
  $color-radio_default-border-disabled: var(--semi-color-disabled-border);
51
53
  $color-radio_addon_buttonRadio-bg-checked: var(--semi-color-primary);
52
54
  $color-radio_addon_buttonRadio-text-checked: var(--semi-color-white);
@@ -158,13 +160,13 @@ $radius-cascader: 8px;
158
160
  $color-checkbox_checked-icon-hover: var(--semi-color-white);
159
161
  $color-checkbox_default-bg-default: var(--semi-color-bg-transparent);
160
162
  $color-checkbox_extra-text-default: var(--semi-color-text-1);
161
- $color-checkbox_checked-bg-disabled: var(--semi-color-disabled-bg);
163
+ $color-checkbox_checked-bg-disabled: var(--semi-color-primary-light-default);
162
164
  $color-checkbox_checked-icon-active: var(--semi-color-white);
163
165
  $color-checkbox_checked-icon-default: var(--semi-color-white);
164
- $color-checkbox_checked-icon-disabled: var(--semi-color-disabled-text);
166
+ $color-checkbox_checked-icon-disabled: var(--semi-color-primary-disabled);
165
167
  $color-checkbox_default-border-default: var(--semi-color-text-3);
166
168
  $color-checkbox_cardType_inner-bg-hover: var(--semi-color-white);
167
- $color-checkbox_disabled-border-default: var(--semi-color-disabled-border);
169
+ $color-checkbox_disabled-border-default: var(--semi-color-primary-light-default);
168
170
  $color-checkbox_cardType_inner-bg-active: var(--semi-color-white);
169
171
  $radius-checkbox_inner: 4px;
170
172
  $color-dropdown-bg-default: var(--semi-color-bg-dropdown);
package/semi.css CHANGED
@@ -532,7 +532,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
532
532
  --semi-color-tertiary-hover: rgba(var(--semi-grey-7), 1);
533
533
  --semi-color-Component-card: rgba(255,255,255,0.9);
534
534
  --semi-color-disabled-border: rgba(var(--semi-grey-9),0.16);
535
- --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
535
+ --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
536
536
  --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
537
537
  --semi-color-tertiary-active: rgba(var(--semi-grey-8), 1);
538
538
  --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 .
620
620
  --semi-color-fill-2: rgba(255,255,255,0.12);
621
621
  --semi-color-fill-3: rgba(255,255,255,0.2);
622
622
  --semi-color-text-0: rgba(255,255,255,1);
623
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
624
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
625
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.35);
623
+ --semi-color-text-1: rgba(255,255,255,0.8);
624
+ --semi-color-text-2: rgba(255,255,255,0.6);
625
+ --semi-color-text-3: rgba(255,255,255,0.35);
626
626
  --semi-color-white: rgba(255,255,255,1);
627
627
  --semi-color-bg-avatar: rgba(255,255,255,0.06);
628
628
  --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 .
639
639
  --semi-color-border: rgba(255,255,255,0.16);
640
640
  --semi-color-danger: rgba(var(--semi-red-4),1);
641
641
  --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
642
- --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
642
+ --semi-color-text-nav: rgba(255,255,255, 0.8);
643
643
  --semi-color-app-header: rgba(var(--semi-grey-0),0);
644
644
  --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
645
645
  --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 .
651
651
  --semi-color-black-70: rgba(0,0,0,0.7);
652
652
  --semi-color-black-80: rgba(0,0,0,0.8);
653
653
  --semi-color-black-90: rgba(0,0,0,0.9);
654
- --semi-color-text-anti: rgba(var(--semi-grey-0),1);
654
+ --semi-color-text-anti: rgba(67,77,84,1);
655
655
  --semi-color-white-10: rgba(255,255,255,0.1);
656
656
  --semi-color-white-20: rgba(255,255,255,0.2);
657
657
  --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 .
725
725
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
726
726
  --semi-color-Component-card: rgba(12,13,13,0.6);
727
727
  --semi-color-disabled-border: rgba(255,255,255,0.16);
728
- --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
728
+ --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
729
729
  --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
730
730
  --semi-color-tertiary-active: rgba(255,255,255,0.24);
731
731
  --semi-color-Scrollbar-hover: rgba(255,255,255,0.2);
@@ -6165,11 +6165,11 @@ body, :host {
6165
6165
  }
6166
6166
  .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display {
6167
6167
  background: var(--semi-color-disabled-fill);
6168
- box-shadow: inset 0 0 0 1px var(--semi-color-disabled-border);
6168
+ box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
6169
6169
  }
6170
6170
  .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 {
6171
- color: var(--semi-color-disabled-text);
6172
- background: var(--semi-color-disabled-bg);
6171
+ color: var(--semi-color-primary-disabled);
6172
+ background: var(--semi-color-primary-light-default);
6173
6173
  box-shadow: none;
6174
6174
  }
6175
6175
  .semi-checkbox-inner {
@@ -6331,25 +6331,25 @@ body, :host {
6331
6331
  cursor: not-allowed;
6332
6332
  }
6333
6333
  .semi-checkbox-disabled .semi-checkbox-inner-display {
6334
- color: var(--semi-color-disabled-text);
6334
+ color: var(--semi-color-primary-disabled);
6335
6335
  background: var(--semi-color-disabled-fill);
6336
- box-shadow: inset 0 0 0 1px var(--semi-color-disabled-border);
6336
+ box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
6337
6337
  }
6338
6338
  .semi-checkbox-disabled .semi-checkbox-inner-display:hover {
6339
- color: var(--semi-color-disabled-text);
6339
+ color: var(--semi-color-primary-disabled);
6340
6340
  background: transparent;
6341
6341
  }
6342
6342
  .semi-checkbox-disabled .semi-checkbox-inner-checked {
6343
- color: var(--semi-color-disabled-text);
6343
+ color: var(--semi-color-primary-disabled);
6344
6344
  }
6345
6345
  .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display {
6346
6346
  opacity: 0.75;
6347
- background: var(--semi-color-disabled-bg);
6348
- box-shadow: inset 0 0 0 1px var(--semi-color-disabled-bg);
6347
+ background: var(--semi-color-primary-light-default);
6348
+ box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
6349
6349
  }
6350
6350
  .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
6351
- color: var(--semi-color-disabled-text);
6352
- background: var(--semi-color-disabled-bg);
6351
+ color: var(--semi-color-primary-disabled);
6352
+ background: var(--semi-color-primary-light-default);
6353
6353
  }
6354
6354
  .semi-checkbox-disabled .semi-checkbox-addon {
6355
6355
  color: var(--semi-color-disabled-text);
@@ -6359,9 +6359,9 @@ body, :host {
6359
6359
  }
6360
6360
  .semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display {
6361
6361
  opacity: 0.75;
6362
- background: var(--semi-color-disabled-bg);
6363
- box-shadow: inset 0 0 0 1px var(--semi-color-disabled-bg);
6364
- color: var(--semi-color-disabled-text);
6362
+ background: var(--semi-color-primary-light-default);
6363
+ box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
6364
+ color: var(--semi-color-primary-disabled);
6365
6365
  }
6366
6366
  .semi-checkbox-extra {
6367
6367
  flex-shrink: 0;
@@ -17993,9 +17993,9 @@ img[src=""], img:not([src]) {
17993
17993
  border: solid 1px var(--semi-color-border);
17994
17994
  }
17995
17995
  .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 {
17996
- color: rgba(var(--semi-white), 1);
17997
- background: var(--semi-color-disabled-bg);
17998
- border-color: var(--semi-color-disabled-border);
17996
+ color: var(--semi-color-white-30);
17997
+ background: var(--semi-color-primary-disabled);
17998
+ border-color: var(--semi-color-primary-disabled);
17999
17999
  }
18000
18000
  .semi-radio-inner {
18001
18001
  display: inline-flex;
@@ -18111,14 +18111,14 @@ img[src=""], img:not([src]) {
18111
18111
  background: transparent;
18112
18112
  }
18113
18113
  .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display {
18114
- color: rgba(var(--semi-white), 1);
18115
- background: var(--semi-color-disabled-bg);
18116
- border-color: var(--semi-color-disabled-border);
18114
+ color: var(--semi-color-white-30);
18115
+ background: var(--semi-color-primary-disabled);
18116
+ border-color: var(--semi-color-primary-disabled);
18117
18117
  }
18118
18118
  .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
18119
- color: rgba(var(--semi-white), 1);
18120
- background: var(--semi-color-disabled-bg);
18121
- border-color: var(--semi-color-disabled-border);
18119
+ color: var(--semi-color-white-30);
18120
+ background: var(--semi-color-primary-disabled);
18121
+ border-color: var(--semi-color-primary-disabled);
18122
18122
  }
18123
18123
  .semi-radio-disabled .semi-radio-addon {
18124
18124
  color: var(--semi-color-disabled-text);