@xiaou66/u-styles 0.0.1

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.
package/dist/theme.css ADDED
@@ -0,0 +1,384 @@
1
+ :root {
2
+ --blue-1: 0, 26, 77;
3
+ --blue-2: 5, 47, 120;
4
+ --blue-3: 19, 76, 163;
5
+ --blue-4: 41, 113, 207;
6
+ --blue-5: 70, 153, 250;
7
+ --blue-6: 90, 170, 251;
8
+ --blue-7: 125, 193, 252;
9
+ --blue-8: 161, 213, 253;
10
+ --blue-9: 198, 232, 254;
11
+ --blue-10: 234, 248, 255;
12
+ --cyan-1: 232, 255, 251;
13
+ --cyan-2: 183, 244, 236;
14
+ --cyan-3: 137, 233, 224;
15
+ --cyan-4: 94, 223, 214;
16
+ --cyan-5: 55, 212, 207;
17
+ --cyan-6: 20, 201, 201;
18
+ --cyan-7: 13, 165, 170;
19
+ --cyan-8: 7, 130, 139;
20
+ --cyan-9: 3, 97, 108;
21
+ --cyan-10: 0, 66, 77;
22
+ --gold-1: 255, 252, 232;
23
+ --gold-2: 253, 244, 191;
24
+ --gold-3: 252, 233, 150;
25
+ --gold-4: 250, 220, 109;
26
+ --gold-5: 249, 204, 69;
27
+ --gold-6: 247, 186, 30;
28
+ --gold-7: 204, 146, 19;
29
+ --gold-8: 162, 109, 10;
30
+ --gold-9: 119, 75, 4;
31
+ --gold-10: 77, 45, 0;
32
+ --gray-1: 247, 248, 250;
33
+ --gray-2: 242, 243, 245;
34
+ --gray-3: 229, 230, 235;
35
+ --gray-4: 201, 205, 212;
36
+ --gray-5: 169, 174, 184;
37
+ --gray-6: 134, 144, 156;
38
+ --gray-7: 107, 119, 133;
39
+ --gray-8: 78, 89, 105;
40
+ --gray-9: 39, 46, 59;
41
+ --gray-10: 29, 33, 41;
42
+ --green-1: 232, 255, 234;
43
+ --green-2: 175, 240, 181;
44
+ --green-3: 123, 225, 136;
45
+ --green-4: 76, 210, 99;
46
+ --green-5: 35, 195, 67;
47
+ --green-6: 0, 180, 42;
48
+ --green-7: 0, 154, 41;
49
+ --green-8: 0, 128, 38;
50
+ --green-9: 0, 102, 34;
51
+ --green-10: 0, 77, 28;
52
+ --lime-1: 252, 255, 232;
53
+ --lime-2: 237, 248, 187;
54
+ --lime-3: 220, 241, 144;
55
+ --lime-4: 201, 233, 104;
56
+ --lime-5: 181, 226, 65;
57
+ --lime-6: 159, 219, 29;
58
+ --lime-7: 126, 183, 18;
59
+ --lime-8: 95, 148, 10;
60
+ --lime-9: 67, 112, 4;
61
+ --lime-10: 42, 77, 0;
62
+ --magenta-1: 255, 232, 241;
63
+ --magenta-2: 253, 194, 219;
64
+ --magenta-3: 251, 157, 199;
65
+ --magenta-4: 249, 121, 183;
66
+ --magenta-5: 247, 84, 168;
67
+ --magenta-6: 245, 49, 157;
68
+ --magenta-7: 203, 30, 131;
69
+ --magenta-8: 161, 16, 105;
70
+ --magenta-9: 119, 6, 79;
71
+ --magenta-10: 77, 0, 52;
72
+ --orange-1: 255, 247, 232;
73
+ --orange-2: 255, 228, 186;
74
+ --orange-3: 255, 207, 139;
75
+ --orange-4: 255, 182, 93;
76
+ --orange-5: 255, 154, 46;
77
+ --orange-6: 255, 125, 0;
78
+ --orange-7: 210, 95, 0;
79
+ --orange-8: 166, 69, 0;
80
+ --orange-9: 121, 46, 0;
81
+ --orange-10: 77, 27, 0;
82
+ --orangered-1: 255, 243, 232;
83
+ --orangered-2: 253, 221, 195;
84
+ --orangered-3: 252, 197, 159;
85
+ --orangered-4: 250, 172, 123;
86
+ --orangered-5: 249, 144, 87;
87
+ --orangered-6: 247, 114, 52;
88
+ --orangered-7: 204, 81, 32;
89
+ --orangered-8: 162, 53, 17;
90
+ --orangered-9: 119, 31, 6;
91
+ --orangered-10: 77, 14, 0;
92
+ --pinkpurple-1: 255, 232, 251;
93
+ --pinkpurple-2: 247, 186, 239;
94
+ --pinkpurple-3: 240, 142, 230;
95
+ --pinkpurple-4: 232, 101, 223;
96
+ --pinkpurple-5: 225, 62, 219;
97
+ --pinkpurple-6: 217, 26, 217;
98
+ --pinkpurple-7: 176, 16, 182;
99
+ --pinkpurple-8: 138, 9, 147;
100
+ --pinkpurple-9: 101, 3, 112;
101
+ --pinkpurple-10: 66, 0, 77;
102
+ --purple-1: 245, 232, 255;
103
+ --purple-2: 221, 190, 246;
104
+ --purple-3: 195, 150, 237;
105
+ --purple-4: 168, 113, 227;
106
+ --purple-5: 141, 78, 218;
107
+ --purple-6: 114, 46, 209;
108
+ --purple-7: 85, 29, 176;
109
+ --purple-8: 60, 16, 143;
110
+ --purple-9: 39, 6, 110;
111
+ --purple-10: 22, 0, 77;
112
+ --red-1: 255, 236, 232;
113
+ --red-2: 253, 205, 197;
114
+ --red-3: 251, 172, 163;
115
+ --red-4: 249, 137, 129;
116
+ --red-5: 247, 101, 96;
117
+ --red-6: 245, 63, 63;
118
+ --red-7: 203, 39, 45;
119
+ --red-8: 161, 21, 30;
120
+ --red-9: 119, 8, 19;
121
+ --red-10: 77, 0, 10;
122
+ --u-blue-1: 232, 243, 255;
123
+ --u-blue-2: 190, 218, 255;
124
+ --u-blue-3: 148, 191, 255;
125
+ --u-blue-4: 106, 161, 255;
126
+ --u-blue-5: 64, 128, 255;
127
+ --u-blue-6: 22, 93, 255;
128
+ --u-blue-7: 14, 66, 210;
129
+ --u-blue-8: 7, 44, 166;
130
+ --u-blue-9: 3, 26, 121;
131
+ --u-blue-10: 0, 13, 77;
132
+ --yellow-1: 254, 255, 232;
133
+ --yellow-2: 254, 254, 190;
134
+ --yellow-3: 253, 250, 148;
135
+ --yellow-4: 252, 242, 107;
136
+ --yellow-5: 251, 232, 66;
137
+ --yellow-6: 250, 220, 25;
138
+ --yellow-7: 207, 175, 15;
139
+ --yellow-8: 163, 132, 8;
140
+ --yellow-9: 120, 93, 3;
141
+ --yellow-10: 77, 56, 0;
142
+ --u-bg-inverse-1: 0, 0, 0;
143
+ --u-bg-1: 255, 255, 255;
144
+ --u-radius-full: 50%;
145
+ --u-radius-lg: 10px;
146
+ --u-radius-md: 8px;
147
+ --u-radius-sm: 4px;
148
+ --u-shadow-lg: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
149
+ --u-shadow-sm: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
150
+ --u-space-lg: 16px;
151
+ --u-space-md: 12px;
152
+ --u-space-sm: 8px;
153
+ --u-space-xl: 24px;
154
+ --u-space-xs: 4px;
155
+ --u-border-default: rgb(var(--gray-3));
156
+ --u-border-focus: rgb(var(--u-blue-5));
157
+ --u-border-strong: rgb(var(--gray-4));
158
+ --u-border-subtle: rgb(var(--gray-2));
159
+ --u-fill-default: rgb(var(--gray-2));
160
+ --u-fill-strong: rgb(var(--gray-3));
161
+ --u-fill-stronger: rgb(var(--gray-4));
162
+ --u-fill-weak: rgb(var(--gray-1));
163
+ --u-status-danger: rgb(var(--red-6));
164
+ --u-status-info: rgb(var(--u-blue-5));
165
+ --u-status-success: rgb(var(--green-6));
166
+ --u-status-warning: rgb(var(--orange-6));
167
+ --u-surface-active: rgb(var(--gray-3), 0.8);
168
+ --u-surface-container: #ffffff;
169
+ --u-surface-elevated: #ffffff;
170
+ --u-surface-hover: rgb(var(--gray-3), 0.5);
171
+ --u-surface-inverse: rgb(var(--u-bg-inverse-1));
172
+ --u-surface-page: #F4F4F4;
173
+ --u-surface-panel: #FAFBFB;
174
+ --u-surface-popup: #fff;
175
+ --u-text-brand: rgb(var(--u-blue-5));
176
+ --u-text-danger: rgb(var(--red-6));
177
+ --u-text-disabled: rgba(0, 0, 0, 0.26);
178
+ --u-text-hover: rgb(var(--u-blue-5));
179
+ --u-text-link: #003cab;
180
+ --u-text-placeholder: rgba(0, 0, 0, 0.4);
181
+ --u-text-primary: rgba(0, 0, 0, 0.9);
182
+ --u-text-secondary: rgba(0, 0, 0, 0.6);
183
+ --u-text-tips: rgb(var(--gray-5));
184
+ --u-bg-color: var(--u-surface-page);
185
+ --u-bg-color-2: var(--u-surface-panel);
186
+ --u-bg-color-3: var(--u-surface-container);
187
+ --u-bg-color-3-active: var(--u-surface-active);
188
+ --u-bg-color-3-hover: var(--u-surface-hover);
189
+ --u-color-bg-popup: var(--u-surface-popup);
190
+ --u-color-fill-1: var(--u-fill-weak);
191
+ --u-color-fill-2: var(--u-fill-default);
192
+ --u-color-fill-3: var(--u-fill-strong);
193
+ --u-color-fill-4: var(--u-fill-stronger);
194
+ --u-radius-circle: var(--u-radius-full);
195
+ --u-radius-default: var(--u-radius-md);
196
+ --u-radius-large: var(--u-radius-lg);
197
+ --u-radius-medium: var(--u-radius-md);
198
+ --u-radius-small: var(--u-radius-sm);
199
+ --u-text-color: var(--u-text-primary);
200
+ --u-text-color-brand: var(--u-text-brand);
201
+ --u-text-color-danger: var(--u-text-danger);
202
+ --u-text-color-disabled: var(--u-text-disabled);
203
+ --u-text-color-hover: var(--u-text-hover);
204
+ --u-text-color-link: var(--u-text-link);
205
+ --u-text-color-placeholder: var(--u-text-placeholder);
206
+ --u-text-color-primary: var(--u-text-primary);
207
+ --u-text-color-secondary: var(--u-text-secondary);
208
+ --u-text-color-tips: var(--u-text-tips);
209
+ }
210
+
211
+ html[theme-mode="dark"] {
212
+ --blue-1: 232, 247, 255;
213
+ --blue-2: 195, 231, 254;
214
+ --blue-3: 159, 212, 253;
215
+ --blue-4: 123, 192, 252;
216
+ --blue-5: 87, 169, 251;
217
+ --blue-6: 52, 145, 250;
218
+ --blue-7: 32, 108, 207;
219
+ --blue-8: 17, 75, 163;
220
+ --blue-9: 6, 48, 120;
221
+ --blue-10: 0, 26, 77;
222
+ --cyan-1: 0, 66, 77;
223
+ --cyan-2: 6, 97, 108;
224
+ --cyan-3: 17, 131, 139;
225
+ --cyan-4: 31, 166, 170;
226
+ --cyan-5: 48, 201, 201;
227
+ --cyan-6: 63, 212, 207;
228
+ --cyan-7: 102, 223, 215;
229
+ --cyan-8: 144, 233, 225;
230
+ --cyan-9: 190, 244, 237;
231
+ --cyan-10: 240, 255, 252;
232
+ --gold-1: 77, 45, 0;
233
+ --gold-2: 119, 75, 4;
234
+ --gold-3: 162, 111, 15;
235
+ --gold-4: 204, 150, 31;
236
+ --gold-5: 247, 192, 52;
237
+ --gold-6: 249, 204, 68;
238
+ --gold-7: 250, 220, 108;
239
+ --gold-8: 252, 233, 149;
240
+ --gold-9: 253, 244, 190;
241
+ --gold-10: 255, 252, 232;
242
+ --gray-1: 23, 23, 26;
243
+ --gray-2: 46, 46, 48;
244
+ --gray-3: 72, 72, 73;
245
+ --gray-4: 95, 95, 96;
246
+ --gray-5: 120, 120, 122;
247
+ --gray-6: 146, 146, 147;
248
+ --gray-7: 171, 171, 172;
249
+ --gray-8: 197, 197, 197;
250
+ --gray-9: 223, 223, 223;
251
+ --gray-10: 246, 246, 246;
252
+ --green-1: 0, 77, 28;
253
+ --green-2: 4, 102, 37;
254
+ --green-3: 10, 128, 45;
255
+ --green-4: 18, 154, 55;
256
+ --green-5: 29, 180, 64;
257
+ --green-6: 39, 195, 70;
258
+ --green-7: 80, 210, 102;
259
+ --green-8: 126, 225, 139;
260
+ --green-9: 178, 240, 183;
261
+ --green-10: 235, 255, 236;
262
+ --lime-1: 42, 77, 0;
263
+ --lime-2: 68, 112, 6;
264
+ --lime-3: 98, 148, 18;
265
+ --lime-4: 132, 183, 35;
266
+ --lime-5: 168, 219, 57;
267
+ --lime-6: 184, 226, 75;
268
+ --lime-7: 203, 233, 112;
269
+ --lime-8: 222, 241, 152;
270
+ --lime-9: 238, 248, 194;
271
+ --lime-10: 253, 255, 238;
272
+ --magenta-1: 77, 0, 52;
273
+ --magenta-2: 119, 8, 80;
274
+ --magenta-3: 161, 23, 108;
275
+ --magenta-4: 203, 43, 136;
276
+ --magenta-5: 245, 69, 166;
277
+ --magenta-6: 247, 86, 169;
278
+ --magenta-7: 249, 122, 184;
279
+ --magenta-8: 251, 158, 200;
280
+ --magenta-9: 253, 195, 219;
281
+ --magenta-10: 255, 232, 241;
282
+ --orange-1: 77, 27, 0;
283
+ --orange-2: 121, 48, 4;
284
+ --orange-3: 166, 75, 10;
285
+ --orange-4: 210, 105, 19;
286
+ --orange-5: 255, 141, 31;
287
+ --orange-6: 255, 150, 38;
288
+ --orange-7: 255, 179, 87;
289
+ --orange-8: 255, 205, 135;
290
+ --orange-9: 255, 227, 184;
291
+ --orange-10: 255, 247, 232;
292
+ --orangered-1: 77, 14, 0;
293
+ --orangered-2: 119, 30, 5;
294
+ --orangered-3: 162, 55, 20;
295
+ --orangered-4: 204, 87, 41;
296
+ --orangered-5: 247, 126, 69;
297
+ --orangered-6: 249, 146, 90;
298
+ --orangered-7: 250, 173, 125;
299
+ --orangered-8: 252, 198, 161;
300
+ --orangered-9: 253, 222, 197;
301
+ --orangered-10: 255, 244, 235;
302
+ --pinkpurple-1: 66, 0, 77;
303
+ --pinkpurple-2: 101, 3, 112;
304
+ --pinkpurple-3: 138, 13, 147;
305
+ --pinkpurple-4: 176, 27, 182;
306
+ --pinkpurple-5: 217, 46, 217;
307
+ --pinkpurple-6: 225, 61, 219;
308
+ --pinkpurple-7: 232, 102, 223;
309
+ --pinkpurple-8: 240, 146, 230;
310
+ --pinkpurple-9: 247, 193, 240;
311
+ --pinkpurple-10: 255, 242, 253;
312
+ --purple-1: 22, 0, 77;
313
+ --purple-2: 39, 6, 110;
314
+ --purple-3: 62, 19, 143;
315
+ --purple-4: 90, 37, 176;
316
+ --purple-5: 123, 61, 209;
317
+ --purple-6: 142, 81, 218;
318
+ --purple-7: 169, 116, 227;
319
+ --purple-8: 197, 154, 237;
320
+ --purple-9: 223, 194, 246;
321
+ --purple-10: 247, 237, 255;
322
+ --red-1: 77, 0, 10;
323
+ --red-2: 119, 6, 17;
324
+ --red-3: 161, 22, 31;
325
+ --red-4: 203, 46, 52;
326
+ --red-5: 245, 78, 78;
327
+ --red-6: 247, 105, 101;
328
+ --red-7: 249, 141, 134;
329
+ --red-8: 251, 176, 167;
330
+ --red-9: 253, 209, 202;
331
+ --red-10: 255, 240, 236;
332
+ --u-blue-1: 0, 13, 77;
333
+ --u-blue-2: 4, 27, 121;
334
+ --u-blue-3: 14, 50, 166;
335
+ --u-blue-4: 29, 77, 210;
336
+ --u-blue-5: 48, 111, 255;
337
+ --u-blue-6: 60, 126, 255;
338
+ --u-blue-7: 104, 159, 255;
339
+ --u-blue-8: 147, 190, 255;
340
+ --u-blue-9: 190, 218, 255;
341
+ --u-blue-10: 234, 244, 255;
342
+ --yellow-1: 77, 56, 0;
343
+ --yellow-2: 120, 94, 7;
344
+ --yellow-3: 163, 134, 20;
345
+ --yellow-4: 207, 179, 37;
346
+ --yellow-5: 250, 225, 60;
347
+ --yellow-6: 251, 233, 75;
348
+ --yellow-7: 252, 243, 116;
349
+ --yellow-8: 253, 250, 157;
350
+ --yellow-9: 254, 254, 198;
351
+ --yellow-10: 254, 255, 240;
352
+ --u-bg-inverse-1: 255, 255, 255;
353
+ --u-bg-1: 0, 0, 0;
354
+ --u-border-default: rgb(var(--gray-3));
355
+ --u-border-focus: rgb(var(--u-blue-5));
356
+ --u-border-strong: rgb(var(--gray-4));
357
+ --u-border-subtle: rgb(var(--gray-2));
358
+ --u-fill-default: rgba(255, 255, 255, .08);
359
+ --u-fill-strong: rgba(255, 255, 255, .12);
360
+ --u-fill-stronger: rgba(255, 255, 255, .16);
361
+ --u-fill-weak: rgba(255, 255, 255, .04);
362
+ --u-status-danger: rgb(var(--red-6));
363
+ --u-status-info: rgb(var(--u-blue-5));
364
+ --u-status-success: rgb(var(--green-6));
365
+ --u-status-warning: rgb(var(--orange-6));
366
+ --u-surface-active: rgb(var(--gray-4), 0.65);
367
+ --u-surface-container: #2a2a2b;
368
+ --u-surface-elevated: #313132;
369
+ --u-surface-hover: rgb(var(--gray-3), 0.65);
370
+ --u-surface-inverse: rgb(var(--u-bg-inverse-1));
371
+ --u-surface-page: #303133;
372
+ --u-surface-panel: #2E2E30;
373
+ --u-surface-popup: #373739;
374
+ --u-text-brand: rgb(var(--u-blue-5));
375
+ --u-text-danger: rgb(var(--red-6));
376
+ --u-text-disabled: rgb(var(--u-blue-5));
377
+ --u-text-hover: rgb(var(--u-blue-5));
378
+ --u-text-link: rgb(var(--u-blue-5));
379
+ --u-text-placeholder: rgba(255, 255, 255, 0.35);
380
+ --u-text-primary: #ffffff;
381
+ --u-text-secondary: rgba(255, 255, 255, 0.55);
382
+ --u-text-tips: rgb(var(--gray-5));
383
+ }
384
+