@semi-bot/semi-theme-fnos 1.0.5 → 1.0.7

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 (8) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +271 -271
  4. package/scss/_palette.scss +119 -119
  5. package/scss/global.scss +146 -146
  6. package/scss/local.scss +1 -1
  7. package/semi.css +1751 -288
  8. package/semi.min.css +1 -1
package/scss/global.scss CHANGED
@@ -2,15 +2,15 @@
2
2
 
3
3
  body, body[theme-mode="dark"] .semi-always-light {
4
4
  --semi-color-app: rgba(var(--semi-neutral-0),1);
5
- --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
5
+ --semi-color-bg-0: rgba(var(--semi-grey-0),1);
6
6
  --semi-color-bg-1: rgba(255,255,255,1);
7
7
  --semi-color-bg-2: rgba(255,255,255,1);
8
8
  --semi-color-bg-3: rgba(255,255,255,1);
9
9
  --semi-color-bg-4: rgba(255,255,255,1);
10
10
  --semi-color-info: rgba(var(--semi-brand-5),1);
11
11
  --semi-color-link: rgba(var(--semi-brand-5),1);
12
- --semi-color-bg-anti: rgba(var(--semi-neutral-8),1);
13
- --semi-color-nav-bg: rgba(var(--semi-neutral-0),1);
12
+ --semi-color-bg-anti: rgba(var(--semi-grey-9),1);
13
+ --semi-color-nav-bg: rgba(var(--semi-grey-0), 1);
14
14
  --semi-color-black: rgba(0,0,0,1);
15
15
  --semi-color-data-0: rgba(var(--semi-brand-5),1);
16
16
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -22,17 +22,17 @@ body, body[theme-mode="dark"] .semi-always-light {
22
22
  --semi-color-data-7: rgba(139, 215, 210, 1);
23
23
  --semi-color-data-8: rgba(131, 176, 35, 1);
24
24
  --semi-color-data-9: rgba(233, 165, 229, 1);
25
- --semi-color-fill-0: rgba(var(--semi-neutral-5),0.05);
26
- --semi-color-fill-1: rgba(var(--semi-neutral-5),0.08);
27
- --semi-color-fill-2: rgba(var(--semi-neutral-5),0.16);
28
- --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
29
- --semi-color-text-0: rgba(var(--semi-neutral-9),1);
30
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
31
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
32
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
25
+ --semi-color-fill-0: rgba(var(--semi-grey-5),0.05);
26
+ --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
27
+ --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
28
+ --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
29
+ --semi-color-text-0: rgba(var(--semi-grey-9),1);
30
+ --semi-color-text-1: rgba(var(--semi-grey-9),0.75);
31
+ --semi-color-text-2: rgba(var(--semi-grey-9),0.5);
32
+ --semi-color-text-3: rgba(var(--semi-grey-9),0.25);
33
33
  --semi-color-white: rgba(255,255,255,1);
34
34
  --semi-color-app-name: rgba(var(--semi-blue-5),1);
35
- --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
35
+ --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
36
36
  --semi-color-data-10: rgba(48, 167, 206, 1);
37
37
  --semi-color-data-11: rgba(249, 192, 100, 1);
38
38
  --semi-color-data-12: rgba(177, 113, 249, 1);
@@ -41,13 +41,13 @@ body, body[theme-mode="dark"] .semi-always-light {
41
41
  --semi-color-data-15: rgba(255, 170, 178, 1);
42
42
  --semi-color-data-16: rgba(51, 176, 171, 1);
43
43
  --semi-color-data-17: rgba(182, 215, 129, 1);
44
- --semi-color-data-18: rgba(212, 88, 212, 1);
44
+ --semi-color-data-18: rgba(212,88,212,1);
45
45
  --semi-color-data-19: rgba(188, 198, 255, 1);
46
46
  --semi-color-data-20: rgba(121,137,255, 1);
47
- --semi-color-border: rgba(var(--semi-neutral-5),0.16);
48
- --semi-color-danger: rgba(var(--semi-red-5), 1);
49
- --semi-color-shadow: rgba(var(--semi-neutral-9),0.05);
50
- --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
47
+ --semi-color-border: rgba(var(--semi-grey-8),0.16);
48
+ --semi-color-danger: rgba(var(--semi-red-5),1);
49
+ --semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
50
+ --semi-color-text-nav: rgba(var(--semi-grey-9),0.75);
51
51
  --semi-color-app-header: rgba(var(--semi-neutral-0),0);
52
52
  --semi-color-bg-dropdown: rgba(255,255,255,1);
53
53
  --semi-color-black-10: rgba(0,0,0,0.1);
@@ -74,68 +74,68 @@ body, body[theme-mode="dark"] .semi-always-light {
74
74
  --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
75
75
  --semi-color-primary: rgba(var(--semi-brand-5),1);
76
76
  --semi-color-success: rgba(var(--semi-green-5),1);
77
- --semi-color-tab-HoverBg: rgba(var(--semi-neutral-1),1);
78
- --semi-color-warning: rgba(var(--semi-orange-5),1);
79
- --semi-color-app-siderbar: rgba(var(--semi-neutral-1),0);
80
- --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
77
+ --semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
78
+ --semi-color-warning: rgba(var(--semi-amber-5), 1);
79
+ --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
80
+ --semi-color-card-border: rgba(var(--semi-grey-8),0.16);
81
81
  --semi-color-info-active: rgba(var(--semi-brand-7), 1);
82
82
  --semi-color-link-active: rgba(var(--semi-brand-7),1);
83
83
  --semi-color-app-container: rgba(255,255,255,1);
84
84
  --semi-color-bg-transparent: rgba(255,255,255,0);
85
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
86
- --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
87
- --semi-color-divider-1: rgba(var(--semi-neutral-5),0.16);
88
- --semi-color-divider-2: rgba(var(--semi-neutral-5),0.22);
85
+ --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
86
+ --semi-color-divider-0: rgba(var(--semi-grey-8),0.22);
87
+ --semi-color-divider-1: rgba(var(--semi-grey-8),0.16);
88
+ --semi-color-divider-2: rgba(var(--semi-grey-8),0.08);
89
89
  --semi-color-link-visited: rgba(var(--semi-brand-3),1);
90
90
  --semi-color-photo-toast: rgba(0,0,0,0.9);
91
- --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-0),1);
92
- --semi-color-tertiary: rgba(var(--semi-neutral-5),1);
93
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
91
+ --semi-color-tab-DefaultBg: rgba(var(--semi-grey-5),0.05);
92
+ --semi-color-tertiary: rgba(var(--semi-grey-5),1);
93
+ --semi-color-card-ActiveBg: rgba(var(--semi-grey-5),0.12);
94
94
  --semi-color-focus-border: rgba(var(--semi-brand-5),1);
95
- --semi-color-info-disabled: rgba(var(--semi-neutral-5),0.08);
95
+ --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
96
96
  --semi-color-overlay-bg: rgba(0,0,0,0.7);
97
- --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
98
- --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
99
- --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
100
- --semi-color-border-hover: rgba(var(--semi-neutral-5),0.22);
101
- --semi-color-border-modal: rgba(var(--semi-neutral-5),0.16);
102
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
97
+ --semi-color-tab-DisabledBg: rgba(var(--semi-grey-5),0.16);
98
+ --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9),1);
99
+ --semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
100
+ --semi-color-border-hover: rgba(var(--semi-grey-8),0.22);
101
+ --semi-color-border-modal: rgba(var(--semi-grey-8),0.08);
102
+ --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.05);
103
103
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
104
- --semi-color-highlight: rgba(var(--semi-black),1);
104
+ --semi-color-highlight: rgba(var(--semi-grey-9), 1);
105
105
  --semi-color-input-HoverBg: rgba(255,255,255,1);
106
106
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
107
107
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
108
108
  --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
109
- --semi-color-border-active: rgba(var(--semi-neutral-5),0.32);
110
- --semi-color-border-select: rgba(var(--semi-neutral-0),0);
109
+ --semi-color-border-active: rgba(var(--semi-brand-5),1);
110
+ --semi-color-border-select: rgba(var(--semi-grey-8),0);
111
111
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
112
- --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
112
+ --semi-color-disabled-bg: rgba(var(--semi-grey-5), 0.08);
113
113
  --semi-color-input-ActiveBg: rgba(255,255,255,1);
114
114
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
115
- --semi-color-card-borderHover: rgba(var(--semi-neutral-6),0.2);
115
+ --semi-color-card-borderHover: rgba(var(--semi-grey-8),0.22);
116
116
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
117
117
  --semi-color-input-DefaultBg: rgba(255,255,255,1);
118
118
  --semi-color-photo-toastText: rgba(255,255,255,1);
119
119
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
120
120
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
121
- --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
121
+ --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);
122
122
  --semi-color-Component-bg: rgba(255,255,255,0.5);
123
123
  --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
124
124
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
125
- --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
126
- --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
127
- --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
128
- --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
125
+ --semi-color-disabled-fill: rgba(var(--semi-grey-5), 0.08);
126
+ --semi-color-disabled-text: rgba(var(--semi-grey-5), 0.4);
127
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-5),1);
128
+ --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
129
129
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
130
130
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
131
- --semi-color-warning-active: rgba(var(--semi-orange-7),1);
132
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-6),0.8);
131
+ --semi-color-warning-active: rgba(var(--semi-amber-7), 1);
132
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6),0.8);
133
133
  --semi-color-Component-card: rgba(255,255,255,0.9);
134
- --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
134
+ --semi-color-disabled-border: rgba(var(--semi-grey-5), 0.2);
135
135
  --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
136
- --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
137
- --semi-color-tertiary-active: rgba(var(--semi-neutral-6),1);
138
- --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.32);
136
+ --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
137
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
138
+ --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
139
139
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
140
140
  --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
141
141
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -151,18 +151,18 @@ body, body[theme-mode="dark"] .semi-always-light {
151
151
  --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
152
152
  --semi-color-primary-light-hover: rgba(var(--semi-brand-1),1);
153
153
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
154
- --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
154
+ --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
155
155
  --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
156
- --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
157
- --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
156
+ --semi-color-success-light-active: rgba(var(--semi-green-2),1);
157
+ --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
158
158
  --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
159
159
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
160
- --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-1), 1);
161
- --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
162
- --semi-color-tertiary-light-active: rgba(var(--semi-neutral-7), 1);
160
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-3),1);
161
+ --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
162
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-4),1);
163
163
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
164
164
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
165
- --semi-color-tertiary-light-default: rgba(var(--semi-neutral-0), 1);
165
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-2),1);
166
166
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
167
167
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
168
168
  --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,1);
@@ -191,18 +191,18 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
191
191
 
192
192
  }
193
193
  body[theme-mode="dark"], body .semi-always-dark {
194
- --semi-color-app: rgba(var(--semi-neutral-0),1);
195
- --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
196
- --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
197
- --semi-color-bg-2: rgba(var(--semi-neutral-1),1);
198
- --semi-color-bg-3: rgba(var(--semi-neutral-2),1);
199
- --semi-color-bg-4: rgba(var(--semi-neutral-2),1);
200
- --semi-color-info: rgba(var(--semi-brand-5),1);
201
- --semi-color-link: rgba(var(--semi-brand-5),1);
194
+ --semi-color-app: rgba(var(--semi-grey-0),1);
195
+ --semi-color-bg-0: rgba(var(--semi-grey-0), 1);
196
+ --semi-color-bg-1: rgba(var(--semi-grey-1), 1);
197
+ --semi-color-bg-2: rgba(var(--semi-grey-1), 1);
198
+ --semi-color-bg-3: rgba(var(--semi-grey-2), 1);
199
+ --semi-color-bg-4: rgba(var(--semi-grey-2), 1);
200
+ --semi-color-info: rgba(var(--semi-brand-4),1);
201
+ --semi-color-link: rgba(var(--semi-brand-4),1);
202
202
  --semi-color-bg-anti: rgba(255,255,255,1);
203
- --semi-color-nav-bg: rgba(var(--semi-neutral-2),1);
203
+ --semi-color-nav-bg: rgba(var(--semi-grey-2), 1);
204
204
  --semi-color-black: rgba(0,0,0,1);
205
- --semi-color-data-0: rgba(var(--semi-brand-5),1);
205
+ --semi-color-data-0: rgba(var(--semi-brand-4),1);
206
206
  --semi-color-data-1: rgba(102,204,255,1);
207
207
  --semi-color-data-2: rgba(245,135,0,1);
208
208
  --semi-color-data-3: rgba(220,183,252,1);
@@ -212,16 +212,16 @@ body[theme-mode="dark"], body .semi-always-dark {
212
212
  --semi-color-data-7: rgba(139,215,210,1);
213
213
  --semi-color-data-8: rgba(140,176,35,1);
214
214
  --semi-color-data-9: rgba(233,165,229,1);
215
- --semi-color-fill-0: rgba(var(--semi-neutral-5), 0.05);
216
- --semi-color-fill-1: rgba(var(--semi-neutral-5), 0.08);
217
- --semi-color-fill-2: rgba(var(--semi-neutral-5), 0.16);
218
- --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
215
+ --semi-color-fill-0: rgba(var(--semi-grey-5), 0.05);
216
+ --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
217
+ --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
218
+ --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
219
219
  --semi-color-text-0: rgba(255,255,255,1);
220
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
221
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
222
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
220
+ --semi-color-text-1: rgba(255,255,255,0.75);
221
+ --semi-color-text-2: rgba(255,255,255,0.5);
222
+ --semi-color-text-3: rgba(255,255,255,0.25);
223
223
  --semi-color-white: rgba(255,255,255,1);
224
- --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
224
+ --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
225
225
  --semi-color-data-10: rgba(48,167,206,1);
226
226
  --semi-color-data-11: rgba(249,192,100,1);
227
227
  --semi-color-data-12: rgba(177,113,249,1);
@@ -233,12 +233,12 @@ body[theme-mode="dark"], body .semi-always-dark {
233
233
  --semi-color-data-18: rgba(212,88,212,1);
234
234
  --semi-color-data-19: rgba(188,198,255,1);
235
235
  --semi-color-data-20: rgba(var(--semi-brand-4), 1);
236
- --semi-color-border: rgba(var(--semi-neutral-5),0.16);
237
- --semi-color-danger: rgba(var(--semi-red-5),1);
238
- --semi-color-shadow: rgba(var(--semi-neutral-0),0.8);
239
- --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
240
- --semi-color-app-header: rgba(var(--semi-neutral-0),0);
241
- --semi-color-bg-dropdown: rgba(var(--semi-neutral-2),1);
236
+ --semi-color-border: rgba(var(--semi-grey-5), 0.16);
237
+ --semi-color-danger: rgba(var(--semi-red-4),1);
238
+ --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
239
+ --semi-color-text-nav: rgba(255,255,255,0.75);
240
+ --semi-color-app-header: rgba(var(--semi-grey-0),0);
241
+ --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
242
242
  --semi-color-black-10: rgba(0,0,0,0.1);
243
243
  --semi-color-black-20: rgba(0,0,0,0.2);
244
244
  --semi-color-black-30: rgba(0,0,0,0.3);
@@ -248,7 +248,7 @@ body[theme-mode="dark"], body .semi-always-dark {
248
248
  --semi-color-black-70: rgba(0,0,0,0.7);
249
249
  --semi-color-black-80: rgba(0,0,0,0.8);
250
250
  --semi-color-black-90: rgba(0,0,0,0.9);
251
- --semi-color-text-anti: rgba(var(--semi-neutral-0),1);
251
+ --semi-color-text-anti: rgba(var(--semi-grey-0),1);
252
252
  --semi-color-white-10: rgba(255,255,255,0.1);
253
253
  --semi-color-white-20: rgba(255,255,255,0.2);
254
254
  --semi-color-white-30: rgba(255,255,255,0.3);
@@ -258,74 +258,74 @@ body[theme-mode="dark"], body .semi-always-dark {
258
258
  --semi-color-white-70: rgba(255,255,255,0.7);
259
259
  --semi-color-white-80: rgba(255,255,255,0.8);
260
260
  --semi-color-white-90: rgba(255,255,255,0.9);
261
- --semi-color-default: rgba(var(--semi-neutral-0), 1);
262
- --semi-color-info-hover: rgba(var(--semi-brand-4),1);
263
- --semi-color-link-hover: rgba(var(--semi-brand-4),1);
264
- --semi-color-primary: rgba(var(--semi-brand-5),1);
265
- --semi-color-success: rgba(var(--semi-green-5),1);
266
- --semi-color-tab-HoverBg: rgba(var(--semi-neutral-2),1);
267
- --semi-color-warning: rgba(var(--semi-orange-5),1);
268
- --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
269
- --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
270
- --semi-color-info-active: rgba(var(--semi-brand-3),1);
271
- --semi-color-link-active: rgba(var(--semi-brand-3),1);
272
- --semi-color-app-container: rgba(var(--semi-neutral-1),1);
273
- --semi-color-bg-transparent: rgba(var(--semi-neutral-0),0);
274
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
275
- --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
276
- --semi-color-divider-1: rgba(var(--semi-neutral-5),0.16);
277
- --semi-color-divider-2: rgba(var(--semi-neutral-5),0.22);
261
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
262
+ --semi-color-info-hover: rgba(var(--semi-brand-3),1);
263
+ --semi-color-link-hover: rgba(var(--semi-brand-3),1);
264
+ --semi-color-primary: rgba(var(--semi-brand-4),1);
265
+ --semi-color-success: rgba(var(--semi-green-4),1);
266
+ --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
267
+ --semi-color-warning: rgba(var(--semi-amber-4),1);
268
+ --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
269
+ --semi-color-card-border: rgba(var(--semi-grey-5),0.16);
270
+ --semi-color-info-active: rgba(var(--semi-brand-2),1);
271
+ --semi-color-link-active: rgba(var(--semi-brand-2),1);
272
+ --semi-color-app-container: rgba(var(--semi-grey-1),1);
273
+ --semi-color-bg-transparent: rgba(var(--semi-grey-0),0);
274
+ --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
275
+ --semi-color-divider-0: rgba(var(--semi-grey-5),0.22);
276
+ --semi-color-divider-1: rgba(var(--semi-grey-5),0.16);
277
+ --semi-color-divider-2: rgba(var(--semi-grey-5),0.08);
278
278
  --semi-color-link-visited: rgba(var(--semi-brand-2),1);
279
279
  --semi-color-photo-toast: rgba(0,0,0,0.9);
280
- --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-1),1);
281
- --semi-color-tertiary: rgba(var(--semi-neutral-5),0.16);
282
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
283
- --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
284
- --semi-color-info-disabled: rgba(var(--semi-neutral-5),0.08);
280
+ --semi-color-tab-DefaultBg: rgba(var(--semi-grey-1), 1);
281
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 0.16);
282
+ --semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.12);
283
+ --semi-color-focus-border: rgba(var(--semi-brand-4),1);
284
+ --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
285
285
  --semi-color-overlay-bg: rgba(0,0,0,0.6);
286
286
  --semi-color-shadow-anti: rgba(0,0,0,0.7);
287
- --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
288
- --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
289
- --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.08);
290
- --semi-color-border-hover: rgba(var(--semi-neutral-5),0.22);
291
- --semi-color-border-modal: rgba(var(--semi-neutral-5),0.22);
292
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
293
- --semi-color-danger-hover: rgba(var(--semi-red-4),1);
287
+ --semi-color-tab-DisabledBg: rgba(var(--semi-grey-2), 1);
288
+ --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9), 1);
289
+ --semi-color-Scrollbar: rgba(var(--semi-grey-5), 0.08);
290
+ --semi-color-border-hover: rgba(var(--semi-grey-5), 0.22);
291
+ --semi-color-border-modal: rgba(var(--semi-grey-5),0.16);
292
+ --semi-color-card-DefaultBg: rgba(var(--semi-grey-5), 0.05);
293
+ --semi-color-danger-hover: rgba(var(--semi-red-3),1);
294
294
  --semi-color-highlight: rgba(var(--semi-white),1);
295
- --semi-color-input-HoverBg: rgba(var(--semi-neutral-5),0.08);
295
+ --semi-color-input-HoverBg: rgba(var(--semi-grey-5), 0.08);
296
296
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
297
- --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.12);
298
- --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
299
- --semi-color-border-actvie: rgba(var(--semi-neutral-5),0.32);
300
- --semi-color-border-select: rgba(var(--semi-neutral-5),0.22);
301
- --semi-color-danger-active: rgba(var(--semi-red-3),1);
302
- --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
303
- --semi-color-input-ActiveBg: rgba(var(--semi-neutral-5),0.05);
304
- --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.2);
305
- --semi-color-card-borderHover: rgba(var(--semi-neutral-5),0.22);
306
- --semi-color-default-hover: rgba(var(--semi-neutral-1), 1);
307
- --semi-color-input-DefaultBg: rgba(var(--semi-neutral-5),0.05);
297
+ --semi-color-table-FocusBg: rgba(var(--semi-brand-4),0.12);
298
+ --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
299
+ --semi-color-border-actvie: rgba(var(--semi-grey-5), 0.32);
300
+ --semi-color-border-select: rgba(var(--semi-grey-5), 0.22);
301
+ --semi-color-danger-active: rgba(var(--semi-red-2),1);
302
+ --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
303
+ --semi-color-input-ActiveBg: rgba(var(--semi-grey-5),0.05);
304
+ --semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.2);
305
+ --semi-color-card-borderHover: rgba(var(--semi-grey-5),0.22);
306
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
307
+ --semi-color-input-DefaultBg: rgba(var(--semi-grey-5), 0.05);
308
308
  --semi-color-photo-toastText: rgba(255,255,255,1);
309
- --semi-color-primary-hover: rgba(var(--semi-brand-4),1);
310
- --semi-color-success-hover: rgba(var(--semi-green-4),1);
311
- --semi-color-warning-hover: rgba(var(--semi-orange-4),1);
309
+ --semi-color-primary-hover: rgba(var(--semi-brand-3),1);
310
+ --semi-color-success-hover: rgba(var(--semi-green-3),1);
311
+ --semi-color-warning-hover: rgba(var(--semi-amber-3),1);
312
312
  --semi-color-Component-bg: rgba(0,0,0,0.6);
313
- --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
314
- --semi-color-default-active: rgba(var(--semi-neutral-2), 1);
315
- --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
316
- --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
313
+ --semi-color-card-borderActive: rgba(var(--semi-brand-4),1);
314
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
315
+ --semi-color-disabled-fill: rgba(var(--semi-grey-5),0.16);
316
+ --semi-color-disabled-text: rgba(var(--semi-grey-5),0.25);
317
317
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
318
- --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
319
- --semi-color-primary-active: rgba(var(--semi-brand-3),1);
320
- --semi-color-success-active: rgba(var(--semi-green-3),1);
321
- --semi-color-warning-active: rgba(var(--semi-orange-3),1);
322
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-5),0.32);
318
+ --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.08);
319
+ --semi-color-primary-active: rgba(var(--semi-brand-2),1);
320
+ --semi-color-success-active: rgba(var(--semi-green-2),1);
321
+ --semi-color-warning-active: rgba(var(--semi-amber-2),1);
322
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-5), 0.32);
323
323
  --semi-color-Component-card: rgba(12,13,13,0.6);
324
- --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
324
+ --semi-color-disabled-border: rgba(var(--semi-grey-5),0.2);
325
325
  --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
326
- --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
327
- --semi-color-tertiary-active: rgba(var(--semi-neutral-5),0.34);
328
- --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.16);
326
+ --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
327
+ --semi-color-tertiary-active: rgba(var(--semi-grey-5), 0.34);
328
+ --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5), 0.16);
329
329
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
330
330
  --semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
331
331
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -341,18 +341,18 @@ body[theme-mode="dark"], body .semi-always-dark {
341
341
  --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
342
342
  --semi-color-primary-light-hover: rgba(var(--semi-brand-1),0.55);
343
343
  --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
344
- --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
344
+ --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
345
345
  --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
346
346
  --semi-color-success-light-active: rgba(var(--semi-green-2),1);
347
- --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
347
+ --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
348
348
  --semi-color-primary-light-default: rgba(var(--semi-brand-0),0.3);
349
349
  --semi-color-success-light-default: rgba(var(--semi-green-0),1);
350
- --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-5), 0.3);
351
- --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
352
- --semi-color-tertiary-light-active: rgba(var(--semi-neutral-5), 0.4);
350
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
351
+ --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
352
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
353
353
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
354
354
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
355
- --semi-color-tertiary-light-default: rgba(var(--semi-neutral-5), 0.2);
355
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
356
356
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
357
357
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
358
358
  --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,0.7);
package/scss/local.scss CHANGED
@@ -18,7 +18,7 @@ $color-input_warning-bg-hover: var(--semi-color-bg-1);
18
18
  $color-input_danger-bg-default: var(--semi-color-bg-1);
19
19
  $color-input_default-bg-active: var(--semi-color-input-ActiveBg);
20
20
  $color-input_warning-bg-active: var(--semi-color-bg-1);
21
- $color-input_default-bg-default: var(--semi-color-input-DefaultBg);
21
+ $color-input_default-bg-default: var(--semi-color-bg-transparent);
22
22
  $color-input_warning-bg-default: var(--semi-color-bg-1);
23
23
  $color-input_danger-border-focus: var(--semi-color-danger-active);
24
24
  $color-input_danger-border-hover: var(--semi-color-danger-hover);