@rainbow-oh/yee-c 0.11.0 → 0.12.0

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 (140) hide show
  1. package/dist/cjs/Anchor/style/index.less +3 -3
  2. package/dist/cjs/Button/style/index.less +72 -52
  3. package/dist/cjs/DatePicker/style/mobile.less +1 -1
  4. package/dist/cjs/Descriptions/style/index.less +6 -6
  5. package/dist/cjs/FloatButton/style/index.less +2 -2
  6. package/dist/cjs/Form/style/index.less +21 -21
  7. package/dist/cjs/ImageViewer/style/index.less +13 -13
  8. package/dist/cjs/Input/style/index.less +1 -1
  9. package/dist/cjs/InputNumber/style/index.less +9 -9
  10. package/dist/cjs/Menu/style/index.less +1 -1
  11. package/dist/cjs/PickerPanel/style/index.less +5 -5
  12. package/dist/cjs/RangePicker/style/index.less +53 -52
  13. package/dist/cjs/Rate/style/index.less +1 -1
  14. package/dist/cjs/Search/style/index.less +10 -10
  15. package/dist/cjs/Segmented/style/index.less +2 -2
  16. package/dist/cjs/Selector/selector.js +1 -1
  17. package/dist/cjs/Selector/style/index.less +1 -1
  18. package/dist/cjs/Table/style/index.less +2 -2
  19. package/dist/cjs/Tabs/style/index.less +9 -9
  20. package/dist/cjs/Tabs/tab-header/index.js +3 -0
  21. package/dist/cjs/Tour/demo/indicators.js +1 -1
  22. package/dist/cjs/Tour/demo/placement.js +1 -1
  23. package/dist/cjs/Transfer/style/index.less +1 -1
  24. package/dist/cjs/Tree/style/index.less +3 -3
  25. package/dist/cjs/TreeSelect/style/index.less +1 -1
  26. package/dist/cjs/Upload/style/index.less +11 -12
  27. package/dist/cjs/WheelPicker/style/index.less +3 -3
  28. package/dist/cjs/message/style/index.less +4 -4
  29. package/dist/cjs/style/color.blue.css +254 -290
  30. package/dist/cjs/style/color.crimson.css +434 -471
  31. package/dist/cjs/style/color.css +736 -508
  32. package/dist/cjs/style/color.dark.css +464 -501
  33. package/dist/cjs/style/color.gemini.css +134 -0
  34. package/dist/cjs/style/color.green.css +459 -495
  35. package/dist/cjs/style/color.jam.css +463 -500
  36. package/dist/cjs/style/color.navy.css +466 -503
  37. package/dist/cjs/style/color.peach.css +464 -501
  38. package/dist/cjs/style/color.pine.css +462 -500
  39. package/dist/cjs/style/color.pitaya.css +465 -502
  40. package/dist/cjs/style/color.pumpkin.css +464 -501
  41. package/dist/cjs/style/color.ruby.css +466 -503
  42. package/dist/cjs/style/size.css +143 -2
  43. package/dist/cjs/style/themes.css +4999 -5268
  44. package/dist/cjs/style/variables.css +881 -512
  45. package/dist/cjs/version.d.ts +1 -1
  46. package/dist/cjs/version.js +1 -1
  47. package/dist/esm/Anchor/style/index.less +3 -3
  48. package/dist/esm/Button/style/index.less +72 -52
  49. package/dist/esm/DatePicker/style/mobile.less +1 -1
  50. package/dist/esm/Descriptions/style/index.less +6 -6
  51. package/dist/esm/FloatButton/style/index.less +2 -2
  52. package/dist/esm/Form/style/index.less +21 -21
  53. package/dist/esm/ImageViewer/style/index.less +13 -13
  54. package/dist/esm/Input/style/index.less +1 -1
  55. package/dist/esm/InputNumber/style/index.less +9 -9
  56. package/dist/esm/Menu/style/index.less +1 -1
  57. package/dist/esm/PickerPanel/style/index.less +5 -5
  58. package/dist/esm/RangePicker/style/index.less +53 -52
  59. package/dist/esm/Rate/style/index.less +1 -1
  60. package/dist/esm/Search/style/index.less +10 -10
  61. package/dist/esm/Segmented/style/index.less +2 -2
  62. package/dist/esm/Selector/selector.js +1 -1
  63. package/dist/esm/Selector/style/index.less +1 -1
  64. package/dist/esm/Table/style/index.less +2 -2
  65. package/dist/esm/Tabs/style/index.less +9 -9
  66. package/dist/esm/Tabs/tab-header/index.js +5 -1
  67. package/dist/esm/Tour/demo/indicators.js +1 -1
  68. package/dist/esm/Tour/demo/placement.js +1 -1
  69. package/dist/esm/Transfer/style/index.less +1 -1
  70. package/dist/esm/Tree/style/index.less +3 -3
  71. package/dist/esm/TreeSelect/style/index.less +1 -1
  72. package/dist/esm/Upload/style/index.less +11 -12
  73. package/dist/esm/WheelPicker/style/index.less +3 -3
  74. package/dist/esm/index.js +1 -0
  75. package/dist/esm/message/style/index.less +4 -4
  76. package/dist/esm/style/color.blue.css +254 -290
  77. package/dist/esm/style/color.crimson.css +434 -471
  78. package/dist/esm/style/color.css +736 -508
  79. package/dist/esm/style/color.dark.css +464 -501
  80. package/dist/esm/style/color.gemini.css +134 -0
  81. package/dist/esm/style/color.green.css +459 -495
  82. package/dist/esm/style/color.jam.css +463 -500
  83. package/dist/esm/style/color.navy.css +466 -503
  84. package/dist/esm/style/color.peach.css +464 -501
  85. package/dist/esm/style/color.pine.css +462 -500
  86. package/dist/esm/style/color.pitaya.css +465 -502
  87. package/dist/esm/style/color.pumpkin.css +464 -501
  88. package/dist/esm/style/color.ruby.css +466 -503
  89. package/dist/esm/style/size.css +143 -2
  90. package/dist/esm/style/themes.css +4999 -5268
  91. package/dist/esm/style/variables.css +881 -512
  92. package/dist/esm/version.d.ts +1 -1
  93. package/dist/esm/version.js +1 -1
  94. package/dist/umd/yee-c.min.css +80 -22
  95. package/dist/umd/yee-c.min.js +1 -1
  96. package/package.json +4 -2
  97. package/src/Anchor/style/index.less +3 -3
  98. package/src/Button/style/index.less +72 -52
  99. package/src/DatePicker/style/mobile.less +1 -1
  100. package/src/Descriptions/style/index.less +6 -6
  101. package/src/FloatButton/style/index.less +2 -2
  102. package/src/Form/style/index.less +21 -21
  103. package/src/ImageViewer/style/index.less +13 -13
  104. package/src/Input/style/index.less +1 -1
  105. package/src/InputNumber/style/index.less +9 -9
  106. package/src/Menu/style/index.less +1 -1
  107. package/src/PickerPanel/style/index.less +5 -5
  108. package/src/RangePicker/style/index.less +53 -52
  109. package/src/Rate/style/index.less +1 -1
  110. package/src/Search/style/index.less +10 -10
  111. package/src/Segmented/style/index.less +2 -2
  112. package/src/Selector/selector.tsx +1 -1
  113. package/src/Selector/style/index.less +1 -1
  114. package/src/Table/style/index.less +2 -2
  115. package/src/Tabs/style/index.less +9 -9
  116. package/src/Tabs/tab-header/index.tsx +3 -0
  117. package/src/Tour/demo/indicators.tsx +2 -2
  118. package/src/Tour/demo/placement.tsx +1 -1
  119. package/src/Transfer/style/index.less +1 -1
  120. package/src/Tree/style/index.less +3 -3
  121. package/src/TreeSelect/style/index.less +1 -1
  122. package/src/Upload/style/index.less +11 -12
  123. package/src/WheelPicker/style/index.less +3 -3
  124. package/src/index.ts +1 -0
  125. package/src/message/style/index.less +4 -4
  126. package/src/style/color.blue.css +254 -290
  127. package/src/style/color.crimson.css +434 -471
  128. package/src/style/color.css +736 -508
  129. package/src/style/color.dark.css +464 -501
  130. package/src/style/color.gemini.css +134 -0
  131. package/src/style/color.green.css +459 -495
  132. package/src/style/color.jam.css +463 -500
  133. package/src/style/color.navy.css +466 -503
  134. package/src/style/color.peach.css +464 -501
  135. package/src/style/color.pine.css +462 -500
  136. package/src/style/color.pitaya.css +465 -502
  137. package/src/style/color.pumpkin.css +464 -501
  138. package/src/style/color.ruby.css +466 -503
  139. package/src/style/size.css +143 -2
  140. package/src/version.ts +1 -1
package/dist/esm/style/variables.css CHANGED
@@ -1,47 +1,47 @@
1
1
  /*!
2
2
  * @rainbow-oh/yee-c CSS Variables
3
3
  * Auto-generated, do not edit manually
4
- * Generated on 2026-09-10T06:30:03.660Z
4
+ * Generated on 2026-09-10T07:53:49.149Z
5
5
  */
6
6
 
7
7
  /* ========== color.css ========== */
8
8
  :root {
9
- --yee-primary-color: #777af2;
10
- --yee-primary-color-hover: #39364e;
11
- --yee-primary-color-active: #39364e;
12
- --yee-primary-color-border: #bbbcfb;
13
- --yee-link-color: #777af2;
14
- --yee-link-color-hover: #39364e;
15
- --yee-link-color-active: #39364e;
16
- --yee-info-color: #31708f;
17
- --yee-info-color-hover: #295d78;
18
- --yee-info-color-active: #295d78;
19
- --yee-info-color-bg: #eff4f6;
20
- --yee-info-color-border: #cedde4;
21
- --yee-success-color: #00bda5;
22
- --yee-success-color-hover: #009e8a;
23
- --yee-success-color-active: #009e8a;
24
- --yee-success-color-bg: #ebfaf8;
25
- --yee-success-color-border: #c2efea;
26
- --yee-warning-color: #ffb900;
27
- --yee-warning-color-hover: #d69b00;
28
- --yee-warning-color-active: #d69b00;
29
- --yee-warning-color-bg: #fffaeb;
30
- --yee-warning-color-border: #ffeec2;
31
- --yee-error-color: #f2545b;
32
- --yee-error-color-hover: #cb464c;
33
- --yee-error-color-active: #cb464c;
34
- --yee-error-color-bg: #fef2f2;
35
- --yee-error-color-border: #fcd6d8;
36
- --yee-text-color: #39364e;
37
- --yee-text-color-secondary: #696969;
38
- --yee-text-color-description: #7c7c7c;
39
- --yee-text-color-disabled: #bfbfbf;
40
- --yee-text-color-highlight: #f58220;
41
- --yee-text-color-auxiliary: #d1d1d1;
9
+ --yee-color-primary: #777af2;
10
+ --yee-color-primary-hover: #655ee0;
11
+ --yee-color-primary-active: #5a54d6;
12
+ --yee-color-primary-border: #bbbcfb;
13
+ --yee-color-link: #777af2;
14
+ --yee-color-link-hover: #655ee0;
15
+ --yee-color-link-active: #5a54d6;
16
+ --yee-color-info: #31708f;
17
+ --yee-color-info-hover: #295d78;
18
+ --yee-color-info-active: #295d78;
19
+ --yee-color-info-bg: #eff4f6;
20
+ --yee-color-info-border: #cedde4;
21
+ --yee-color-success: #00bda5;
22
+ --yee-color-success-hover: #009e8a;
23
+ --yee-color-success-active: #009e8a;
24
+ --yee-color-success-bg: #ebfaf8;
25
+ --yee-color-success-border: #c2efea;
26
+ --yee-color-warning: #ffb900;
27
+ --yee-color-warning-hover: #d69b00;
28
+ --yee-color-warning-active: #d69b00;
29
+ --yee-color-warning-bg: #fffaeb;
30
+ --yee-color-warning-border: #ffeec2;
31
+ --yee-color-error: #f2545b;
32
+ --yee-color-error-hover: #cb464c;
33
+ --yee-color-error-active: #cb464c;
34
+ --yee-color-error-bg: #fef2f2;
35
+ --yee-color-error-border: #fcd6d8;
36
+ --yee-color-text: #39364e;
37
+ --yee-color-text-secondary: #696969;
38
+ --yee-color-text-description: #7c7c7c;
39
+ --yee-color-text-disabled: #bfbfbf;
40
+ --yee-color-text-highlight: #f58220;
41
+ --yee-color-text-auxiliary: #d1d1d1;
42
42
  --yee-color-split: #e7e7e7;
43
- --yee-border-color: #cbd6e2;
44
- --yee-border-color-hover-focus: #75b9f0;
43
+ --yee-color-border: #cbd6e2;
44
+ --yee-color-border-hover-focus: #75b9f0;
45
45
  --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
46
46
  --yee-color-bg-disabled: #f5f8fa;
47
47
  --yee-color-bg-head: #f8f8f8;
@@ -57,130 +57,168 @@
57
57
  --yee-color-option-hover: #39364e;
58
58
  --yee-color-option-hover-bg: #f8f8f8;
59
59
 
60
+ /* antd 风格别名:主色浅底 / 通用 hover 底 / 四级填充,映射到现有 bg token */
61
+ --yee-color-primary-bg: var(--yee-color-option-active-bg);
62
+ --yee-color-bg-hover: var(--yee-color-bg-rail);
63
+ --yee-color-fill-quaternary: var(--yee-color-bg-rail);
64
+
60
65
  /* 全局的弹出层box-shadow */
61
66
  --yee-box-shadow-color: rgba(15, 15, 15, 16%);
62
67
 
68
+ /* 浮层箭头阴影,默认无(主题可覆盖) */
69
+ --yee-box-shadow-popover-arrow: none;
70
+
63
71
  /* --font-family-- */
64
- --global-font-family: 'system-ui, -apple-system, BlinkMacSystemFont, Albert Sans,思源黑体,SourceHanSansSC,Roboto-Regular​';
72
+ /* stylelint-disable value-keyword-case -- 字体族名保留厂商大小写写法 */
73
+ --global-font-family:
74
+ system-ui, -apple-system, BlinkMacSystemFont, 'Albert Sans', 思源黑体,
75
+ SourceHanSansSC, Roboto-Regular;
76
+
77
+ /* stylelint-enable value-keyword-case */
65
78
 
66
79
  /* --global-- */
67
- --yee-global-font-color: var(--yee-text-color);
68
- --yee-placeholder-color: var(--yee-text-color-secondary);
69
- --yee-title-prefix-bg-color: var(--yee-primary-color);
70
- --yee-remove-icon: var(--yee-text-color-auxiliary);
71
- --yee-remove-icon-hover: var(--yee-text-color-auxiliary);
72
- --yee-remove-icon-active: var(--yee-text-color-auxiliary);
80
+ --yee-global-font-color: var(--yee-color-text);
81
+ --yee-color-placeholder: var(--yee-color-text-secondary);
82
+ --yee-title-prefix-bg-color: var(--yee-color-primary);
83
+ --yee-remove-icon: var(--yee-color-text-auxiliary);
84
+ --yee-remove-icon-hover: var(--yee-color-text-auxiliary);
85
+ --yee-remove-icon-active: var(--yee-color-text-auxiliary);
73
86
  --yee-global-body-bg-color: var(--yee-color-bg-layout);
74
87
  --yee-placement-arrow-bg-color: var(--yee-color-bg-elevated);
75
- --yee-close-icon-color: var(--yee-text-color-description);
76
- --yee-close-icon-hover-color: var(--yee-text-color);
88
+ --yee-close-icon-color: var(--yee-color-text-description);
89
+ --yee-close-icon-hover-color: var(--yee-color-text);
77
90
  --yee-mask-bg-color: var(--yee-color-bg-mask-dark);
78
91
  --yee-tab-active-border-color: #c9cafa;
79
92
 
80
- /* --Button-- */
81
- --yee-btn-primary-color: #fff;
82
- --yee-btn-primary-bg-color: var(--yee-primary-color);
83
- --yee-btn-primary-border-color: var(--yee-primary-color);
84
- --yee-btn-primary-hover-color: #fff;
85
- --yee-btn-primary-hover-bg-color: var(--yee-primary-color-hover);
86
- --yee-btn-primary-hover-border-color: var(--yee-primary-color-hover);
87
- --yee-btn-primary-active-color: #fff;
88
- --yee-btn-primary-active-bg-color: var(--yee-primary-color-active);
89
- --yee-btn-primary-active-border-color: var(--yee-primary-color-active);
90
- --yee-btn-primary-disabled-color: var(--yee-text-color-disabled);
91
- --yee-btn-primary-disabled-bg-color: var(--yee-color-bg-disabled);
92
- --yee-btn-primary-disabled-border-color: var(--yee-border-color);
93
- --yee-btn-default-color: var(--yee-primary-color);
93
+ /* --Button-- 变体级(variant):solid / filled 的文字色 */
94
+ --yee-btn-solid-color: #fff;
95
+
96
+ /* ------------------------------------------------------------------
97
+ * 颜色级(color):default / primary / success / danger / warning
98
+ * 每色 10 个槽位,与 Button 的 color × variant 架构一一对应,
99
+ * 由 Button/style/index.less 的 &-{color} 块直接消费 —— 覆盖即生效。
100
+ * success / danger / warning 不设 -bg-color:它们没有实心底,
101
+ * 背景由 variant(solid / filled)从主色推导。
102
+ * ------------------------------------------------------------------ */
103
+ --yee-btn-default-color: var(--yee-color-text);
104
+ --yee-btn-default-hover-color: var(--yee-color-primary);
105
+ --yee-btn-default-active-color: var(--yee-color-primary-active);
94
106
  --yee-btn-default-bg-color: #fff;
95
- --yee-btn-default-border-color: var(--yee-primary-color);
96
- --yee-btn-default-hover-color: var(--yee-primary-color-hover);
97
- --yee-btn-default-hover-bg-color: #fff;
98
- --yee-btn-default-hover-border-color: var(--yee-primary-color-hover);
99
- --yee-btn-default-active-color: #7c7c7c;
100
- --yee-btn-default-active-bg-color: #fff;
101
- --yee-btn-default-active-border-color: var(--yee-primary-color-active);
102
- --yee-btn-default-disabled-color: var(--yee-text-color-disabled);
107
+ --yee-btn-default-hover-bg-color: var(--yee-color-text-auxiliary);
108
+ --yee-btn-default-active-bg-color: var(--yee-color-text-auxiliary);
109
+ --yee-btn-default-border-color: var(--yee-color-border);
110
+ --yee-btn-default-hover-border-color: var(--yee-color-primary);
111
+ --yee-btn-default-active-border-color: var(--yee-color-primary-active);
112
+ --yee-btn-default-active-shadow-color: var(--yee-color-primary-active);
113
+ --yee-btn-primary-color: var(--yee-color-primary);
114
+ --yee-btn-primary-hover-color: var(--yee-color-primary-hover);
115
+ --yee-btn-primary-active-color: var(--yee-color-primary-active);
116
+ --yee-btn-primary-bg-color: var(--yee-color-primary);
117
+ --yee-btn-primary-hover-bg-color: var(--yee-color-primary-border);
118
+ --yee-btn-primary-active-bg-color: var(--yee-color-primary-active);
119
+ --yee-btn-primary-border-color: var(--yee-color-primary);
120
+ --yee-btn-primary-hover-border-color: var(--yee-color-primary-hover);
121
+ --yee-btn-primary-active-border-color: var(--yee-color-primary-active);
122
+ --yee-btn-primary-active-shadow-color: var(--yee-color-primary-active);
123
+ --yee-btn-success-color: var(--yee-color-success);
124
+ --yee-btn-success-hover-color: var(--yee-color-success-hover);
125
+ --yee-btn-success-active-color: var(--yee-color-success-active);
126
+ --yee-btn-success-hover-bg-color: var(--yee-color-success-border);
127
+ --yee-btn-success-active-bg-color: var(--yee-color-success-active);
128
+ --yee-btn-success-border-color: var(--yee-color-success);
129
+ --yee-btn-success-hover-border-color: var(--yee-color-success-hover);
130
+ --yee-btn-success-active-border-color: var(--yee-color-success-active);
131
+ --yee-btn-success-active-shadow-color: var(--yee-color-success-active);
132
+ --yee-btn-danger-color: var(--yee-color-error);
133
+ --yee-btn-danger-hover-color: var(--yee-color-error-hover);
134
+ --yee-btn-danger-active-color: var(--yee-color-error-active);
135
+ --yee-btn-danger-hover-bg-color: var(--yee-color-error-border);
136
+ --yee-btn-danger-active-bg-color: var(--yee-color-error-active);
137
+ --yee-btn-danger-border-color: var(--yee-color-error);
138
+ --yee-btn-danger-hover-border-color: var(--yee-color-error-hover);
139
+ --yee-btn-danger-active-border-color: var(--yee-color-error-active);
140
+ --yee-btn-danger-active-shadow-color: var(--yee-color-error-active);
141
+ --yee-btn-warning-color: var(--yee-color-warning);
142
+ --yee-btn-warning-hover-color: var(--yee-color-warning-hover);
143
+ --yee-btn-warning-active-color: var(--yee-color-warning-active);
144
+ --yee-btn-warning-hover-bg-color: var(--yee-color-warning-border);
145
+ --yee-btn-warning-active-bg-color: var(--yee-color-warning-active);
146
+ --yee-btn-warning-border-color: var(--yee-color-warning);
147
+ --yee-btn-warning-hover-border-color: var(--yee-color-warning-hover);
148
+ --yee-btn-warning-active-border-color: var(--yee-color-warning-active);
149
+ --yee-btn-warning-active-shadow-color: var(--yee-color-warning-active);
150
+
151
+ /* ------------------------------------------------------------------
152
+ * deprecated:以下 legacy token 属旧的一维 type 矩阵
153
+ * (type × state × prop),与现行 color × variant 架构不兼容,
154
+ * 组件已不再消费,保留仅为不破坏下游既有覆盖代码。
155
+ * 请改用上方颜色级 / 变体级 token:
156
+ * info 家族 -> 新架构无 info 色,用 color="info" 自定义
157
+ * ghost 家族 -> ghost 现在只去掉边框,颜色跟随 color 维度
158
+ * not-primary 家族 -> 已被 variant=outlined / filled 取代
159
+ * disabled 家族 -> 统一用 --yee-btn-disabled-opacity
160
+ * text / link 家族 -> text / link 现在是 variant,颜色跟随 color
161
+ * {c}-bg-color -> success / danger / warning 见上方说明
162
+ * ------------------------------------------------------------------ */
163
+ --yee-btn-primary-disabled-color: var(--yee-color-text-disabled);
164
+ --yee-btn-primary-disabled-bg-color: var(--yee-color-bg-disabled);
165
+ --yee-btn-primary-disabled-border-color: var(--yee-color-border);
166
+ --yee-btn-default-disabled-color: var(--yee-color-text-disabled);
103
167
  --yee-btn-default-disabled-bg-color: var(--yee-color-bg-disabled);
104
- --yee-btn-default-disabled-border-color: var(--yee-border-color);
105
- --yee-btn-text-color: var(--yee-primary-color);
106
- --yee-btn-text-hover-color: var(--yee-primary-color-hover);
107
- --yee-btn-text-active-color: var(--yee-primary-color-active);
108
- --yee-btn-text-disabled-color: var(--yee-text-color-disabled);
109
- --yee-btn-link-color: var(--yee-link-color);
110
- --yee-btn-link-hover-color: var(--yee-link-color-hover);
111
- --yee-btn-link-active-color: var(--yee-link-color-active);
112
- --yee-btn-link-disabled-color: var(--yee-text-color-disabled);
168
+ --yee-btn-default-disabled-border-color: var(--yee-color-border);
169
+ --yee-btn-text-color: var(--yee-color-primary);
170
+ --yee-btn-text-hover-color: var(--yee-color-primary-hover);
171
+ --yee-btn-text-active-color: var(--yee-color-primary-active);
172
+ --yee-btn-text-disabled-color: var(--yee-color-text-disabled);
173
+ --yee-btn-link-color: var(--yee-color-link);
174
+ --yee-btn-link-hover-color: var(--yee-color-link-hover);
175
+ --yee-btn-link-active-color: var(--yee-color-link-active);
176
+ --yee-btn-link-disabled-color: var(--yee-color-text-disabled);
113
177
  --yee-btn-info-color: #fff;
114
- --yee-btn-info-bg-color: var(--yee-info-color);
115
- --yee-btn-info-border-color: var(--yee-info-color);
178
+ --yee-btn-info-bg-color: var(--yee-color-info);
179
+ --yee-btn-info-border-color: var(--yee-color-info);
116
180
  --yee-btn-info-hover-color: #fff;
117
- --yee-btn-info-hover-bg-color: var(--yee-info-color-hover);
118
- --yee-btn-info-hover-border-color: var(--yee-info-color-hover);
181
+ --yee-btn-info-hover-bg-color: var(--yee-color-info-hover);
182
+ --yee-btn-info-hover-border-color: var(--yee-color-info-hover);
119
183
  --yee-btn-info-active-color: #fff;
120
- --yee-btn-info-active-bg-color: var(--yee-info-color-active);
121
- --yee-btn-info-active-border-color: var(--yee-info-color-active);
122
- --yee-btn-info-not-primary-color: var(--yee-info-color);
184
+ --yee-btn-info-active-bg-color: var(--yee-color-info-active);
185
+ --yee-btn-info-active-border-color: var(--yee-color-info-active);
186
+ --yee-btn-info-not-primary-color: var(--yee-color-info);
123
187
  --yee-btn-info-not-primary-bg-color: #fff;
124
- --yee-btn-info-not-primary-hover-color: var(--yee-info-color-hover);
188
+ --yee-btn-info-not-primary-hover-color: var(--yee-color-info-hover);
125
189
  --yee-btn-info-not-primary-hover-bg-color: #fff;
126
- --yee-btn-info-not-primary-active-color: var(--yee-info-color-active);
190
+ --yee-btn-info-not-primary-active-color: var(--yee-color-info-active);
127
191
  --yee-btn-info-not-primary-active-bg-color: #fff;
128
- --yee-btn-success-color: #fff;
129
- --yee-btn-success-bg-color: var(--yee-success-color);
130
- --yee-btn-success-border-color: var(--yee-success-color);
131
- --yee-btn-success-hover-color: #fff;
132
- --yee-btn-success-hover-bg-color: var(--yee-success-color-hover);
133
- --yee-btn-success-hover-border-color: var(--yee-success-color-hover);
134
- --yee-btn-success-active-color: #fff;
135
- --yee-btn-success-active-bg-color: var(--yee-success-color-active);
136
- --yee-btn-success-active-border-color: var(--yee-success-color-active);
137
- --yee-btn-success-not-primary-color: var(--yee-success-color);
192
+ --yee-btn-success-bg-color: var(--yee-color-success);
193
+ --yee-btn-success-not-primary-color: var(--yee-color-success);
138
194
  --yee-btn-success-not-primary-bg-color: #fff;
139
- --yee-btn-success-not-primary-hover-color: var(--yee-success-color-hover);
195
+ --yee-btn-success-not-primary-hover-color: var(--yee-color-success-hover);
140
196
  --yee-btn-success-not-primary-hover-bg-color: #fff;
141
- --yee-btn-success-not-primary-active-color: var(--yee-success-color-active);
197
+ --yee-btn-success-not-primary-active-color: var(--yee-color-success-active);
142
198
  --yee-btn-success-not-primary-active-bg-color: #fff;
143
- --yee-btn-warning-color: #fff;
144
- --yee-btn-warning-bg-color: var(--yee-warning-color);
145
- --yee-btn-warning-border-color: var(--yee-warning-color);
146
- --yee-btn-warning-hover-color: #fff;
147
- --yee-btn-warning-hover-bg-color: var(--yee-warning-color-hover);
148
- --yee-btn-warning-hover-border-color: var(--yee-warning-color-hover);
149
- --yee-btn-warning-active-color: #fff;
150
- --yee-btn-warning-active-bg-color: var(--yee-warning-color-active);
151
- --yee-btn-warning-active-border-color: var(--yee-warning-color-active);
152
- --yee-btn-warning-not-primary-color: var(--yee-warning-color);
199
+ --yee-btn-warning-bg-color: var(--yee-color-warning);
200
+ --yee-btn-warning-not-primary-color: var(--yee-color-warning);
153
201
  --yee-btn-warning-not-primary-bg-color: #fff;
154
- --yee-btn-warning-not-primary-hover-color: var(--yee-warning-color-hover);
202
+ --yee-btn-warning-not-primary-hover-color: var(--yee-color-warning-hover);
155
203
  --yee-btn-warning-not-primary-hover-bg-color: #fff;
156
- --yee-btn-warning-not-primary-active-color: var(--yee-warning-color-active);
204
+ --yee-btn-warning-not-primary-active-color: var(--yee-color-warning-active);
157
205
  --yee-btn-warning-not-primary-active-bg-color: #fff;
158
- --yee-btn-danger-color: var(--yee-error-color);
159
- --yee-btn-danger-bg-color: var(--yee-error-color);
160
- --yee-btn-danger-border-color: var(--yee-error-color);
161
- --yee-btn-danger-hover-color: #fff;
162
- --yee-btn-danger-hover-bg-color: var(--yee-error-color-hover);
163
- --yee-btn-danger-hover-border-color: var(--yee-error-color-hover);
164
- --yee-btn-danger-active-color: #fff;
165
- --yee-btn-danger-active-bg-color: var(--yee-error-color-active);
166
- --yee-btn-danger-active-border-color: var(--yee-error-color-active);
167
- --yee-btn-danger-not-primary-color: var(--yee-error-color);
206
+ --yee-btn-danger-bg-color: var(--yee-color-error);
207
+ --yee-btn-danger-not-primary-color: var(--yee-color-error);
168
208
  --yee-btn-danger-not-primary-bg-color: #fff;
169
- --yee-btn-danger-not-primary-hover-color: var(--yee-error-color-hover);
209
+ --yee-btn-danger-not-primary-hover-color: var(--yee-color-error-hover);
170
210
  --yee-btn-danger-not-primary-hover-bg-color: #fff;
171
- --yee-btn-danger-not-primary-active-color: var(--yee-error-color-active);
211
+ --yee-btn-danger-not-primary-active-color: var(--yee-color-error-active);
172
212
  --yee-btn-danger-not-primary-active-bg-color: #fff;
173
-
174
- /* ghost */
175
- --yee-btn-ghost-disabled-color: var(--yee-text-color-disabled);
176
- --yee-btn-ghost-disabled-border-color: var(--yee-border-color);
213
+ --yee-btn-ghost-disabled-color: var(--yee-color-text-disabled);
214
+ --yee-btn-ghost-disabled-border-color: var(--yee-color-border);
177
215
  --yee-btn-primary-ghost-disabled-bg-color: rgba(245, 248, 250, 0%);
178
216
  --yee-btn-default-ghost-disabled-bg-color: var(
179
217
  --yee-btn-primary-ghost-disabled-bg-color
180
218
  );
181
- --yee-btn-primary-ghost-color: var(--yee-primary-color);
219
+ --yee-btn-primary-ghost-color: var(--yee-color-primary);
182
220
  --yee-btn-primary-ghost-bg-color: rgba(119, 122, 242, 0%);
183
- --yee-btn-primary-ghost-border-color: var(--yee-primary-color);
221
+ --yee-btn-primary-ghost-border-color: var(--yee-color-primary);
184
222
  --yee-btn-primary-ghost-hover-color: #6366cb;
185
223
  --yee-btn-primary-ghost-hover-bg-color: rgba(99, 102, 203, 4%);
186
224
  --yee-btn-primary-ghost-hover-border-color: #6366cb;
@@ -209,62 +247,62 @@
209
247
  --yee-btn-text-ghost-color: #fff;
210
248
  --yee-btn-text-ghost-hover-color: var(--yee-btn-primary-ghost-hover-color);
211
249
  --yee-btn-text-ghost-active-color: var(--yee-btn-primary-ghost-active-color);
212
- --yee-btn-link-ghost-color: var(--yee-link-color);
250
+ --yee-btn-link-ghost-color: var(--yee-color-link);
213
251
  --yee-btn-link-ghost-hover-color: #6366cb;
214
252
  --yee-btn-link-ghost-active-color: #6366cb;
215
- --yee-btn-info-ghost-color: var(--yee-info-color);
253
+ --yee-btn-info-ghost-color: var(--yee-color-info);
216
254
  --yee-btn-info-ghost-bg-color: rgba(49, 112, 143, 0%);
217
- --yee-btn-info-ghost-border-color: var(--yee-info-color);
218
- --yee-btn-info-ghost-hover-color: var(--yee-info-color-hover);
255
+ --yee-btn-info-ghost-border-color: var(--yee-color-info);
256
+ --yee-btn-info-ghost-hover-color: var(--yee-color-info-hover);
219
257
  --yee-btn-info-ghost-hover-bg-color: rgba(41, 93, 120, 4%);
220
- --yee-btn-info-ghost-hover-border-color: var(--yee-info-color-hover);
221
- --yee-btn-info-ghost-active-color: var(--yee-info-color-active);
258
+ --yee-btn-info-ghost-hover-border-color: var(--yee-color-info-hover);
259
+ --yee-btn-info-ghost-active-color: var(--yee-color-info-active);
222
260
  --yee-btn-info-ghost-active-bg-color: rgba(41, 93, 120, 4%);
223
- --yee-btn-info-ghost-active-border-color: var(--yee-info-color-active);
224
- --yee-btn-success-ghost-color: var(--yee-success-color);
261
+ --yee-btn-info-ghost-active-border-color: var(--yee-color-info-active);
262
+ --yee-btn-success-ghost-color: var(--yee-color-success);
225
263
  --yee-btn-success-ghost-bg-color: rgba(0, 189, 165, 0%);
226
- --yee-btn-success-ghost-border-color: var(--yee-success-color);
227
- --yee-btn-success-ghost-hover-color: var(--yee-success-color-hover);
264
+ --yee-btn-success-ghost-border-color: var(--yee-color-success);
265
+ --yee-btn-success-ghost-hover-color: var(--yee-color-success-hover);
228
266
  --yee-btn-success-ghost-hover-bg-color: rgba(0, 158, 138, 4%);
229
- --yee-btn-success-ghost-hover-border-color: var(--yee-success-color-hover);
230
- --yee-btn-success-ghost-active-color: var(--yee-success-color-active);
267
+ --yee-btn-success-ghost-hover-border-color: var(--yee-color-success-hover);
268
+ --yee-btn-success-ghost-active-color: var(--yee-color-success-active);
231
269
  --yee-btn-success-ghost-active-bg-color: rgba(0, 158, 138, 4%);
232
- --yee-btn-success-ghost-active-border-color: var(--yee-success-color-active);
233
- --yee-btn-warning-ghost-color: var(--yee-warning-color);
270
+ --yee-btn-success-ghost-active-border-color: var(--yee-color-success-active);
271
+ --yee-btn-warning-ghost-color: var(--yee-color-warning);
234
272
  --yee-btn-warning-ghost-bg-color: rgba(255, 185, 0, 0%);
235
- --yee-btn-warning-ghost-border-color: var(--yee-warning-color);
236
- --yee-btn-warning-ghost-hover-color: var(--yee-warning-color-hover);
273
+ --yee-btn-warning-ghost-border-color: var(--yee-color-warning);
274
+ --yee-btn-warning-ghost-hover-color: var(--yee-color-warning-hover);
237
275
  --yee-btn-warning-ghost-hover-bg-color: rgba(214, 155, 0, 4%);
238
- --yee-btn-warning-ghost-hover-border-color: var(--yee-warning-color-hover);
239
- --yee-btn-warning-ghost-active-color: var(--yee-warning-color-active);
276
+ --yee-btn-warning-ghost-hover-border-color: var(--yee-color-warning-hover);
277
+ --yee-btn-warning-ghost-active-color: var(--yee-color-warning-active);
240
278
  --yee-btn-warning-ghost-active-bg-color: rgba(214, 155, 0, 4%);
241
- --yee-btn-warning-ghost-active-border-color: var(--yee-warning-color-active);
242
- --yee-btn-danger-ghost-color: var(--yee-error-color);
279
+ --yee-btn-warning-ghost-active-border-color: var(--yee-color-warning-active);
280
+ --yee-btn-danger-ghost-color: var(--yee-color-error);
243
281
  --yee-btn-danger-ghost-bg-color: rgba(242, 84, 91, 0%);
244
- --yee-btn-danger-ghost-border-color: var(--yee-error-color);
245
- --yee-btn-danger-ghost-hover-color: var(--yee-error-color-hover);
282
+ --yee-btn-danger-ghost-border-color: var(--yee-color-error);
283
+ --yee-btn-danger-ghost-hover-color: var(--yee-color-error-hover);
246
284
  --yee-btn-danger-ghost-hover-bg-color: rgba(203, 70, 76, 4%);
247
- --yee-btn-danger-ghost-hover-border-color: var(--yee-error-color-hover);
248
- --yee-btn-danger-ghost-active-color: var(--yee-error-color-active);
285
+ --yee-btn-danger-ghost-hover-border-color: var(--yee-color-error-hover);
286
+ --yee-btn-danger-ghost-active-color: var(--yee-color-error-active);
249
287
  --yee-btn-danger-ghost-active-bg-color: rgba(203, 70, 76, 4%);
250
- --yee-btn-danger-ghost-active-border-color: var(--yee-error-color-active);
251
- --yee-btn-loading-spinner-color: var(--yee-text-color-disabled);
252
- --yee-btn-primary-loading-spinner-color: var(--yee-text-color-disabled);
288
+ --yee-btn-danger-ghost-active-border-color: var(--yee-color-error-active);
289
+ --yee-btn-loading-spinner-color: var(--yee-color-text-disabled);
290
+ --yee-btn-primary-loading-spinner-color: var(--yee-color-text-disabled);
253
291
 
254
292
  /* --FloatButton-- */
255
- --yee-float-button-menu-bg-color: var(--yee-color-bg-elevated);
293
+ --yee-float-btn-menu-bg-color: var(--yee-color-bg-elevated);
256
294
  --yee-float-btn-color: #fff;
257
295
  --yee-float-btn-default-bg-color: #425b76;
258
296
  --yee-float-btn-default-hover-color: #fff;
259
297
  --yee-float-btn-default-hover-bg-color: #39364e;
260
298
  --yee-float-btn-primary-color: #fff;
261
- --yee-float-btn-primary-bg-color: var(--yee-primary-color);
299
+ --yee-float-btn-primary-bg-color: var(--yee-color-primary);
262
300
  --yee-float-btn-primary-hover-color: #fff;
263
- --yee-float-btn-primary-hover-bg-color: var(--yee-primary-color-hover);
301
+ --yee-float-btn-primary-hover-bg-color: var(--yee-color-primary-hover);
264
302
 
265
303
  /* --Field-- */
266
- --yee-field-required-color: var(--yee-error-color);
267
- --yee-field-error-message-color: var(--yee-error-color);
304
+ --yee-field-required-color: var(--yee-color-error);
305
+ --yee-field-error-message-color: var(--yee-color-error);
268
306
 
269
307
  /* --Menu-- */
270
308
  --yee-menu-bg-color: var(--yee-color-bg-elevated);
@@ -272,26 +310,29 @@
272
310
  --yee-menu-item-hover-color: var(--yee-color-option-hover);
273
311
  --yee-menu-item-selected-color: var(--yee-color-option-active);
274
312
  --yee-menu-item-selected-bg-color: var(--yee-color-option-active-bg);
275
- --yee-menu-item-arrow-color: var(--yee-text-color);
276
- --yee-menu-item-arrow-hover-color: var(--yee-text-color-secondary);
277
- --yee-menu-item-arrow-selected-color: var(--yee-primary-color);
313
+ --yee-menu-item-arrow-color: var(--yee-color-text);
314
+ --yee-menu-item-arrow-hover-color: var(--yee-color-text-secondary);
315
+ --yee-menu-item-arrow-selected-color: var(--yee-color-primary);
278
316
  --yee-menu-item-bg-color: #fff;
279
317
  --yee-menu-item-title-bg-color: #f0f0f0;
280
318
  --yee-menu-item-title-hover-bg-color: #f0f0f0;
281
319
  --yee-menu-item-focused-bg-color: #f0f0f0;
282
- --yee-menu-submenu-selected-color: var(--yee-primary-color);
320
+ --yee-menu-submenu-selected-color: var(--yee-color-primary);
283
321
 
284
322
  /* 暂时无用 */
285
- --yee-menu-submenu-inline-open-color: var(--yee-primary-color);
323
+ --yee-menu-submenu-inline-open-color: var(--yee-color-primary);
286
324
  --yee-menu-submenu-inline-open-bg-color: var(--yee-color-option-active-bg);
287
- --yee-menu-vertical-border-color: var(--yee-border-color);
288
- --yee-icon-success-color: var(--yee-success-color);
289
- --yee-icon-info-color: var(--yee-info-color);
290
- --yee-icon-warning-color: var(--yee-warning-color);
291
- --yee-icon-danger-color: var(--yee-error-color);
325
+ --yee-menu-vertical-border-color: var(--yee-color-border);
326
+ --yee-icon-success-color: var(--yee-color-success);
327
+ --yee-icon-info-color: var(--yee-color-info);
328
+ --yee-icon-warning-color: var(--yee-color-warning);
329
+ --yee-icon-danger-color: var(--yee-color-error);
330
+ --yee-menu-horizontal-border-bottom: 1px solid var(--yee-color-border);
331
+ --yee-menu-item-divider-border: 1px solid var(--yee-color-border);
332
+ --yee-menu-item-group-title-color: var(--yee-color-text-secondary);
292
333
 
293
334
  /* --Divider-- */
294
- --yee-divider-font-color: var(--yee-text-color);
335
+ --yee-divider-font-color: var(--yee-color-text);
295
336
  --yee-divider-border-color: var(--yee-color-split);
296
337
 
297
338
  /* --SplitPanel-- */
@@ -300,7 +341,7 @@
300
341
  --yee-splitter-handler-color: var(--yee-color-split);
301
342
  --yee-splitter-handler-hover-color: rgba(119, 122, 242, 32%);
302
343
  --yee-splitter-handler-drag-color: rgba(119, 122, 242, 48%);
303
- --yee-splitter-arrow-color: var(--yee-text-color);
344
+ --yee-splitter-arrow-color: var(--yee-color-text);
304
345
  --yee-splitter-arrow-bg-color: rgba(0, 0, 0, 4%);
305
346
  --yee-splitter-arrow-hover-color: #777af2;
306
347
  --yee-splitter-arrow-bg-hover-color: rgba(119, 122, 242, 8%);
@@ -323,30 +364,30 @@
323
364
  );
324
365
  --yee-anchor-nav-line-bg-color: var(--yee-color-bg-rail);
325
366
  --yee-anchor-static-nav-line-bg-color: var(--yee-color-split);
326
- --yee-anchor-item-font-color: var(--yee-text-color);
327
- --yee-anchor-item-hover-font-color: var(--yee-primary-color);
367
+ --yee-anchor-item-font-color: var(--yee-color-text);
368
+ --yee-anchor-item-hover-font-color: var(--yee-color-primary);
328
369
  --yee-anchor-item-before-bg-color: var(--yee-color-bg-rail);
329
- --yee-anchor-item-before-border-color: var(--yee-primary-color);
370
+ --yee-anchor-item-before-border-color: var(--yee-color-primary);
330
371
  --yee-anchor-item-before-active-bg-color: var(--yee-color-bg-elevated);
331
- --yee-anchor-item-active-font-color: var(--yee-primary-color);
372
+ --yee-anchor-item-active-font-color: var(--yee-color-primary);
332
373
 
333
374
  /* --Breadcrumb-- */
334
- --yee-breadcrumb-font-color: var(--yee-text-color);
335
- --yee-breadcrumb-previous-font-color: var(--yee-text-color-description);
336
- --yee-breadcrumb-separator-color: var(--yee-text-color-description);
337
- --yee-breadcrumb-item-link-hover-font-color: var(--yee-primary-color);
338
- --yee-breadcrumb-item-link-active-font-color: var(--yee-primary-color);
339
- --yee-breadcrumb-icon-color: var(--yee-text-color);
340
- --yee-breadcrumb-hover-icon-color: var(--yee-primary-color);
341
- --yee-breadcrumb-active-icon-color: var(--yee-primary-color);
375
+ --yee-breadcrumb-font-color: var(--yee-color-text);
376
+ --yee-breadcrumb-previous-font-color: var(--yee-color-text-description);
377
+ --yee-breadcrumb-separator-color: var(--yee-color-text-description);
378
+ --yee-breadcrumb-item-link-hover-font-color: var(--yee-color-primary);
379
+ --yee-breadcrumb-item-link-active-font-color: var(--yee-color-primary);
380
+ --yee-breadcrumb-icon-color: var(--yee-color-text);
381
+ --yee-breadcrumb-hover-icon-color: var(--yee-color-primary);
382
+ --yee-breadcrumb-active-icon-color: var(--yee-color-primary);
342
383
 
343
384
  /* --Dropdown-- */
344
385
  --yee-dropdown-bg-color: var(--yee-color-bg-elevated);
345
386
 
346
387
  /* --List-- */
347
- --yee-list-item-color: var(--yee-text-color);
388
+ --yee-list-item-color: var(--yee-color-text);
348
389
  --yee-list-item-bg-color: transparent;
349
- --yee-list-item-disabled: var(--yee-text-color-disabled);
390
+ --yee-list-item-disabled: var(--yee-color-text-disabled);
350
391
  --yee-list-item-disabled-bg-color: transparent;
351
392
  --yee-list-item-hover-color: var(--yee-color-option-hover);
352
393
  --yee-list-item-bg-hover-color: var(--yee-color-option-hover-bg);
@@ -356,53 +397,53 @@
356
397
  --yee-list-bordered-border-color: #ccc;
357
398
 
358
399
  /* --Pagination-- */
359
- --yee-pagination-item-border-color: var(--yee-border-color);
400
+ --yee-pagination-item-border-color: var(--yee-color-border);
360
401
  --yee-pagination-item-bg-color: var(--yee-color-bg-container);
361
- --yee-pagination-item-color: var(--yee-text-color);
362
- --yee-pagination-itemnot-border-color: var(--yee-border-color);
402
+ --yee-pagination-item-color: var(--yee-color-text);
403
+ --yee-pagination-itemnot-border-color: var(--yee-color-border);
363
404
  --yee-pagination-itemnot-bg-color: var(--yee-color-bg-container);
364
- --yee-pagination-itemnot-color: var(--yee-text-color-disabled);
365
- --yee-pagination-item-hover-border-color: var(--yee-border-color);
405
+ --yee-pagination-itemnot-color: var(--yee-color-text-disabled);
406
+ --yee-pagination-item-hover-border-color: var(--yee-color-border);
366
407
  --yee-pagination-item-hover-bg-color: var(--yee-color-bg-container);
367
- --yee-pagination-item-hover-color: var(--yee-primary-color);
368
- --yee-pagination-item-active-border-color: var(--yee-primary-color);
408
+ --yee-pagination-item-hover-color: var(--yee-color-primary);
409
+ --yee-pagination-item-active-border-color: var(--yee-color-primary);
369
410
  --yee-pagination-item-active-bg-color: var(--yee-color-bg-container);
370
- --yee-pagination-item-active-color: var(--yee-primary-color);
371
- --yee-pagination-disabled-color: var(--yee-text-color-disabled);
372
- --yee-pagination-disabled-border-color: var(--yee-border-color);
411
+ --yee-pagination-item-active-color: var(--yee-color-primary);
412
+ --yee-pagination-disabled-color: var(--yee-color-text-disabled);
413
+ --yee-pagination-disabled-border-color: var(--yee-color-border);
373
414
  --yee-pagination-disabled-bg-color: var(--yee-color-bg-container);
374
- --yee-pagination-active-disabled-border-color: var(--yee-border-color);
415
+ --yee-pagination-active-disabled-border-color: var(--yee-color-border);
375
416
  --yee-pagination-active-disabled-bg-color: var(--yee-color-bg-disabled);
376
- --yee-pagination-active-disabled-color: var(--yee-text-color-disabled);
377
- --yee-pagination-turn-page-color: var(--yee-text-color);
417
+ --yee-pagination-active-disabled-color: var(--yee-color-text-disabled);
418
+ --yee-pagination-turn-page-color: var(--yee-color-text);
378
419
 
379
420
  /* --Steps-- */
380
- --yee-steps-step-title-color: var(--yee-text-color);
381
- --yee-steps-serial-undo-title-color: var(--yee-text-color-description);
382
- --yee-steps-step-subtitle-color: var(--yee-text-color-description);
383
- --yee-steps-step-description: var(--yee-text-color-description);
384
- --yee-steps-step-doing-description-color: var(--yee-text-color);
385
- --yee-steps-step-done-color: var(--yee-primary-color);
421
+ --yee-steps-step-title-color: var(--yee-color-text);
422
+ --yee-steps-serial-undo-title-color: var(--yee-color-text-description);
423
+ --yee-steps-step-subtitle-color: var(--yee-color-text-description);
424
+ --yee-steps-step-description: var(--yee-color-text-description);
425
+ --yee-steps-step-doing-description-color: var(--yee-color-text);
426
+ --yee-steps-step-done-color: var(--yee-color-primary);
386
427
  --yee-steps-serial-done-bg-color: #eaeafd;
387
428
  --yee-steps-serial-done-border-color: var(--yee-steps-serial-done-bg-color);
388
429
  --yee-steps-step-doing-color: #fff;
389
430
  --yee-steps-serial-doing-bg-color: #9295f5;
390
431
  --yee-steps-serial-doing-border-color: var(--yee-steps-serial-doing-bg-color);
391
- --yee-steps-step-undo-color: var(--yee-text-color-description);
432
+ --yee-steps-step-undo-color: var(--yee-color-text-description);
392
433
  --yee-steps-serial-undo-bg-color: var(--yee-color-bg-fill);
393
434
  --yee-steps-serial-undo-border-color: var(--yee-steps-serial-undo-bg-color);
394
435
  --yee-steps-step-icon-done-color: var(--yee-steps-serial-doing-bg-color);
395
436
  --yee-steps-step-doing-icon-color: var(--yee-steps-serial-doing-bg-color);
396
- --yee-steps-step-icon-undo-color: var(--yee-text-color-disabled);
437
+ --yee-steps-step-icon-undo-color: var(--yee-color-text-disabled);
397
438
  --yee-steps-step-done-dot-color: var(--yee-steps-serial-doing-bg-color);
398
439
  --yee-steps-step-doing-dot-color: var(--yee-steps-serial-doing-bg-color);
399
- --yee-steps-step-undo-dot-color: var(--yee-text-color-disabled);
440
+ --yee-steps-step-undo-dot-color: var(--yee-color-text-disabled);
400
441
  --yee-steps-done-line-bg-color: var(--yee-steps-serial-doing-bg-color);
401
442
  --yee-steps-line-bg-color: var(--yee-color-split);
402
- --yee-steps-step-error-color: var(--yee-error-color);
443
+ --yee-steps-step-error-color: var(--yee-color-error);
403
444
  --yee-steps-step-error-border-color: var(--yee-steps-step-error-bg-color);
404
- --yee-steps-step-error-bg-color: var(--yee-error-color-bg);
405
- --yee-steps-step-nav-arrow-color: var(--yee-text-color-auxiliary);
445
+ --yee-steps-step-error-bg-color: var(--yee-color-error-bg);
446
+ --yee-steps-step-nav-arrow-color: var(--yee-color-text-auxiliary);
406
447
  --yee-steps-step-nav-border-color: var(--yee-color-split);
407
448
  --yee-steps-step-nav-doing-border-color: var(
408
449
  --yee-steps-serial-doing-bg-color
@@ -436,10 +477,10 @@
436
477
  /* --Cascader-- */
437
478
  --yee-cascader-bg-color: var(--yee-color-bg-elevated);
438
479
  --yee-cascader-menu-item-border-color: var(--yee-color-split);
439
- --yee-cascader-menu-font-color: var(--yee-text-color);
440
- --yee-cascader-menu-disabled-color: var(--yee-text-color-disabled);
480
+ --yee-cascader-menu-font-color: var(--yee-color-text);
481
+ --yee-cascader-menu-disabled-color: var(--yee-color-text-disabled);
441
482
  --yee-cascader-menu-disabled-bg-color: transparent;
442
- --yee-cascader-menu-arrow-color: var(--yee-text-color-auxiliary);
483
+ --yee-cascader-menu-arrow-color: var(--yee-color-text-auxiliary);
443
484
  --yee-cascader-menu-arrow-hover-color: var(--yee-cascader-menu-arrow-color);
444
485
  --yee-cascader-menu-arrow-active-color: var(--yee-color-option-active);
445
486
  --yee-cascader-menu-active-color: var(--yee-color-option-active-bg);
@@ -447,64 +488,64 @@
447
488
  --yee-cascader-menu-hover-color: var(--yee-color-option-hover);
448
489
  --yee-cascader-menu-hover-bg-color: var(--yee-color-option-hover-bg);
449
490
  --yee-filter-menu-hover-bg-color: var(--yee-color-option-hover-bg);
450
- --yee-high-light-font-color: var(--yee-text-color-highlight);
491
+ --yee-high-light-font-color: var(--yee-color-text-highlight);
451
492
 
452
493
  /* --Checkbox-- */
453
494
  --yee-checkbox-bg-color: var(--yee-color-bg-container);
454
- --yee-checkbox-border-color: var(--yee-border-color);
455
- --yee-checkbox-hover-border-color: var(--yee-border-color-hover-focus);
456
- --yee-checkbox-checked-bg-color: var(--yee-primary-color);
457
- --yee-checkbox-checked-border-color: var(--yee-primary-color);
495
+ --yee-checkbox-border-color: var(--yee-color-border);
496
+ --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
497
+ --yee-checkbox-checked-bg-color: var(--yee-color-primary);
498
+ --yee-checkbox-checked-border-color: var(--yee-color-primary);
458
499
  --yee-checkbox-checked-after-border-color: #fff;
459
500
  --yee-checkbox-disabled-unchecked-bg-color: var(--yee-color-bg-disabled);
460
501
  --yee-checkbox-disabled-checked-bg-color: var(--yee-color-bg-disabled);
461
- --yee-checkbox-disabled-checked-border-color: var(--yee-border-color);
502
+ --yee-checkbox-disabled-checked-border-color: var(--yee-color-border);
462
503
  --yee-checkbox-disabled-checked-after-border-color: var(
463
- --yee-text-color-disabled
504
+ --yee-color-text-disabled
464
505
  );
465
- --yee-checkbox-border-indeterminate-color: var(--yee-primary-color);
466
- --yee-checkbox-bg-indeterminate-color: var(--yee-primary-color);
506
+ --yee-checkbox-border-indeterminate-color: var(--yee-color-primary);
507
+ --yee-checkbox-bg-indeterminate-color: var(--yee-color-primary);
467
508
 
468
509
  /* --Datepicker-- */
469
- --yee-date-picker-panel-color: var(--yee-text-color);
510
+ --yee-date-picker-panel-color: var(--yee-color-text);
470
511
  --yee-date-picker-panel-bg-color: var(--yee-color-bg-elevated);
471
- --yee-date-picker-header-color: var(--yee-text-color);
512
+ --yee-date-picker-header-color: var(--yee-color-text);
472
513
  --yee-date-picker-header-font-color: var(--yee-date-picker-header-color);
473
- --yee-picker-header-button-color: var(--yee-text-color-description);
474
- --yee-date-picker-header-font-hover-color: var(--yee-primary-color);
475
- --yee-picker-header-button-hover-color: var(--yee-text-color);
514
+ --yee-picker-header-button-color: var(--yee-color-text-description);
515
+ --yee-date-picker-header-font-hover-color: var(--yee-color-primary);
516
+ --yee-picker-header-button-hover-color: var(--yee-color-text);
476
517
  --yee-date-picker-header-bg-color: transparent;
477
- --yee-date-picker-thead-color: var(--yee-text-color);
518
+ --yee-date-picker-thead-color: var(--yee-color-text);
478
519
  --yee-date-picker-thead-bg-color: var(--yee-color-bg-head);
479
520
  --yee-picker-date-panel-border-color: var(--yee-color-split);
480
- --yee-date-picker-not-in-view-color: var(--yee-text-color-disabled);
481
- --yee-date-picker-current-bg-color: var(--yee-primary-color);
521
+ --yee-date-picker-not-in-view-color: var(--yee-color-text-disabled);
522
+ --yee-date-picker-current-bg-color: var(--yee-color-primary);
482
523
  --yee-date-picker-hover-color: var(--yee-color-option-hover);
483
524
  --yee-date-picker-hover-bg-color: var(--yee-color-option-hover-bg);
484
- --yee-date-picker-checked-active-bg-color: var(--yee-primary-color);
525
+ --yee-date-picker-checked-active-bg-color: var(--yee-color-primary);
485
526
  --yee-date-picker-checked-active-color: #fff;
486
527
  --yee-date-picker-disabled-bg-color: var(--yee-color-bg-disabled);
487
528
  --yee-date-picker-weekend-font-color: var(--yee-date-picker-panel-color);
488
- --yee-date-picker-week-count-color: var(--yee-text-color-auxiliary);
529
+ --yee-date-picker-week-count-color: var(--yee-color-text-auxiliary);
489
530
  --yee-date-picker-time-hover-color: var(--yee-color-option-hover);
490
531
  --yee-date-picker-time-hover-bg-color: var(--yee-color-option-hover-bg);
491
532
  --yee-date-picker-time-checked-active-color: var(--yee-color-option-active);
492
533
  --yee-date-picker-time-checked-active-bg-color: var(
493
534
  --yee-color-option-active-bg
494
535
  );
495
- --yee-date-picker-time-disabled-color: var(--yee-text-color-disabled);
536
+ --yee-date-picker-time-disabled-color: var(--yee-color-text-disabled);
496
537
  --yee-date-picker-time-disabled-bg-color: transparent;
497
- --yee-rangepicker-trigger-border-color: var(--yee-border-color);
498
- --yee-rangepicker-trigger-hover-border-color: var(
499
- --yee-border-color-hover-focus
538
+ --yee-range-picker-trigger-border-color: var(--yee-color-border);
539
+ --yee-range-picker-trigger-hover-border-color: var(
540
+ --yee-color-border-hover-focus
500
541
  );
501
- --yee-rangepicker-checked-bg-color: var(--yee-color-option-active-bg);
502
- --yee-rangepicker-hover-border-color: var(--yee-primary-color);
503
- --yee-rangepicker-panel-bg-color: #fff;
542
+ --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
543
+ --yee-range-picker-hover-border-color: var(--yee-color-primary);
544
+ --yee-range-picker-panel-bg-color: #fff;
504
545
 
505
546
  /* --Timepicker-- */
506
- --yee-timepicker-bg-color: var(--yee-color-bg-elevated);
507
- --yee-time-picker-header-color: var(--yee-text-color);
547
+ --yee-time-picker-bg-color: var(--yee-color-bg-elevated);
548
+ --yee-time-picker-header-color: var(--yee-color-text);
508
549
  --yee-time-picker-header-bg-color: var(--yee-color-bg-head);
509
550
  --yee-time-picker-container-hour-apm-active-bg-color: var(
510
551
  --yee-color-option-active-bg
@@ -514,24 +555,26 @@
514
555
  );
515
556
 
516
557
  /* --Input-- */
517
- --yee-input-hover-border-color: var(--yee-border-color-hover-focus);
518
- --yee-input-content-focus-border-color: var(--yee-border-color-hover-focus);
558
+ --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
559
+ --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
519
560
  --yee-input-focus-bs-color: rgba(117, 185, 240, 24%);
520
- --yee-input-border-color: var(--yee-border-color);
561
+ --yee-input-border-color: var(--yee-color-border);
521
562
  --yee-input-content-bg-color: var(--yee-color-bg-container);
522
563
  --yee-input-disabled-bg-color: var(--yee-color-bg-disabled);
523
- --yee-input-fix-icon-color: var(--yee-text-color-auxiliary);
524
- --yee-input-fix-icon-click-color: var(--yee-text-color);
525
- --yee-input-fix-icon-click-hover-color: var(--yee-primary-color);
526
- --yee-input-fix-icon-click-active-color: var(--yee-primary-color);
527
- --yee-suffix-counter: var(--yee-text-color-description);
528
- --yee-input-required-font-color: var(--yee-error-color);
564
+ --yee-input-fix-icon-color: var(--yee-color-text-auxiliary);
565
+ --yee-input-fix-icon-click-color: var(--yee-color-text);
566
+ --yee-input-fix-icon-click-hover-color: var(--yee-color-primary);
567
+ --yee-input-fix-icon-click-active-color: var(--yee-color-primary);
568
+ --yee-suffix-counter: var(--yee-color-text-description);
569
+ --yee-input-required-font-color: var(--yee-color-error);
529
570
  --yee-input-helpfill-font-color: #f58220;
530
571
  --yee-input-content-error-focus-bs-color: rgba(242, 84, 91, 24%);
531
572
  --yee-input-content-warning-focus-bs-color: rgba(255, 185, 0, 24%);
532
- --yee-input-error-border-color: var(--yee-error-color);
573
+ --yee-input-error-border-color: var(--yee-color-error);
533
574
  --yee-input-clear-color: #fff;
534
575
  --yee-input-clear-bg-color: #bfbfbf;
576
+ --yee-input-disabled-color: var(--yee-color-text-disabled);
577
+ --yee-input-content-disabled-bg-color: var(--yee-input-disabled-bg-color);
535
578
 
536
579
  /* --JsonViewer-- */
537
580
  --yee-json-view-color: #333;
@@ -545,95 +588,97 @@
545
588
  --yee-json-collapsed-color: #666;
546
589
 
547
590
  /* --Textarea-- */
548
- --yee-textarea-number-color: var(--yee-text-color-description);
591
+ --yee-textarea-number-color: var(--yee-color-text-description);
549
592
 
550
593
  /* --Inputnumber-- */
551
- --yee-input-number-icon-color: var(--yee-text-color-description);
552
- --yee-input-number-icon-hover-color: var(--yee-primary-color);
553
- --yee-inputnumber-disabled-font-color: var(--yee-text-color-disabled);
554
- --yee-inputnumber-controls-border-color: var(--yee-color-split);
555
- --yee-inputnumber-handler-wrap-bg-color: #fafafa;
556
- --yee-inputnumber-handler-hover-bg-color: #f0f0f0;
557
- --yee-inputnumber-handler-active-bg-color: #e6e6e6;
594
+ --yee-input-number-icon-color: var(--yee-color-text-description);
595
+ --yee-input-number-icon-hover-color: var(--yee-color-primary);
596
+ --yee-input-number-disabled-font-color: var(--yee-color-text-disabled);
597
+ --yee-input-number-controls-border-color: var(--yee-color-split);
598
+ --yee-input-number-handler-wrap-bg-color: #fafafa;
599
+ --yee-input-number-handler-hover-bg-color: #f0f0f0;
600
+ --yee-input-number-handler-active-bg-color: #e6e6e6;
558
601
 
559
602
  /* --Radio-- */
560
- --yee-radio-inner-border-color: var(--yee-border-color);
603
+ --yee-radio-inner-border-color: var(--yee-color-border);
561
604
  --yee-radio-inner-bg-color: var(--yee-color-bg-container);
562
- --yee-radio-inner-checked-border-color: var(--yee-primary-color);
563
- --yee-radio-inner-after-checked-bg-color: var(--yee-primary-color);
564
- --yee-radio-inner-disabled-border-color: var(--yee-border-color);
605
+ --yee-radio-inner-checked-border-color: var(--yee-color-primary);
606
+ --yee-radio-inner-after-checked-bg-color: var(--yee-color-primary);
607
+ --yee-radio-inner-disabled-border-color: var(--yee-color-border);
565
608
  --yee-radio-inner-disabled-after-checked-bg-color: var(
566
- --yee-text-color-disabled
609
+ --yee-color-text-disabled
567
610
  );
568
- --yee-radio-inner-hover-border-color: var(--yee-border-color-hover-focus);
569
- --yee-radio-label-button-border-color: var(--yee-border-color);
611
+ --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
612
+ --yee-radio-label-button-border-color: var(--yee-color-border);
570
613
  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
571
- --yee-radio-label-button-hover-color: var(--yee-primary-color);
572
- --yee-radio-label-button-hover-border-color: var(--yee-border-color);
614
+ --yee-radio-label-button-hover-color: var(--yee-color-primary);
615
+ --yee-radio-label-button-hover-border-color: var(--yee-color-border);
573
616
  --yee-radio-label-button-hover-bg-color: var(--yee-color-bg-container);
574
- --yee-radio-input-checked-button-color: var(--yee-primary-color);
575
- --yee-radio-input-checked-button-border-color: var(--yee-primary-color);
617
+ --yee-radio-input-checked-button-color: var(--yee-color-primary);
618
+ --yee-radio-input-checked-button-border-color: var(--yee-color-primary);
576
619
  --yee-radio-input-checked-button-bg-color: var(--yee-color-bg-container);
577
- --yee-radio-button-arrow-color: var(--yee-primary-color);
620
+ --yee-radio-button-arrow-color: var(--yee-color-primary);
578
621
  --yee-radio-button-arrow-border-color: #fff;
579
- --yee-radio-label-disabled-color: var(--yee-text-color-disabled);
622
+ --yee-radio-label-disabled-color: var(--yee-color-text-disabled);
580
623
  --yee-radio-label-disabled-bg-color: var(--yee-color-bg-disabled);
581
624
  --yee-radio-label-disabled-active-color: #fff;
582
- --yee-radio-label-disabled-active-bg-color: var(--yee-border-color);
583
- --yee-radio-label-button-disabled-border-color: var(--yee-border-color);
584
- --yee-radio-button-disabled-arrow-color: var(--yee-border-color);
625
+ --yee-radio-label-disabled-active-bg-color: var(--yee-color-border);
626
+ --yee-radio-label-button-disabled-border-color: var(--yee-color-border);
627
+ --yee-radio-button-disabled-arrow-color: var(--yee-color-border);
585
628
  --yee-radio-button-disabled-arrow-border-color: #fff;
586
629
  --yee-radio-group-solid-checked-color: #fff;
587
630
 
588
631
  /* --Rate-- */
589
- --yee-star-icon-color: var(--yee-color-bg-fill);
632
+ --yee-rate-star-icon-color: var(--yee-color-bg-fill);
590
633
  --yee-rate-star-full-icon-color: #ffc700;
591
634
 
592
635
  /* --Select-- */
593
636
  --yee-select-down-container-bg-color: var(--yee-color-bg-elevated);
594
- --yee-select-group-name-font-color: var(--yee-text-color-description);
637
+ --yee-select-group-name-font-color: var(--yee-color-text-description);
595
638
  --yee-select-option-hover-color: var(--yee-color-option-hover);
596
639
  --yee-select-option-hover-bg-color: var(--yee-color-option-hover-bg);
597
640
  --yee-select-option-active-color: var(--yee-color-option-active);
598
641
  --yee-select-option-active-bg-color: var(--yee-color-option-active-bg);
599
- --yee-select-multi-arrow-color: var(--yee-primary-color);
600
- --yee-select-option-disabled-color: var(--yee-text-color-disabled);
601
- --yee-select-no-data-color: var(--yee-text-color-description);
602
- --yee-select-multi-tag-color: var(--yee-text-color);
642
+ --yee-select-multi-arrow-color: var(--yee-color-primary);
643
+ --yee-select-option-disabled-color: var(--yee-color-text-disabled);
644
+ --yee-select-no-data-color: var(--yee-color-text-description);
645
+ --yee-select-multi-tag-color: var(--yee-color-text);
603
646
  --yee-select-multi-tag-border-color: var(--yee-color-split);
604
647
  --yee-select-multi-tag-bg-color: var(--yee-color-bg-head);
605
- --yee-select-multi-disabled-tag-color: var(--yee-text-color-disabled);
648
+ --yee-select-multi-disabled-tag-color: var(--yee-color-text-disabled);
606
649
  --yee-select-multi-disabled-tag-border-color: var(--yee-color-split);
607
650
  --yee-select-multi-disabled-tag-bg-color: var(--yee-color-split);
608
651
 
609
652
  /* --Segmented-- */
610
653
  --yee-segmented-bg-color: var(--yee-color-bg-layout);
611
- --yee-segmented-item-color: var(--yee-text-color);
612
- --yee-segmented-item-hover-color: var(--yee-primary-color);
613
- --yee-segmented-item-selected-color: var(--yee-text-color);
614
- --yee-segmented-item-disabled-color: var(--yee-text-color-disabled);
654
+ --yee-segmented-item-color: var(--yee-color-text);
655
+ --yee-segmented-item-hover-color: var(--yee-color-primary);
656
+ --yee-segmented-item-selected-color: var(--yee-color-text);
657
+ --yee-segmented-item-disabled-color: var(--yee-color-text-disabled);
615
658
  --yee-segmented-thumb-bg-color: var(--yee-color-bg-container);
616
659
  --yee-segmented-thumb-box-shadow: 0 2px 8px var(--yee-box-shadow-color);
660
+ --yee-segmented-pill-bg-color: var(--yee-color-primary);
661
+ --yee-segmented-pill-color: #fff;
617
662
 
618
663
  /* --Slider-- */
619
- --yee-slider-track-bg-color: var(--yee-primary-color);
620
- --yee-slider-track-bg-hover-color: var(--yee-primary-color-hover);
621
- --yee-slider-handle-border-color: var(--yee-primary-color);
664
+ --yee-slider-track-bg-color: var(--yee-color-primary);
665
+ --yee-slider-track-bg-hover-color: var(--yee-color-primary-hover);
666
+ --yee-slider-handle-border-color: var(--yee-color-primary);
622
667
  --yee-slider-handle-bg-color: var(--yee-color-bg-container);
623
- --yee-slider-handle-border-disabled-color: var(--yee-text-color-disabled);
668
+ --yee-slider-handle-border-disabled-color: var(--yee-color-text-disabled);
624
669
  --yee-slider-handle-bg-disabled-color: var(--yee-color-bg-container);
625
- --yee-slider-handle-hover-border-color: var(--yee-primary-color-hover);
626
- --yee-slider-handle-active-border-color: var(--yee-primary-color-active);
627
- --yee-slider-track-disabled-bg-color: var(--yee-text-color-disabled);
670
+ --yee-slider-handle-hover-border-color: var(--yee-color-primary-hover);
671
+ --yee-slider-handle-active-border-color: var(--yee-color-primary-active);
672
+ --yee-slider-track-disabled-bg-color: var(--yee-color-text-disabled);
628
673
  --yee-slider-dot-border-color: var(--yee-color-bg-fill);
629
674
  --yee-slider-dot-border-hover-color: var(--yee-slider-rail-bg-hover-color);
630
675
  --yee-slider-dot-bg-color: var(--yee-color-bg-container);
631
- --yee-slider-dot-active-border-color: var(--yee-primary-color);
676
+ --yee-slider-dot-active-border-color: var(--yee-color-primary);
632
677
  --yee-slider-rail-bg-color: var(--yee-color-bg-fill);
633
678
  --yee-slider-rail-bg-hover-color: #cbd6e2;
634
679
  --yee-slider-handle-dragging-border-color: rgba(57, 54, 78, 16%);
635
- --yee-slider-mark-color: var(--yee-text-color);
636
- --yee-slider-mark-active-color: var(--yee-text-color);
680
+ --yee-slider-mark-color: var(--yee-color-text);
681
+ --yee-slider-mark-active-color: var(--yee-color-text);
637
682
  --yee-slider-tooltip-color: #fff;
638
683
  --yee-slider-tooltip-bg-color: rgba(0, 0, 0, 80%);
639
684
  --yee-slider-disabled-rail-bg-color: #e9e9e9;
@@ -656,11 +701,11 @@
656
701
  );
657
702
  --yee-switchbox-switch-disabled-handle-bg-color: #fff;
658
703
  --yee-switchbox-switch-checked-color: #fff;
659
- --yee-switchbox-switch-checked-bg-color: var(--yee-primary-color);
660
- --yee-switchbox-switch-checked-border-color: var(--yee-primary-color);
661
- --yee-switchbox-switch-checked-bg-hover-color: var(--yee-primary-color-hover);
704
+ --yee-switchbox-switch-checked-bg-color: var(--yee-color-primary);
705
+ --yee-switchbox-switch-checked-border-color: var(--yee-color-primary);
706
+ --yee-switchbox-switch-checked-bg-hover-color: var(--yee-color-primary-hover);
662
707
  --yee-switchbox-switch-checked-border-hover-color: var(
663
- --yee-primary-color-hover
708
+ --yee-color-primary-hover
664
709
  );
665
710
  --yee-switchbox-switch-checked-handle-bg-color: #fff;
666
711
  --yee-switchbox-switch-checked-disabled-color: #fff;
@@ -675,79 +720,80 @@
675
720
 
676
721
  /* --Transfer-- */
677
722
  --yee-transfer-bg-color: transparent;
678
- --yee-transfer-list-border-color: var(--yee-border-color);
723
+ --yee-transfer-list-border-color: var(--yee-color-border);
679
724
  --yee-transfer-list-bg-color: var(--yee-color-bg-container);
680
725
  --yee-transfer-list-header-bg-color: var(--yee-color-bg-container);
681
726
  --yee-transfer-list-content-item-hover-color: var(--yee-color-option-hover);
682
727
  --yee-transfer-list-content-item-hover-bg-color: var(
683
728
  --yee-color-option-hover-bg
684
729
  );
685
- --yee-transfer-list-body-disabled-color: var(--yee-text-color-disabled);
730
+ --yee-transfer-list-body-disabled-color: var(--yee-color-text-disabled);
686
731
  --yee-transfer-list-body-disabled-bg-color: var(--yee-color-bg-disabled);
687
- --yee-transfer-list-delete-font-color: var(--yee-text-color-description);
688
- --yee-transfer-list-delete-hover-font-color: var(--yee-text-color);
689
- --yee-transfer-operation-disabled-color: var(--yee-text-color-disabled);
690
- --yee-transfer-operation-disabled-border-color: var(--yee-border-color);
732
+ --yee-transfer-list-delete-font-color: var(--yee-color-text-description);
733
+ --yee-transfer-list-delete-hover-font-color: var(--yee-color-text);
734
+ --yee-transfer-operation-border-color: var(--yee-color-primary);
735
+ --yee-transfer-operation-disabled-color: var(--yee-color-text-disabled);
736
+ --yee-transfer-operation-disabled-border-color: var(--yee-color-border);
691
737
  --yee-transfer-operation-disabled-bg-color: var(--yee-color-bg-disabled);
692
738
 
693
739
  /* --TreeSelect-- */
694
- --yee-treeselect-dropdown-bg-color: var(--yee-color-bg-elevated);
740
+ --yee-tree-select-dropdown-bg-color: var(--yee-color-bg-elevated);
695
741
 
696
742
  /* --Upload-- */
697
- --yee-upload-dragger-trigger-icon-color: var(--yee-text-color);
698
- --yee-upload-dragger-trigger-color: var(--yee-text-color);
699
- --yee-upload-dragger-trigger-border-color: var(--yee-border-color);
700
- --yee-upload-dragger-trigger-hover-color: var(--yee-primary-color-hover);
701
- --yee-upload-dragger-trigger-des-color: var(--yee-text-color-description);
702
- --yee-upload-dragger-trigger-disabled-color: var(--yee-text-color-disabled);
743
+ --yee-upload-dragger-trigger-icon-color: var(--yee-color-text);
744
+ --yee-upload-dragger-trigger-color: var(--yee-color-text);
745
+ --yee-upload-dragger-trigger-border-color: var(--yee-color-border);
746
+ --yee-upload-dragger-trigger-hover-color: var(--yee-color-primary-hover);
747
+ --yee-upload-dragger-trigger-des-color: var(--yee-color-text-description);
748
+ --yee-upload-dragger-trigger-disabled-color: var(--yee-color-text-disabled);
703
749
  --yee-upload-dragger-trigger-disabled-bg-color: var(--yee-color-bg-disabled);
704
- --yee-upload-dragger-trigger-disabled-border-color: var(--yee-border-color);
705
- --yee-upload-error-color: var(--yee-error-color);
706
- --yee-upload-error-hover-color: var(--yee-error-color-hover);
707
- --yee-upload-list-item-color: var(--yee-link-color);
708
- --yee-upload-list-item-icon-color: var(--yee-text-color-auxiliary);
709
- --yee-upload-list-item-icon-hover-color: var(--yee-text-color-auxiliary);
710
- --yee-upload-list-item-hover-color: var(--yee-link-color-hover);
750
+ --yee-upload-dragger-trigger-disabled-border-color: var(--yee-color-border);
751
+ --yee-upload-error-color: var(--yee-color-error);
752
+ --yee-upload-error-hover-color: var(--yee-color-error-hover);
753
+ --yee-upload-list-item-color: var(--yee-color-link);
754
+ --yee-upload-list-item-icon-color: var(--yee-color-text-auxiliary);
755
+ --yee-upload-list-item-icon-hover-color: var(--yee-color-text-auxiliary);
756
+ --yee-upload-list-item-hover-color: var(--yee-color-link-hover);
711
757
  --yee-upload-list-item-hover-bg-color: var(--yee-color-option-hover-bg);
712
758
  --yee-upload-list-item-custom-btn-text-color: var(
713
- --yee-text-color-description
714
- );
715
- --yee-upload-list-item-custom-btn-text-hover-color: var(--yee-text-color);
716
- --yee-upload-list-item-custom-btn-text-active-color: var(--yee-text-color);
717
- --yee-upload-picture-list-item-border-color: var(--yee-border-color);
718
- --yee-upload-picture-wall-item-border-color: var(--yee-border-color);
719
- --yee-upload-picture-list-item-border-error-color: var(--yee-error-color);
720
- --yee-upload-state-error-border-color: var(--yee-error-color);
721
- --yee-upload-state-error-bg-color: var(--yee-error-color-bg);
759
+ --yee-color-text-description
760
+ );
761
+ --yee-upload-list-item-custom-btn-text-hover-color: var(--yee-color-text);
762
+ --yee-upload-list-item-custom-btn-text-active-color: var(--yee-color-text);
763
+ --yee-upload-picture-list-item-border-color: var(--yee-color-border);
764
+ --yee-upload-picture-wall-item-border-color: var(--yee-color-border);
765
+ --yee-upload-picture-list-item-border-error-color: var(--yee-color-error);
766
+ --yee-upload-state-error-border-color: var(--yee-color-error);
767
+ --yee-upload-state-error-bg-color: var(--yee-color-error-bg);
722
768
  --yee-upload-picture-wall-icon-color: #fff;
723
769
  --yee-upload-picture-wall-mask-color: var(--yee-mask-bg-color);
724
770
 
725
771
  /* --Search-- */
726
772
  --yee-search-result-bg-color: var(--yee-color-bg-elevated);
727
- --yee-search-no-result-color: var(--yee-text-color-description);
773
+ --yee-search-no-result-color: var(--yee-color-text-description);
728
774
 
729
775
  /* --Badge-- */
730
- --yee-badge-default-color: var(--yee-error-color);
776
+ --yee-badge-default-color: var(--yee-color-error);
731
777
  --yee-badge-default-font-color: #fff;
732
- --yee-badge-state-info-color: var(--yee-info-color);
733
- --yee-badge-state-success-color: var(--yee-success-color);
734
- --yee-badge-state-warning-color: var(--yee-warning-color);
735
- --yee-badge-state-error-color: var(--yee-error-color);
736
- --yee-badge-state-disabled-color: var(--yee-text-color-disabled);
737
- --yee-badge-state-default-color: var(--yee-text-color);
778
+ --yee-badge-state-info-color: var(--yee-color-info);
779
+ --yee-badge-state-success-color: var(--yee-color-success);
780
+ --yee-badge-state-warning-color: var(--yee-color-warning);
781
+ --yee-badge-state-error-color: var(--yee-color-error);
782
+ --yee-badge-state-disabled-color: var(--yee-color-text-disabled);
783
+ --yee-badge-state-default-color: var(--yee-color-text);
738
784
  --yee-ribbon-content-color: #fff;
739
- --yee-ribbon-content-bg-color: var(--yee-primary-color);
785
+ --yee-ribbon-content-bg-color: var(--yee-color-primary);
740
786
  --yee-ribbon-anger-bg-color: var(--yee-ribbon-content-bg-color);
741
787
  --yee-badge-count-border-color: #fff;
742
788
 
743
789
  /* --Box-- */
744
790
  --yee-box-bg: var(--yee-color-bg-container);
745
791
  --yee-box-footer-bg: var(--yee-color-bg-elevated);
746
- --yee-top-count-title: var(--yee-text-color-description);
792
+ --yee-top-count-title: var(--yee-color-text-description);
747
793
  --yee-top-count-after-bg-color: var(--yee-color-split);
748
794
 
749
795
  /* --Calendar-- */
750
- --yee-calendar-thead-color: var(--yee-text-color);
796
+ --yee-calendar-thead-color: var(--yee-color-text);
751
797
  --yee-calendar-cell-bg-color: var(--yee-color-bg-container);
752
798
  --yee-calendar-cell-border-color: var(--yee-color-split);
753
799
  --yee-calendar-cell-hover-color: var(--yee-color-option-hover);
@@ -755,7 +801,7 @@
755
801
  --yee-calendar-cell-border-hover-color: var(--yee-color-split);
756
802
  --yee-calendar-cell-current-color: var(--yee-color-option-active);
757
803
  --yee-calendar-cell-current-bg-color: var(--yee-color-option-active-bg);
758
- --yee-calendar-cell-current-border-color: var(--yee-primary-color);
804
+ --yee-calendar-cell-current-border-color: var(--yee-color-primary);
759
805
  --yee-calendar-cell-selected-color: var(--yee-color-option-active);
760
806
  --yee-calendar-cell-selected-bg-color: var(--yee-color-option-active-bg);
761
807
  --yee-calendar-cell-selected-border-color: #d3d4fa;
@@ -763,82 +809,83 @@
763
809
  /* --Card-- */
764
810
  --yee-card-bg-color: var(--yee-color-bg-container);
765
811
  --yee-card-border-color: var(--yee-color-split);
766
- --yee-card-header-title-font-color: var(--yee-text-color);
767
- --yee-card-title-prefix-color: var(--yee-primary-color);
812
+ --yee-card-header-title-font-color: var(--yee-color-text);
813
+ --yee-card-title-prefix-color: var(--yee-color-primary);
768
814
  --yee-card-group-bg-color: transparent;
769
- --yee-card-header-custom-btn-text-color: var(--yee-link-color);
770
- --yee-card-header-custom-btn-text-hover-color: var(--yee-link-color-hover);
771
- --yee-card-header-custom-btn-text-active-color: var(--yee-link-color-active);
772
- --yee-card-header-expand-icon-color: var(--yee-text-color);
773
- --yee-card-header-expand-icon-hover-color: var(--yee-text-color);
774
- --yee-card-header-expand-icon-active-color: var(--yee-text-color);
815
+ --yee-card-header-custom-btn-text-color: var(--yee-color-link);
816
+ --yee-card-header-custom-btn-text-hover-color: var(--yee-color-link-hover);
817
+ --yee-card-header-custom-btn-text-active-color: var(--yee-color-link-active);
818
+ --yee-card-header-expand-icon-color: var(--yee-color-text);
819
+ --yee-card-header-expand-icon-hover-color: var(--yee-color-text);
820
+ --yee-card-header-expand-icon-active-color: var(--yee-color-text);
775
821
  --yee-card-group-inner-bg-color: transparent;
776
822
  --yee-card-header-clickable-bg-color: #efefef;
777
823
 
778
824
  /* --Carousel-- */
779
825
  --yee-carousel-bar-bg-color: rgba(119, 122, 242, 45%);
780
- --yee-carousel-bar-hover-active-bg-color: var(--yee-primary-color);
781
- --yee-carousel-arrow-color: var(--yee-primary-color);
826
+ --yee-carousel-bar-hover-active-bg-color: var(--yee-color-primary);
827
+ --yee-carousel-arrow-color: var(--yee-color-primary);
782
828
  --yee-carousel-arrow-bg-color: rgba(119, 122, 242, 7%);
783
829
  --yee-carousel-arrow-border-color: rgba(119, 122, 242, 7%);
784
830
  --yee-carousel-arrow-hover-color: #fff;
785
- --yee-carousel-arrow-hover-bg-color: var(--yee-primary-color);
786
- --yee-carousel-arrow-hover-border-color: var(--yee-primary-color);
831
+ --yee-carousel-arrow-hover-bg-color: var(--yee-color-primary);
832
+ --yee-carousel-arrow-hover-border-color: var(--yee-color-primary);
787
833
 
788
834
  /* --Collapse-- */
789
835
  --yee-collapse-bg-color: var(--yee-color-bg-container);
790
836
  --yee-collapse-item-bg-color: var(--yee-color-bg-container);
791
837
  --yee-collapse-header-bg-color: var(--yee-color-bg-head);
792
838
  --yee-collapse-border-color: var(--yee-color-split);
793
- --yee-collapse-info-color: var(--yee-info-color);
794
- --yee-collapse-success-color: var(--yee-success-color);
795
- --yee-collapse-warning-color: var(--yee-warning-color);
796
- --yee-collapse-error-color: var(--yee-error-color);
797
- --yee-collapse-header-custom-btn-text-color: var(--yee-text-color);
798
- --yee-collapse-header-custom-btn-text-hover-color: var(--yee-primary-color);
799
- --yee-collapse-header-custom-btn-text-active-color: var(--yee-primary-color);
839
+ --yee-collapse-info-color: var(--yee-color-info);
840
+ --yee-collapse-success-color: var(--yee-color-success);
841
+ --yee-collapse-warning-color: var(--yee-color-warning);
842
+ --yee-collapse-error-color: var(--yee-color-error);
843
+ --yee-collapse-header-custom-btn-text-color: var(--yee-color-text);
844
+ --yee-collapse-header-custom-btn-text-hover-color: var(--yee-color-primary);
845
+ --yee-collapse-header-custom-btn-text-active-color: var(--yee-color-primary);
800
846
 
801
847
  /* --Highlight-- */
802
- --yee-highlight-color: var(--yee-primary-color);
848
+ --yee-highlight-color: var(--yee-color-primary);
803
849
  --yee-highlight-hover-color: #39364e;
804
850
  --yee-highlight-active-color: #39364e;
805
851
 
806
852
  /* --ImagePreview-- */
807
- --yee-image-preview-image-mask-bg-color: var(--yee-mask-bg-color);
808
- --yee-image-preview-mask-color: #fff;
809
- --yee-image-preview-mask-bg-color: var(--yee-mask-bg-color);
810
- --yee-image-preview-close-icon-color: rgba(255, 255, 255, 88%);
811
- --yee-image-preview-close-icon-bg-color: rgba(0, 0, 0, 16%);
812
- --yee-image-preview-close-icon-hover-color: #fff;
813
- --yee-image-preview-toolbar-bg-color: rgba(0, 0, 0, 32%);
814
- --yee-image-preview-toolbar-color: rgba(255, 255, 255, 72%);
815
- --yee-image-preview-toolbar-hover-color: #fff;
816
- --yee-image-preview-toolbar-disabled-color: rgba(255, 255, 255, 32%);
817
- --yee-image-preview-toolbar-zoom-color: #fff;
818
- --yee-image-preview-toolbar-split-color: rgba(255, 255, 255, 16%);
819
- --yee-image-preview-split-color: rgba(255, 255, 255, 8%);
820
- --yee-image-preview-selected-border-color: rgba(0, 0, 0, 32%);
821
- --yee-image-preview-arrow-color: #fff;
822
- --yee-image-preview-arrow-hover-color: #fff;
823
- --yee-image-preview-arrow-bg-color: rgba(255, 255, 255, 8%);
824
- --yee-image-preview-arrow-bg-hover-color: rgba(255, 255, 255, 16%);
825
- --yee-image-preview-viewer-bg-color: var(--yee-color-bg-layout);
853
+ --yee-image-viewer-image-mask-bg-color: var(--yee-mask-bg-color);
854
+ --yee-image-viewer-mask-color: #fff;
855
+ --yee-image-viewer-mask-bg-color: var(--yee-mask-bg-color);
856
+ --yee-image-viewer-close-icon-color: rgba(255, 255, 255, 88%);
857
+ --yee-image-viewer-close-icon-bg-color: rgba(0, 0, 0, 16%);
858
+ --yee-image-viewer-close-icon-hover-color: #fff;
859
+ --yee-image-viewer-toolbar-bg-color: rgba(0, 0, 0, 32%);
860
+ --yee-image-viewer-toolbar-color: rgba(255, 255, 255, 72%);
861
+ --yee-image-viewer-toolbar-hover-color: #fff;
862
+ --yee-image-viewer-toolbar-disabled-color: rgba(255, 255, 255, 32%);
863
+ --yee-image-viewer-toolbar-zoom-color: #fff;
864
+ --yee-image-viewer-toolbar-split-color: rgba(255, 255, 255, 16%);
865
+ --yee-image-viewer-split-color: rgba(255, 255, 255, 8%);
866
+ --yee-image-viewer-selected-border-color: rgba(0, 0, 0, 32%);
867
+ --yee-image-viewer-arrow-color: #fff;
868
+ --yee-image-viewer-arrow-hover-color: #fff;
869
+ --yee-image-viewer-arrow-bg-color: rgba(255, 255, 255, 8%);
870
+ --yee-image-viewer-arrow-bg-hover-color: rgba(255, 255, 255, 16%);
871
+ --yee-image-viewer-viewer-bg-color: var(--yee-color-bg-layout);
872
+ --yee-image-viewer-close-icon-focus-color: var(--yee-tab-active-border-color);
826
873
 
827
874
  /* --Popover-- */
828
875
  --yee-popover-bg-color: var(--yee-color-bg-elevated);
829
876
  --yee-popover-header-bg-color: transparent;
830
- --yee-popover-confirm-icon-color: var(--yee-warning-color);
877
+ --yee-popover-confirm-icon-color: var(--yee-color-warning);
831
878
 
832
879
  /* --QRCode-- */
833
- --yee-qrcode-fill-color: var(--yee-text-color);
880
+ --yee-qrcode-fill-color: var(--yee-color-text);
834
881
  --yee-qrcode-border-color: var(--yee-color-split);
835
882
  --yee-qrcode-bg-color: var(--yee-color-bg-container);
836
883
  --yee-qrcode-mask-bg-color: rgba(255, 255, 255, 96%);
837
- --yee-qrcode-mask-font-color: var(--yee-text-color);
884
+ --yee-qrcode-mask-font-color: var(--yee-color-text);
838
885
 
839
886
  /* --Table-- */
840
- --yee-table-color: var(--yee-text-color);
841
- --yee-table-thead-color: var(--yee-text-color-secondary);
887
+ --yee-table-color: var(--yee-color-text);
888
+ --yee-table-thead-color: var(--yee-color-text-secondary);
842
889
  --yee-table-bg-color: var(--yee-color-bg-container);
843
890
  --yee-table-elevated-bg-color: var(--yee-table-bg-color);
844
891
  --yee-table-thead-bg-color: var(--yee-color-bg-head);
@@ -868,14 +915,14 @@
868
915
  --yee-table-elevated-tbody-tr-hover-bg-color: var(
869
916
  --yee-table-tbody-tr-hover-bg-color
870
917
  );
871
- --yee-table-head-action-search-color: var(--yee-text-color-auxiliary);
872
- --yee-table-head-action-filter-color: var(--yee-text-color-auxiliary);
873
- --yee-table-head-action-sort-color: var(--yee-text-color-auxiliary);
874
- --yee-table-head-action-hover-color: var(--yee-text-color-description);
875
- --yee-table-head-action-active-color: var(--yee-primary-color);
876
- --yee-table-head-filter-color: var(--yee-text-color);
877
- --yee-table-head-filter-hover-color: var(--yee-primary-color);
878
- --yee-table-head-filter-active-color: var(--yee-primary-color);
918
+ --yee-table-head-action-search-color: var(--yee-color-text-auxiliary);
919
+ --yee-table-head-action-filter-color: var(--yee-color-text-auxiliary);
920
+ --yee-table-head-action-sort-color: var(--yee-color-text-auxiliary);
921
+ --yee-table-head-action-hover-color: var(--yee-color-text-description);
922
+ --yee-table-head-action-active-color: var(--yee-color-primary);
923
+ --yee-table-head-filter-color: var(--yee-color-text);
924
+ --yee-table-head-filter-hover-color: var(--yee-color-primary);
925
+ --yee-table-head-filter-active-color: var(--yee-color-primary);
879
926
  --yee-table-fixed-left-after-bs-color: var(--yee-box-shadow-color);
880
927
  --yee-table-fixed-right-after-bs-color: var(--yee-box-shadow-color);
881
928
  --yee-table-fixed-column-bg-color: inherit;
@@ -885,146 +932,151 @@
885
932
  --yee-table-tbody-tr-expanded-bg-color
886
933
  );
887
934
  --yee-table-summary-bg-color: var(--yee-color-bg-container);
888
- --yee-table-no-record-color: var(--yee-text-color-description);
935
+ --yee-table-no-record-color: var(--yee-color-text-description);
936
+ --yee-table-cell-bg-color: inherit;
937
+ --yee-table-head-cell-split-line-color: #eee;
889
938
 
890
939
  /* --Tabs-- */
891
940
  --yee-tabs-bg-color: var(--yee-color-bg-container);
892
941
  --yee-tabs-elevated-bg-color: var(--yee-color-bg-container);
893
942
  --yee-tabs-fixed-bg-color: transparent;
894
943
  --yee-tabs-before-border-color: var(--yee-color-split);
895
- --yee-tabitem-title-active-hover-color: var(--yee-primary-color);
896
- --yee-tabitem-title-disabled-color: var(--yee-text-color-disabled);
897
- --yee-tabs-active-border-color: var(--yee-primary-color);
944
+ --yee-tabs-tab-title-active-hover-color: var(--yee-color-primary);
945
+ --yee-tabs-tab-title-disabled-color: var(--yee-color-text-disabled);
946
+ --yee-tabs-active-border-color: var(--yee-color-primary);
898
947
  --yee-tabs-border-color: var(--yee-color-split);
899
948
  --yee-tabs-badge-bg-color: var(--yee-color-bg-fill);
900
- --yee-tabs-badge-font-color: var(--yee-text-color);
901
- --yee-tabs-pills-border-color: var(--yee-border-color);
902
- --yee-tabitem-active-hover-pills-color: var(--yee-primary-color);
903
- --yee-tabitem-active-pills-border-color: var(--yee-primary-color);
904
- --yee-tabitem-dropdown-title-hover-color: var(--yee-color-option-hover);
905
- --yee-tabitem-dropdown-title-hover-bg-color: var(--yee-color-option-hover-bg);
906
- --yee-tabitem-dropdown-title-active-color: var(--yee-color-option-active);
907
- --yee-tabitem-dropdown-title-active-bg-color: var(
949
+ --yee-tabs-badge-font-color: var(--yee-color-text);
950
+ --yee-tabs-pills-border-color: var(--yee-color-border);
951
+ --yee-tabs-tab-active-hover-pills-color: var(--yee-color-primary);
952
+ --yee-tabs-tab-active-pills-border-color: var(--yee-color-primary);
953
+ --yee-tabs-tab-dropdown-title-hover-color: var(--yee-color-option-hover);
954
+ --yee-tabs-tab-dropdown-title-hover-bg-color: var(
955
+ --yee-color-option-hover-bg
956
+ );
957
+ --yee-tabs-tab-dropdown-title-active-color: var(--yee-color-option-active);
958
+ --yee-tabs-tab-dropdown-title-active-bg-color: var(
908
959
  --yee-color-option-active-bg
909
960
  );
910
961
  --yee-tabs-card-item-bg-color: rgba(255, 255, 255, 64%);
911
- --yee-tabs-card-active-hover-color: var(--yee-primary-color);
962
+ --yee-tabs-card-active-hover-color: var(--yee-color-primary);
912
963
  --yee-tabs-card-border-color: var(--yee-color-split);
913
964
  --yee-tabs-card-border-bg-color: var(--yee-color-bg-head);
914
965
  --yee-tabs-card-active-bg-color: var(--yee-color-bg-container);
915
966
  --yee-tabs-card-bg-color: transparent;
916
967
  --yee-tabs-conatiner-bg-color: var(--yee-color-bg-container);
917
- --yee-tabs-header-custom-btn-text-color: var(--yee-text-color);
918
- --yee-tabs-header-custom-btn-text-hover-color: var(--yee-primary-color);
919
- --yee-tabs-header-custom-btn-text-active-color: var(--yee-primary-color);
968
+ --yee-tabs-header-custom-btn-text-color: var(--yee-color-text);
969
+ --yee-tabs-header-custom-btn-text-hover-color: var(--yee-color-primary);
970
+ --yee-tabs-header-custom-btn-text-active-color: var(--yee-color-primary);
920
971
 
921
972
  /* --Tag-- */
922
- --yee-tag-color: var(--yee-text-color);
973
+ --yee-tag-color: var(--yee-color-text);
923
974
  --yee-tag-border-color: var(--yee-color-split);
924
975
  --yee-tag-item-bg-color: var(--yee-color-bg-head);
925
976
  --yee-tag-hover-color: var(--yee-close-icon-hover-color);
926
977
  --yee-tag-item-dashed-bg-color: var(--yee-color-bg-container);
927
- --yee-tag-item-title-color: var(--yee-text-color-description);
928
- --yee-tag-item-not-check-color: var(--yee-text-color);
978
+ --yee-tag-item-title-color: var(--yee-color-text-description);
979
+ --yee-tag-item-not-check-color: var(--yee-color-text);
929
980
  --yee-tag-item-not-check-bg-color: transparent;
930
981
  --yee-tag-item-not-check-border-color: transparent;
931
- --yee-tag-item-check-hover-color: var(--yee-primary-color);
982
+ --yee-tag-item-check-hover-color: var(--yee-color-primary);
932
983
  --yee-tag-item-check-hover-bg-color: var(--yee-color-option-active-bg);
933
984
  --yee-tag-item-check-hover-border-color: var(--yee-color-option-active-bg);
934
985
  --yee-tag-item-check-active-color: #fff;
935
- --yee-tag-item-check-active-bg-color: var(--yee-primary-color);
936
- --yee-tag-item-check-active-border-color: var(--yee-primary-color);
937
- --yee-tag-info-color: var(--yee-info-color);
938
- --yee-tag-info-border-color: var(--yee-info-color-border);
939
- --yee-tag-info-bg-color: var(--yee-info-color-bg);
940
- --yee-tag-success-color: var(--yee-success-color);
941
- --yee-tag-success-border-color: var(--yee-success-color-border);
942
- --yee-tag-success-bg-color: var(--yee-success-color-bg);
943
- --yee-tag-warning-color: var(--yee-warning-color);
944
- --yee-tag-warning-border-color: var(--yee-warning-color-border);
945
- --yee-tag-warning-bg-color: var(--yee-warning-color-bg);
946
- --yee-tag-error-color: var(--yee-error-color);
947
- --yee-tag-error-border-color: var(--yee-error-color-border);
948
- --yee-tag-error-bg-color: var(--yee-error-color-bg);
949
- --yee-tag-disabled-color: var(--yee-text-color-disabled);
986
+ --yee-tag-item-check-active-bg-color: var(--yee-color-primary);
987
+ --yee-tag-item-check-active-border-color: var(--yee-color-primary);
988
+ --yee-tag-info-color: var(--yee-color-info);
989
+ --yee-tag-info-border-color: var(--yee-color-info-border);
990
+ --yee-tag-info-bg-color: var(--yee-color-info-bg);
991
+ --yee-tag-success-color: var(--yee-color-success);
992
+ --yee-tag-success-border-color: var(--yee-color-success-border);
993
+ --yee-tag-success-bg-color: var(--yee-color-success-bg);
994
+ --yee-tag-warning-color: var(--yee-color-warning);
995
+ --yee-tag-warning-border-color: var(--yee-color-warning-border);
996
+ --yee-tag-warning-bg-color: var(--yee-color-warning-bg);
997
+ --yee-tag-error-color: var(--yee-color-error);
998
+ --yee-tag-error-border-color: var(--yee-color-error-border);
999
+ --yee-tag-error-bg-color: var(--yee-color-error-bg);
1000
+ --yee-tag-disabled-color: var(--yee-color-text-disabled);
950
1001
  --yee-tag-disabled-border-color: var(--yee-tag-border-color);
951
1002
  --yee-tag-disabled-bg-color: var(--yee-tag-item-bg-color);
1003
+ --yee-tag-solid-color: #fff;
952
1004
 
953
1005
  /* --Timeline-- */
954
1006
  --yee-timeline-item-tail-color: var(--yee-color-bg-rail);
955
- --yee-timeline-item-head-color: var(--yee-primary-color);
1007
+ --yee-timeline-item-head-color: var(--yee-color-primary);
956
1008
  --yee-timeline-item-head-bg-color: var(--yee-color-bg-container);
957
- --yee-timeline-item-title-color: var(--yee-text-color);
958
- --yee-timeline-item-content-color: var(--yee-text-color-description);
959
- --yee-timeline-item-info: var(--yee-info-color);
960
- --yee-timeline-item-success: var(--yee-success-color);
961
- --yee-timeline-item-warning: var(--yee-warning-color);
962
- --yee-timeline-item-error: var(--yee-error-color);
963
- --yee-timeline-item-disabled: var(--yee-text-color-disabled);
1009
+ --yee-timeline-item-title-color: var(--yee-color-text);
1010
+ --yee-timeline-item-content-color: var(--yee-color-text-description);
1011
+ --yee-timeline-item-info: var(--yee-color-info);
1012
+ --yee-timeline-item-success: var(--yee-color-success);
1013
+ --yee-timeline-item-warning: var(--yee-color-warning);
1014
+ --yee-timeline-item-error: var(--yee-color-error);
1015
+ --yee-timeline-item-disabled: var(--yee-color-text-disabled);
964
1016
 
965
1017
  /* --Tooltip-- */
966
1018
  --yee-tooltip-font-color: #fff;
967
1019
  --yee-tooltip-bg-color: rgba(0, 0, 0, 88%);
968
1020
  --yee-tooltip-info-color: #fff;
969
- --yee-tooltip-info-bg-color: var(--yee-info-color);
1021
+ --yee-tooltip-info-bg-color: var(--yee-color-info);
970
1022
  --yee-tooltip-success-color: #fff;
971
- --yee-tooltip-success-bg-color: var(--yee-success-color);
1023
+ --yee-tooltip-success-bg-color: var(--yee-color-success);
972
1024
  --yee-tooltip-warning-color: #fff;
973
- --yee-tooltip-warning-bg-color: var(--yee-warning-color);
1025
+ --yee-tooltip-warning-bg-color: var(--yee-color-warning);
974
1026
  --yee-tooltip-error-color: #fff;
975
- --yee-tooltip-error-bg-color: var(--yee-error-color);
1027
+ --yee-tooltip-error-bg-color: var(--yee-color-error);
976
1028
 
977
1029
  /* --Tour-- */
978
1030
  --yee-tour-mask-color: rgba(0, 0, 0, 45%);
979
1031
  --yee-tour-content-bg-color: var(--yee-color-bg-container);
980
1032
  --yee-tour-content-box-shadow: 0 6px 16px var(--yee-box-shadow-color);
981
- --yee-tour-close-color: var(--yee-text-color);
982
- --yee-tour-title-color: var(--yee-text-color);
983
- --yee-tour-description-color: var(--yee-text-color-description);
1033
+ --yee-tour-close-color: var(--yee-color-text);
1034
+ --yee-tour-title-color: var(--yee-color-text);
1035
+ --yee-tour-description-color: var(--yee-color-text-description);
984
1036
 
985
1037
  /* --Tree-- */
986
1038
  --yee-tree-node-text-hover-bg-color: var(--yee-color-option-hover-bg);
987
1039
  --yee-tree-node-text-hover-color: var(--yee-color-option-hover);
988
1040
  --yee-tree-node-text-active-bg-color: transparent;
989
1041
  --yee-tree-node-text-active-color: var(--yee-color-option-active);
990
- --yee-tree-node-disabled-color: var(--yee-text-color-disabled);
991
- --yee-tree-node-single-disabled-active-color: var(--yee-text-color-disabled);
1042
+ --yee-tree-node-disabled-color: var(--yee-color-text-disabled);
1043
+ --yee-tree-node-single-disabled-active-color: var(--yee-color-text-disabled);
992
1044
  --yee-tree-node-single-disabled-active-bg-color: var(--yee-color-bg-disabled);
993
1045
  --yee-tree-directory-node-hover-color: var(--yee-color-option-hover);
994
1046
  --yee-tree-directory-node-hover-bg-color: var(--yee-color-option-hover-bg);
995
1047
  --yee-tree-directory-node-active-color: var(--yee-color-option-active);
996
1048
  --yee-tree-directory-node-active-bg-color: var(--yee-color-option-active-bg);
997
1049
  --yee-tree-node-line-color: var(--yee-color-split);
998
- --yee-tree-node-high-light-color: var(--yee-text-color-highlight);
999
- --yee-tree-header-custom-btn-text-color: var(--yee-text-color-description);
1000
- --yee-tree-header-custom-btn-text-hover-color: var(--yee-primary-color);
1001
- --yee-tree-header-custom-btn-text-active-color: var(--yee-primary-color);
1050
+ --yee-tree-node-high-light-color: var(--yee-color-text-highlight);
1051
+ --yee-tree-header-custom-btn-text-color: var(--yee-color-text-description);
1052
+ --yee-tree-header-custom-btn-text-hover-color: var(--yee-color-primary);
1053
+ --yee-tree-header-custom-btn-text-active-color: var(--yee-color-primary);
1002
1054
 
1003
1055
  /* --Alert-- */
1004
- --yee-alert-font-color: var(--yee-text-color);
1056
+ --yee-alert-font-color: var(--yee-color-text);
1005
1057
  --yee-alert-border-color: var(--yee-color-split);
1006
- --yee-alert-info-icon-color: var(--yee-info-color);
1007
- --yee-alert-info-bg-color: var(--yee-info-color-bg);
1008
- --yee-alert-info-border-color: var(--yee-info-color-border);
1009
- --yee-alert-success-icon-color: var(--yee-success-color);
1010
- --yee-alert-success-bg-color: var(--yee-success-color-bg);
1011
- --yee-alert-success-border-color: var(--yee-success-color-border);
1012
- --yee-alert-warning-icon-color: var(--yee-warning-color);
1013
- --yee-alert-warning-bg-color: var(--yee-warning-color-bg);
1014
- --yee-alert-warning-border-color: var(--yee-warning-color-border);
1015
- --yee-alert-danger-icon-color: var(--yee-error-color);
1016
- --yee-alert-danger-bg-color: var(--yee-error-color-bg);
1017
- --yee-alert-danger-border-color: var(--yee-error-color-border);
1058
+ --yee-alert-info-icon-color: var(--yee-color-info);
1059
+ --yee-alert-info-bg-color: var(--yee-color-info-bg);
1060
+ --yee-alert-info-border-color: var(--yee-color-info-border);
1061
+ --yee-alert-success-icon-color: var(--yee-color-success);
1062
+ --yee-alert-success-bg-color: var(--yee-color-success-bg);
1063
+ --yee-alert-success-border-color: var(--yee-color-success-border);
1064
+ --yee-alert-warning-icon-color: var(--yee-color-warning);
1065
+ --yee-alert-warning-bg-color: var(--yee-color-warning-bg);
1066
+ --yee-alert-warning-border-color: var(--yee-color-warning-border);
1067
+ --yee-alert-danger-icon-color: var(--yee-color-error);
1068
+ --yee-alert-danger-bg-color: var(--yee-color-error-bg);
1069
+ --yee-alert-danger-border-color: var(--yee-color-error-border);
1018
1070
 
1019
1071
  /* --Dialog-- */
1020
1072
  --yee-dialog-mask-bg-color: var(--yee-color-bg-mask-dark);
1021
1073
  --yee-dialog-body-bg-color: var(--yee-color-bg-elevated);
1022
- --yee-dialog-title-color: var(--yee-text-color);
1074
+ --yee-dialog-title-color: var(--yee-color-text);
1023
1075
  --yee-dialog-title-before-bg-color: var(--yee-title-prefix-bg-color);
1024
- --yee-dialog-confirm-info-color: var(--yee-info-color);
1025
- --yee-dialog-confirm-success-color: var(--yee-success-color);
1026
- --yee-dialog-confirm-warning-color: var(--yee-warning-color);
1027
- --yee-dialog-confirm-error-color: var(--yee-error-color);
1076
+ --yee-dialog-confirm-info-color: var(--yee-color-info);
1077
+ --yee-dialog-confirm-success-color: var(--yee-color-success);
1078
+ --yee-dialog-confirm-warning-color: var(--yee-color-warning);
1079
+ --yee-dialog-confirm-error-color: var(--yee-color-error);
1028
1080
  --yee-dialog-content-bg-color: var(--yee-color-bg-elevated);
1029
1081
  --yee-dialog-content-box-shadow-color: rgba(15, 15, 15, 8%);
1030
1082
 
@@ -1032,31 +1084,31 @@
1032
1084
  --yee-drawer-mask-bg-color: var(--yee-color-bg-mask-dark);
1033
1085
  --yee-drawer-content-bg-color: var(--yee-color-bg-elevated);
1034
1086
  --yee-drawer-title-before-bg-color: var(--yee-title-prefix-bg-color);
1035
- --yee-drawer-title-color: var(--yee-text-color);
1087
+ --yee-drawer-title-color: var(--yee-color-text);
1036
1088
  --yee-drawer-footer-border-color: var(--yee-color-split);
1037
1089
 
1038
1090
  /* --Message-- */
1039
1091
  --yee-message-bg-color: var(--yee-color-bg-elevated);
1040
- --yee-message-info-color: var(--yee-info-color);
1041
- --yee-message-success-color: var(--yee-success-color);
1042
- --yee-message-warning-color: var(--yee-warning-color);
1043
- --yee-message-error-color: var(--yee-error-color);
1092
+ --yee-message-info-color: var(--yee-color-info);
1093
+ --yee-message-success-color: var(--yee-color-success);
1094
+ --yee-message-warning-color: var(--yee-color-warning);
1095
+ --yee-message-error-color: var(--yee-color-error);
1044
1096
 
1045
1097
  /* --Notification-- */
1046
- --yee-notice-icon-color: var(--yee-text-color);
1047
- --yee-notice-header-title-color: var(--yee-text-color);
1048
- --yee-notice-info-icon-color: var(--yee-info-color);
1049
- --yee-notice-info-bg-color: var(--yee-info-color-bg);
1050
- --yee-notice-info-border-color: var(--yee-info-color-border);
1051
- --yee-notice-success-icon-color: var(--yee-success-color);
1052
- --yee-notice-success-bg-color: var(--yee-success-color-bg);
1053
- --yee-notice-success-border-color: var(--yee-success-color-border);
1054
- --yee-notice-warning-icon-color: var(--yee-warning-color);
1055
- --yee-notice-warning-bg-color: var(--yee-warning-color-bg);
1056
- --yee-notice-warning-border-color: var(--yee-warning-color-border);
1057
- --yee-notice-error-icon-color: var(--yee-error-color);
1058
- --yee-notice-error-bg-color: var(--yee-error-color-bg);
1059
- --yee-notice-error-border-color: var(--yee-error-color-border);
1098
+ --yee-notice-icon-color: var(--yee-color-text);
1099
+ --yee-notice-header-title-color: var(--yee-color-text);
1100
+ --yee-notice-info-icon-color: var(--yee-color-info);
1101
+ --yee-notice-info-bg-color: var(--yee-color-info-bg);
1102
+ --yee-notice-info-border-color: var(--yee-color-info-border);
1103
+ --yee-notice-success-icon-color: var(--yee-color-success);
1104
+ --yee-notice-success-bg-color: var(--yee-color-success-bg);
1105
+ --yee-notice-success-border-color: var(--yee-color-success-border);
1106
+ --yee-notice-warning-icon-color: var(--yee-color-warning);
1107
+ --yee-notice-warning-bg-color: var(--yee-color-warning-bg);
1108
+ --yee-notice-warning-border-color: var(--yee-color-warning-border);
1109
+ --yee-notice-error-icon-color: var(--yee-color-error);
1110
+ --yee-notice-error-bg-color: var(--yee-color-error-bg);
1111
+ --yee-notice-error-border-color: var(--yee-color-error-border);
1060
1112
  --yee-notice-description-color: rgba(0, 0, 0, 65%);
1061
1113
  --yee-notice-close-color: rgba(0, 0, 0, 45%);
1062
1114
  --yee-notice-close-hover-color: rgba(0, 0, 0, 75%);
@@ -1072,17 +1124,17 @@
1072
1124
  --yee-popconfirm-bg-font-color: var(--yee-color-bg-elevated);
1073
1125
 
1074
1126
  /* --Progress-- */
1075
- --yee-progress-text-color: var(--yee-text-color);
1127
+ --yee-progress-text-color: var(--yee-color-text);
1076
1128
  --yee-progress-not-bg-color: var(--yee-color-bg-fill);
1077
- --yee-progress-done-color: var(--yee-success-color);
1078
- --yee-progress-default-bg-color: var(--yee-info-color);
1079
- --yee-progress-info-color: var(--yee-info-color);
1080
- --yee-progress-success-color: var(--yee-success-color);
1081
- --yee-progress-warning-color: var(--yee-warning-color);
1082
- --yee-progress-error-color: var(--yee-error-color);
1129
+ --yee-progress-done-color: var(--yee-color-success);
1130
+ --yee-progress-default-bg-color: var(--yee-color-info);
1131
+ --yee-progress-info-color: var(--yee-color-info);
1132
+ --yee-progress-success-color: var(--yee-color-success);
1133
+ --yee-progress-warning-color: var(--yee-color-warning);
1134
+ --yee-progress-error-color: var(--yee-color-error);
1083
1135
  --yee-progress-circle-bg-color: transparent;
1084
- --yee-progress-circle-segment-progress-color: var(--yee-info-color);
1085
- --yee-progress-circle-segment-done-color: var(--yee-success-color);
1136
+ --yee-progress-circle-segment-progress-color: var(--yee-color-info);
1137
+ --yee-progress-circle-segment-done-color: var(--yee-color-success);
1086
1138
 
1087
1139
  /* --Skeleton-- */
1088
1140
  --yee-skeleton-bg-color: rgba(0, 0, 0, 4%);
@@ -1090,32 +1142,208 @@
1090
1142
  --yee-skeleton-bg-active-color: rgba(0, 0, 0, 8%);
1091
1143
 
1092
1144
  /* --Spin-- */
1093
- --yee-spin-default-color: var(--yee-primary-color);
1094
- --yee-spin-info-color: var(--yee-info-color);
1095
- --yee-spin-success-color: var(--yee-success-color);
1096
- --yee-spin-warning-color: var(--yee-warning-color);
1097
- --yee-spin-danger-color: var(--yee-error-color);
1098
- --yee-full-loading-color: var(--yee-primary-color);
1145
+ --yee-spin-default-color: var(--yee-color-primary);
1146
+ --yee-spin-info-color: var(--yee-color-info);
1147
+ --yee-spin-success-color: var(--yee-color-success);
1148
+ --yee-spin-warning-color: var(--yee-color-warning);
1149
+ --yee-spin-danger-color: var(--yee-color-error);
1150
+ --yee-full-loading-color: var(--yee-color-primary);
1099
1151
  --yee-full-loading-item-bg-color: transparent;
1100
1152
  --yee-full-loading-mask-bg-color: var(--yee-color-bg-mask-light);
1101
1153
 
1102
1154
  /* --Selector-- */
1103
- --yee-selector-border-color: var(--yee-border-color);
1104
- --yee-selector-hover-border-color: var(--yee-border-color-hover-focus);
1105
- --yee-selector-focus-border-color: var(--yee-primary-color);
1155
+ --yee-selector-border-color: var(--yee-color-border);
1156
+ --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
1157
+ --yee-selector-focus-border-color: var(--yee-color-primary);
1106
1158
  --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
1107
1159
 
1108
1160
  /* --Watermark-- */
1109
- --yee-watermark-color: var(--yee-text-color);
1161
+ --yee-watermark-color: var(--yee-color-text);
1110
1162
 
1111
1163
  /* --Descriptions-- */
1112
- --yee-descriptions-color: var(--yee-text-color);
1113
- --yee-descriptions-title-color: var(--yee-text-color);
1114
- --yee-descriptions-extra-color: var(--yee-text-color);
1115
- --yee-descriptions-label-color: var(--yee-text-color-description);
1116
- --yee-descriptions-content-color: var(--yee-text-color);
1164
+ --yee-descriptions-color: var(--yee-color-text);
1165
+ --yee-descriptions-title-color: var(--yee-color-text);
1166
+ --yee-descriptions-extra-color: var(--yee-color-text);
1167
+ --yee-descriptions-label-color: var(--yee-color-text-description);
1168
+ --yee-descriptions-content-color: var(--yee-color-text);
1117
1169
  --yee-descriptions-border-color: var(--yee-color-split);
1118
1170
  --yee-descriptions-bordered-label-bg: var(--yee-color-fill-quaternary);
1171
+
1172
+ /* --Form-- */
1173
+ --yee-form-item-tooltip-icon-color: var(--yee-color-text-secondary, #999);
1174
+
1175
+ /* --WheelPicker-- */
1176
+ --yee-wheel-picker-indicator-bg: rgba(0, 0, 0, 4%);
1177
+
1178
+ /* --ErrorBoundary-- */
1179
+ --yee-error-boundary-bg: #fafafa;
1180
+ --yee-error-boundary-fg: #1f1f1f;
1181
+ --yee-error-boundary-border: #e0e0e0;
1182
+ --yee-error-boundary-muted: #999;
1183
+ --yee-error-boundary-badge-color: oklch(0.5 0.15 25);
1184
+ --yee-error-boundary-message-color: oklch(0.4 0.12 25);
1185
+ --yee-error-boundary-stack-bg: #f0f0f0;
1186
+ --yee-error-boundary-stack-fg: #555;
1187
+
1188
+ /* deprecated-aliases:start
1189
+ * ------------------------------------------------------------------
1190
+ * deprecated 兼容别名(--yee-{semantic}-color* -> --yee-color-{semantic}*)
1191
+ * 旧命名自 v0.12 起 deprecated,保留一个版本周期(v0.12.x)后移除。
1192
+ * 新代码请统一使用 --yee-color-* 。
1193
+ * 预置主题文件(color.<name>.css)无需重复本段:var() 在使用处解析,
1194
+ * 别名会自动跟随当前生效的 --yee-color-* 值。
1195
+ * ------------------------------------------------------------------ */
1196
+ --yee-primary-color: var(--yee-color-primary);
1197
+ --yee-primary-color-active: var(--yee-color-primary-active);
1198
+ --yee-primary-color-bg: var(--yee-color-primary-bg);
1199
+ --yee-primary-color-border: var(--yee-color-primary-border);
1200
+ --yee-primary-color-hover: var(--yee-color-primary-hover);
1201
+ --yee-success-color: var(--yee-color-success);
1202
+ --yee-success-color-active: var(--yee-color-success-active);
1203
+ --yee-success-color-bg: var(--yee-color-success-bg);
1204
+ --yee-success-color-border: var(--yee-color-success-border);
1205
+ --yee-success-color-hover: var(--yee-color-success-hover);
1206
+ --yee-error-color: var(--yee-color-error);
1207
+ --yee-error-color-active: var(--yee-color-error-active);
1208
+ --yee-error-color-bg: var(--yee-color-error-bg);
1209
+ --yee-error-color-border: var(--yee-color-error-border);
1210
+ --yee-error-color-hover: var(--yee-color-error-hover);
1211
+ --yee-warning-color: var(--yee-color-warning);
1212
+ --yee-warning-color-active: var(--yee-color-warning-active);
1213
+ --yee-warning-color-bg: var(--yee-color-warning-bg);
1214
+ --yee-warning-color-border: var(--yee-color-warning-border);
1215
+ --yee-warning-color-hover: var(--yee-color-warning-hover);
1216
+ --yee-info-color: var(--yee-color-info);
1217
+ --yee-info-color-active: var(--yee-color-info-active);
1218
+ --yee-info-color-bg: var(--yee-color-info-bg);
1219
+ --yee-info-color-border: var(--yee-color-info-border);
1220
+ --yee-info-color-hover: var(--yee-color-info-hover);
1221
+ --yee-link-color: var(--yee-color-link);
1222
+ --yee-link-color-active: var(--yee-color-link-active);
1223
+ --yee-link-color-hover: var(--yee-color-link-hover);
1224
+ --yee-text-color: var(--yee-color-text);
1225
+ --yee-text-color-auxiliary: var(--yee-color-text-auxiliary);
1226
+ --yee-text-color-description: var(--yee-color-text-description);
1227
+ --yee-text-color-disabled: var(--yee-color-text-disabled);
1228
+ --yee-text-color-highlight: var(--yee-color-text-highlight);
1229
+ --yee-text-color-secondary: var(--yee-color-text-secondary);
1230
+ --yee-border-color: var(--yee-color-border);
1231
+ --yee-border-color-hover-focus: var(--yee-color-border-hover-focus);
1232
+ --yee-placeholder-color: var(--yee-color-placeholder);
1233
+
1234
+ /* deprecated-aliases:end */
1235
+
1236
+ /* deprecated-aliases:start
1237
+ * ------------------------------------------------------------------
1238
+ * deprecated 兼容别名(组件级 token 前缀统一:前缀 = 组件 CSS 类前缀)
1239
+ * --yee-rangepicker-* -> --yee-range-picker-*
1240
+ * --yee-image-preview-* -> --yee-image-viewer-*
1241
+ * --yee-tabitem-* -> --yee-tabs-tab-*
1242
+ * --yee-inputnumber-* -> --yee-input-number-*
1243
+ * --yee-float-button-* -> --yee-float-btn-*
1244
+ * --yee-treeselect-* -> --yee-tree-select-*
1245
+ * --yee-timepicker-* -> --yee-time-picker-*
1246
+ * --yee-star-icon-* -> --yee-rate-star-icon-*
1247
+ * 旧命名自 v0.12 起 deprecated,保留一个版本周期(v0.12.x)后移除。
1248
+ * 预置主题文件无需重复本段:var() 在使用处解析。
1249
+ * ------------------------------------------------------------------ */
1250
+ --yee-float-button-menu-bg-color: var(--yee-float-btn-menu-bg-color);
1251
+ --yee-image-preview-arrow-bg-color: var(--yee-image-viewer-arrow-bg-color);
1252
+ --yee-image-preview-arrow-bg-hover-color: var(
1253
+ --yee-image-viewer-arrow-bg-hover-color
1254
+ );
1255
+ --yee-image-preview-arrow-color: var(--yee-image-viewer-arrow-color);
1256
+ --yee-image-preview-arrow-hover-color: var(
1257
+ --yee-image-viewer-arrow-hover-color
1258
+ );
1259
+ --yee-image-preview-close-icon-bg-color: var(
1260
+ --yee-image-viewer-close-icon-bg-color
1261
+ );
1262
+ --yee-image-preview-close-icon-color: var(
1263
+ --yee-image-viewer-close-icon-color
1264
+ );
1265
+ --yee-image-preview-close-icon-hover-color: var(
1266
+ --yee-image-viewer-close-icon-hover-color
1267
+ );
1268
+ --yee-image-preview-image-mask-bg-color: var(
1269
+ --yee-image-viewer-image-mask-bg-color
1270
+ );
1271
+ --yee-image-preview-mask-bg-color: var(--yee-image-viewer-mask-bg-color);
1272
+ --yee-image-preview-mask-color: var(--yee-image-viewer-mask-color);
1273
+ --yee-image-preview-selected-border-color: var(
1274
+ --yee-image-viewer-selected-border-color
1275
+ );
1276
+ --yee-image-preview-split-color: var(--yee-image-viewer-split-color);
1277
+ --yee-image-preview-toolbar-bg-color: var(
1278
+ --yee-image-viewer-toolbar-bg-color
1279
+ );
1280
+ --yee-image-preview-toolbar-color: var(--yee-image-viewer-toolbar-color);
1281
+ --yee-image-preview-toolbar-disabled-color: var(
1282
+ --yee-image-viewer-toolbar-disabled-color
1283
+ );
1284
+ --yee-image-preview-toolbar-hover-color: var(
1285
+ --yee-image-viewer-toolbar-hover-color
1286
+ );
1287
+ --yee-image-preview-toolbar-split-color: var(
1288
+ --yee-image-viewer-toolbar-split-color
1289
+ );
1290
+ --yee-image-preview-toolbar-zoom-color: var(
1291
+ --yee-image-viewer-toolbar-zoom-color
1292
+ );
1293
+ --yee-image-preview-viewer-bg-color: var(--yee-image-viewer-viewer-bg-color);
1294
+ --yee-inputnumber-controls-border-color: var(
1295
+ --yee-input-number-controls-border-color
1296
+ );
1297
+ --yee-inputnumber-disabled-font-color: var(
1298
+ --yee-input-number-disabled-font-color
1299
+ );
1300
+ --yee-inputnumber-handler-active-bg-color: var(
1301
+ --yee-input-number-handler-active-bg-color
1302
+ );
1303
+ --yee-inputnumber-handler-hover-bg-color: var(
1304
+ --yee-input-number-handler-hover-bg-color
1305
+ );
1306
+ --yee-inputnumber-handler-wrap-bg-color: var(
1307
+ --yee-input-number-handler-wrap-bg-color
1308
+ );
1309
+ --yee-rangepicker-checked-bg-color: var(--yee-range-picker-checked-bg-color);
1310
+ --yee-rangepicker-hover-border-color: var(
1311
+ --yee-range-picker-hover-border-color
1312
+ );
1313
+ --yee-rangepicker-panel-bg-color: var(--yee-range-picker-panel-bg-color);
1314
+ --yee-rangepicker-trigger-border-color: var(
1315
+ --yee-range-picker-trigger-border-color
1316
+ );
1317
+ --yee-rangepicker-trigger-hover-border-color: var(
1318
+ --yee-range-picker-trigger-hover-border-color
1319
+ );
1320
+ --yee-star-icon-color: var(--yee-rate-star-icon-color);
1321
+ --yee-tabitem-active-hover-pills-color: var(
1322
+ --yee-tabs-tab-active-hover-pills-color
1323
+ );
1324
+ --yee-tabitem-active-pills-border-color: var(
1325
+ --yee-tabs-tab-active-pills-border-color
1326
+ );
1327
+ --yee-tabitem-dropdown-title-active-bg-color: var(
1328
+ --yee-tabs-tab-dropdown-title-active-bg-color
1329
+ );
1330
+ --yee-tabitem-dropdown-title-active-color: var(
1331
+ --yee-tabs-tab-dropdown-title-active-color
1332
+ );
1333
+ --yee-tabitem-dropdown-title-hover-bg-color: var(
1334
+ --yee-tabs-tab-dropdown-title-hover-bg-color
1335
+ );
1336
+ --yee-tabitem-dropdown-title-hover-color: var(
1337
+ --yee-tabs-tab-dropdown-title-hover-color
1338
+ );
1339
+ --yee-tabitem-title-active-hover-color: var(
1340
+ --yee-tabs-tab-title-active-hover-color
1341
+ );
1342
+ --yee-tabitem-title-disabled-color: var(--yee-tabs-tab-title-disabled-color);
1343
+ --yee-timepicker-bg-color: var(--yee-time-picker-bg-color);
1344
+ --yee-treeselect-dropdown-bg-color: var(--yee-tree-select-dropdown-bg-color);
1345
+
1346
+ /* deprecated-aliases:end */
1119
1347
  }
1120
1348
 
1121
1349
 
@@ -1138,6 +1366,9 @@
1138
1366
  --yee-popup-border-radius: 4px;
1139
1367
  --yee-popup-arrow-translate-y: 50%;
1140
1368
  --yee-popup-arrow-rotate: -135deg;
1369
+ --yee-radius: 4px; /* 全局基础圆角 */
1370
+ --yee-radius-lg: 8px; /* 全局大圆角 */
1371
+ --yee-popup-arrow-border-radius: 2px;
1141
1372
 
1142
1373
  /* --Alert-- */
1143
1374
  --yee-alert-close-top: 7px;
@@ -1146,6 +1377,12 @@
1146
1377
  --yee-alert-title-font-size: 16px;
1147
1378
  --yee-alert-message-font-size: 14px;
1148
1379
  --yee-alert-banner-padding: 8px 12px;
1380
+ --yee-alert-padding: 7px 11px;
1381
+ --yee-alert-border-width: 1px;
1382
+ --yee-alert-border-radius: 4px;
1383
+ --yee-alert-loop-duration: 15s; /* 与 Cycle speed 默认值一致,组件内联样式优先 */
1384
+ --yee-alert-loop-delay: 0s;
1385
+ --yee-alert-loop-play: running;
1149
1386
 
1150
1387
  /* --Anchor-- */
1151
1388
  --yee-anchor-padding: 0 16px;
@@ -1173,9 +1410,19 @@
1173
1410
  --yee-anchor-item-dot-left: 2px;
1174
1411
  --yee-anchor-item-dot-size: 6px;
1175
1412
  --yee-anchor-item-active-border-width: 2px;
1413
+ --yee-anchor-min-width: 160px;
1414
+ --yee-anchor-max-width: 240px;
1176
1415
 
1177
1416
  /* --Avatar-- */
1178
1417
  --yee-avatar-square-border-radius: 4px;
1418
+ --yee-avatar-width: 40px;
1419
+ --yee-avatar-height: 40px;
1420
+ --yee-avatar-small-size: 24px;
1421
+ --yee-avatar-small-font-size: 14px;
1422
+ --yee-avatar-default-size: 32px;
1423
+ --yee-avatar-default-font-size: 18px;
1424
+ --yee-avatar-large-size: 40px;
1425
+ --yee-avatar-large-font-size: 24px;
1179
1426
 
1180
1427
  /* --Badge-- */
1181
1428
  --yee-badge-sup-z-index: 10;
@@ -1200,6 +1447,12 @@
1200
1447
  --yee-ribbon-anger-width: 8px;
1201
1448
  --yee-ribbon-anger-height: 8px;
1202
1449
  --yee-ribbon-anger-border-width: 4px;
1450
+ --yee-badge-small-dot-size: 8px;
1451
+ --yee-badge-small-count-size: 16px;
1452
+ --yee-badge-small-count-font-size: 12px;
1453
+ --yee-badge-large-dot-size: 12px;
1454
+ --yee-badge-large-count-size: 30px;
1455
+ --yee-badge-large-count-font-size: 18px;
1203
1456
 
1204
1457
  /* --Box-- */
1205
1458
  --yee-box-padding: 16px 24px;
@@ -1211,6 +1464,7 @@
1211
1464
  --yee-breadcrumb-item-split-padding: 0 8px;
1212
1465
  --yee-breadcrumb-item-prefix-icon-margin-right: 8px;
1213
1466
  --yee-breadcrumb-item-suffix-icon-margin-left: 8px;
1467
+ --yee-breadcrumb-max-width: 400px;
1214
1468
 
1215
1469
  /* --Button-- */
1216
1470
  --yee-btn-height: 32px;
@@ -1225,11 +1479,35 @@
1225
1479
  --yee-btn-icon-gap: 4px;
1226
1480
  --yee-btn-disabled-opacity: 0.5;
1227
1481
 
1482
+ /* 变体级比例:solid 用主色加深,filled 用主色透明化 */
1483
+ --yee-btn-solid-hover-darken: 12%;
1484
+ --yee-btn-solid-active-darken: 20%;
1485
+ --yee-btn-filled-bg-alpha: 10%;
1486
+ --yee-btn-filled-hover-bg-alpha: 16%;
1487
+ --yee-btn-filled-active-bg-alpha: 22%;
1488
+ --yee-btn-round-shape: 12px;
1489
+ --yee-btn-icon-only-width: 32px;
1490
+ --yee-btn-sm-height: 24px;
1491
+ --yee-btn-sm-padding: 4px;
1492
+ --yee-btn-sm-font-size: 14px;
1493
+ --yee-btn-sm-icon-only-size: 24px;
1494
+ --yee-btn-lg-height: 40px;
1495
+ --yee-btn-lg-padding: 7px 15px;
1496
+ --yee-btn-lg-font-size: 16px;
1497
+
1228
1498
  /* --Card-- */
1229
1499
  --yee-card-header-padding: 0 12px;
1230
1500
  --yee-card-header-clickable-border-radius: 4px;
1231
1501
  --yee-card-content-margin: 16px;
1232
1502
  --yee-card-border-radius: 8px;
1503
+ --yee-card-padding: 16px 24px 24px;
1504
+ --yee-card-header-height: 32px;
1505
+ --yee-card-header-bottom: 16px;
1506
+ --yee-card-title-size: 16px;
1507
+ --yee-card-title-weight: 500;
1508
+ --yee-card-title-margin: 12px;
1509
+ --yee-card-group-padding: 16px;
1510
+ --yee-card-group-card-gap: 16px;
1233
1511
 
1234
1512
  /* --Carousel-- */
1235
1513
  --yee-carousel-vertical-prev-top: 10px;
@@ -1265,6 +1543,16 @@
1265
1543
  --yee-cascader-input-focus-z-index: 1;
1266
1544
  --yee-cascader-popup-z-index: var(--yee-z-index-popup);
1267
1545
  --yee-cascader-select-item-opacity: 0;
1546
+ --yee-cascader-menu-height: 176px;
1547
+ --yee-cascader-menu-max-height: 180px;
1548
+ --yee-cascader-menu-max-width: 240px;
1549
+ --yee-cascader-menu-item-width: 160px;
1550
+ --yee-cascader-menu-item-height: 32px;
1551
+ --yee-cascader-menu-item-padding: 0 12px;
1552
+ --yee-cascader-menu-item-label-margin-right: 8px;
1553
+ --yee-cascader-menu-item-label-loaded-left: 8px;
1554
+ --yee-cascader-menu-item-label-loaded-size: 6px;
1555
+ --yee-cascader-search-menu-item-padding: 0 10px;
1268
1556
 
1269
1557
  /* --Checkbox-- */
1270
1558
  --yee-checkbox-inner-width: 16px;
@@ -1283,6 +1571,9 @@
1283
1571
 
1284
1572
  /* --Collapse-- */
1285
1573
  --yee-collapse-border-width: 1px;
1574
+ --yee-collapse-border-radius: 4px;
1575
+ --yee-collapse-header-padding: 12px 15px;
1576
+ --yee-collapse-content-padding: 4px 15px 16px;
1286
1577
 
1287
1578
  /* --PickerPanel-- */
1288
1579
  --yee-picker-popup-z-index: var(--yee-z-index-popup);
@@ -1342,6 +1633,7 @@
1342
1633
  --yee-picker-range-end-before-width: calc(100% - 18px);
1343
1634
  --yee-picker-in-range-before-height: 24px;
1344
1635
  --yee-picker-in-range-before-border-radius: 2px;
1636
+ --yee-picker-footer-btn-gap: var(--yee-picker-footer-preset-gap);
1345
1637
 
1346
1638
  /* --Dialog-- */
1347
1639
  --yee-dialog-z-index: var(--yee-z-index-overlay);
@@ -1358,6 +1650,8 @@
1358
1650
  --yee-dialog-close-top: 12px;
1359
1651
  --yee-dialog-close-right: 12px;
1360
1652
  --yee-dialog-footer-gap: 16px;
1653
+ --yee-dialog-close-z-index: 1;
1654
+ --yee-dialog-footer-top: 16px;
1361
1655
 
1362
1656
  /* --Divider-- */
1363
1657
  --yee-divider-border-width: 1px;
@@ -1365,6 +1659,15 @@
1365
1659
  --yee-divider-vertical-margin: 0 8px;
1366
1660
  --yee-divider-inner-text-font-size: 16px;
1367
1661
  --yee-divider-inner-text-line-height: 24px;
1662
+ --yee-divider-font-size: 14px;
1663
+ --yee-divider-margin: 24px 0;
1664
+ --yee-divider-text-padding: 0 16px;
1665
+ --yee-divider-vertical-width: 1px;
1666
+ --yee-divider-vertical-height: 12px;
1667
+ --yee-divider-with-text-left-before-width: 5%;
1668
+ --yee-divider-with-text-left-after-width: 95%;
1669
+ --yee-divider-with-text-right-before-width: 95%;
1670
+ --yee-divider-with-text-right-after-width: 5%;
1368
1671
 
1369
1672
  /* --Drawer-- */
1370
1673
  --yee-drawer-z-index: var(--yee-z-index-overlay);
@@ -1374,6 +1677,7 @@
1374
1677
  --yee-drawer-close-right: 20px;
1375
1678
  --yee-drawer-title-font-weight: 600;
1376
1679
  --yee-drawer-title-font-size: 18px;
1680
+ --yee-drawer-footer-padding: 16px 24px;
1377
1681
 
1378
1682
  /* --Field-- */
1379
1683
  --yee-field-gap: 8px;
@@ -1390,6 +1694,7 @@
1390
1694
  --yee-float-btn-description-line-height: 22px;
1391
1695
  --yee-float-btn-square-border-radius: 4px;
1392
1696
  --yee-float-btn-group-gap: 8px;
1697
+ --yee-float-btn-menu-container-max-height: 251px;
1393
1698
 
1394
1699
  /* --Form-- */
1395
1700
  --yee-form-item-padding-bottom: 24px;
@@ -1398,6 +1703,7 @@
1398
1703
  --yee-form-item-additional-bottom: 2px;
1399
1704
  --yee-form-item-horizontal-label-width: 120px;
1400
1705
  --yee-form-item-horizontal-label-gap: 12px;
1706
+ --yee-form-item-label-mb: 4px;
1401
1707
 
1402
1708
  /* --Grid-- */
1403
1709
  --yee-grid-column-min-width: 50px;
@@ -1416,6 +1722,9 @@
1416
1722
  --yee-input-large-line-height: 24px;
1417
1723
  --yee-input-large-height: 40px;
1418
1724
  --yee-input-large-padding: 4px 12px;
1725
+ --yee-input-height: 32px;
1726
+ --yee-input-border-radius: 4px;
1727
+ --yee-input-padding: 2px 8px;
1419
1728
 
1420
1729
  /* --JsonViewer-- */
1421
1730
  --yee-json-view-font-size: 14px;
@@ -1431,6 +1740,7 @@
1431
1740
  /* --List-- */
1432
1741
  --yee-list-item-padding: 8px 16px;
1433
1742
  --yee-list-bordered-border-width: 1px;
1743
+ --yee-list-columns: 1;
1434
1744
 
1435
1745
  /* --Menu-- */
1436
1746
  --yee-menu-padding-short: 4px;
@@ -1443,6 +1753,14 @@
1443
1753
  --yee-menu-item-switch-margin-left: 8px;
1444
1754
  --yee-menu-vertical-width: 129px;
1445
1755
  --yee-menu-submenu-vertical-top: -4px;
1756
+ --yee-menu-width: 256px;
1757
+ --yee-menu-collapsed-width: 48px;
1758
+ --yee-menu-padding: 4px 0;
1759
+ --yee-menu-item-height: 40px;
1760
+ --yee-menu-item-line-height: 40px;
1761
+ --yee-menu-item-divider-margin: 4px 0;
1762
+ --yee-menu-item-group-title-padding: 4px 12px;
1763
+ --yee-menu-item-group-title-font-size: 12px;
1446
1764
 
1447
1765
  /* --Message-- */
1448
1766
  --yee-message-gap: 6px;
@@ -1564,6 +1882,24 @@
1564
1882
  --yee-radio-font-large-size: 16px;
1565
1883
  --yee-radio-large-padding: 6px;
1566
1884
 
1885
+ /* --RangePicker--(触发器与 Input 共享高度/圆角/边框宽度,保证表单控件同高同圆角) */
1886
+ --yee-range-picker-trigger-border-width: var(--yee-input-border-width);
1887
+ --yee-range-picker-trigger-border-radius: var(--yee-input-border-radius);
1888
+ --yee-range-picker-trigger-height: var(--yee-input-height);
1889
+ --yee-range-picker-trigger-padding: 0 11px;
1890
+ --yee-range-picker-trigger-font-size: var(--yee-input-font-size);
1891
+ --yee-range-picker-trigger-small-height: var(--yee-input-small-height);
1892
+ --yee-range-picker-trigger-small-padding: 0 7px;
1893
+ --yee-range-picker-trigger-small-font-size: var(--yee-input-small-font-size);
1894
+ --yee-range-picker-trigger-large-height: var(--yee-input-large-height);
1895
+ --yee-range-picker-trigger-large-padding: 0 15px;
1896
+ --yee-range-picker-trigger-large-font-size: var(--yee-input-large-font-size);
1897
+ --yee-range-picker-clear-border-radius: 50%;
1898
+ --yee-range-picker-panel-wrapper-border-radius: var(
1899
+ --yee-popup-border-radius
1900
+ );
1901
+ --yee-range-picker-panel-footer-padding: 8px 12px;
1902
+
1567
1903
  /* --Rate-- */
1568
1904
  --yee-rate-star-width: 24px;
1569
1905
  --yee-rate-star-height: 24px;
@@ -1597,6 +1933,8 @@
1597
1933
  --yee-select-popup-z-index: var(--yee-z-index-popup);
1598
1934
  --yee-select-popup-padding: 4px 0;
1599
1935
  --yee-select-option-padding: 4px 6px;
1936
+ --yee-select-columns: 1;
1937
+ --yee-select-popup-max-height: 200px;
1600
1938
 
1601
1939
  /* --Selector-- */
1602
1940
  --yee-selector-padding: 2px 6px;
@@ -1641,6 +1979,7 @@
1641
1979
  --yee-skeleton-active-animation-delay: 0.1s;
1642
1980
  --yee-skeleton-active-translate-start: -37.5%;
1643
1981
  --yee-skeleton-active-translate-end: 37.5%;
1982
+ --yee-skeleton-avatar-square-radius: 4px;
1644
1983
 
1645
1984
  /* --Segmented-- */
1646
1985
  --yee-segmented-padding: 2px;
@@ -1668,7 +2007,7 @@
1668
2007
  --yee-slider-handler-margin-left: -6px;
1669
2008
  --yee-slider-handler-border-width: 2px;
1670
2009
  --yee-slider-handler-hover-scale: 1.2;
1671
- --yee-slider-handler-active-box-shadow: 0 0 5px var(--yee-primary-color);
2010
+ --yee-slider-handler-active-box-shadow: 0 0 5px var(--yee-color-primary);
1672
2011
  --yee-slider-tooltip-margin-bottom: 10px;
1673
2012
  --yee-slider-tooltip-padding: 4px 8px;
1674
2013
  --yee-slider-tooltip-font-size: 12px;
@@ -1700,6 +2039,7 @@
1700
2039
  --yee-splitter-horizontal-expand-transform-y: calc(-50% - 4px);
1701
2040
  --yee-splitter-horizontal-expand-start-left: -19px;
1702
2041
  --yee-splitter-horizontal-expand-end-right: -19px;
2042
+ --yee-splitter-handler-size: var(--yee-splitter-handler-line-size);
1703
2043
 
1704
2044
  /* --Steps-- */
1705
2045
  --yee-steps-line-width: 999px;
@@ -1810,6 +2150,8 @@
1810
2150
  --yee-table-summary-fixed-z-index: 5;
1811
2151
  --yee-table-small-size-height: 40px;
1812
2152
  --yee-table-small-size-padding: 0 4px;
2153
+ --yee-table-small-height: var(--yee-table-small-size-height);
2154
+ --yee-table-small-padding: var(--yee-table-small-size-padding);
1813
2155
 
1814
2156
  /* --Tabs-- */
1815
2157
  --yee-tabs-border-width: 1px;
@@ -1904,6 +2246,7 @@
1904
2246
  --yee-textarea-number-font-size: 14px;
1905
2247
  --yee-textarea-number-line-height: 22px;
1906
2248
  --yee-textarea-border-width: 1px;
2249
+ --yee-textarea-resize: vertical;
1907
2250
 
1908
2251
  /* --Timeline-- */
1909
2252
  --yee-timeline-item-margin-bottom: 16px;
@@ -1986,7 +2329,7 @@
1986
2329
  --yee-trigger-opacity-end: 1;
1987
2330
 
1988
2331
  /* --ImageViewer-- */
1989
- --yee-image-preview-popup-zindex: var(--yee-z-index-overlay);
2332
+ --yee-image-viewer-popup-zindex: var(--yee-z-index-overlay);
1990
2333
 
1991
2334
  /* --VerificationCode-- */
1992
2335
  --yee-verification-code-gap: 8px;
@@ -2018,6 +2361,32 @@
2018
2361
  --yee-descriptions-large-label-padding: 16px 16px 16px 0;
2019
2362
  --yee-descriptions-large-content-padding: 16px 0;
2020
2363
  --yee-descriptions-large-padding: 16px 24px;
2364
+ --yee-descriptions-title-font-weight: 600;
2365
+ --yee-descriptions-extra-font-size: 14px;
2366
+
2367
+ /* --Space-- */
2368
+ --yee-space-justify-content: normal;
2369
+
2370
+ /* --Transfer-- */
2371
+ --yee-transfer-list-min-width: 260px;
2372
+ --yee-transfer-list-border-radius: 4px;
2373
+ --yee-transfer-list-header-height: 46px;
2374
+ --yee-transfer-list-header-padding: 11px;
2375
+ --yee-transfer-list-search-padding: 8px 11px;
2376
+ --yee-transfer-list-item-height: 32px;
2377
+ --yee-transfer-list-item-padding: 0 11px;
2378
+
2379
+ /* --TreeSelect-- */
2380
+ --yee-tree-select-popup-height: 360px;
2381
+
2382
+ /* deprecated-aliases:start
2383
+ * ------------------------------------------------------------------
2384
+ * deprecated 兼容别名(组件级 token 前缀统一,完整映射表见 color.css 同名段)
2385
+ * 旧命名自 v0.12 起 deprecated,保留一个版本周期(v0.12.x)后移除。
2386
+ * ------------------------------------------------------------------ */
2387
+ --yee-image-preview-popup-zindex: var(--yee-image-viewer-popup-zindex);
2388
+
2389
+ /* deprecated-aliases:end */
2021
2390
  }
2022
2391
 
2023
2392