@pubinfo/config 2.0.0-beta.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.
@@ -0,0 +1,635 @@
1
+ import { definePreset, entriesToCss, toArray } from '@unocss/core';
2
+ import { hex2rgba } from '@unocss/preset-mini/utils';
3
+
4
+ const customColorKey = ["--ui-primary", "--ui-text"];
5
+ function mergeTheme(themes) {
6
+ const themeColor = Object.assign({}, ...themes);
7
+ return themeColor;
8
+ }
9
+ function normalizeColor(colors) {
10
+ for (const key of customColorKey) {
11
+ const colorValue = colors[key];
12
+ colors[key] = hex2rgba(colorValue).join(" ");
13
+ }
14
+ return colors;
15
+ }
16
+ function defineTheme(theme) {
17
+ const { name, colors } = theme;
18
+ const colorScheme = /* @__PURE__ */ Object.create(null);
19
+ colorScheme[name] = normalizeColor(colors);
20
+ return colorScheme;
21
+ }
22
+
23
+ const dark = defineTheme({
24
+ name: "dark",
25
+ colors: {
26
+ "label": "\u58A8\u591C\u5E7D",
27
+ // 颜色主题
28
+ "color-scheme": "dark",
29
+ // 内置 UI
30
+ "--ui-primary": "#e5e5e5",
31
+ "--ui-text": "#0f0f0f",
32
+ // 主体
33
+ "--g-bg": "#0a0a0a",
34
+ "--g-container-bg": "#141414",
35
+ "--g-border-color": "#15191e",
36
+ // 头部
37
+ "--g-header-bg": "#141414",
38
+ "--g-header-color": "#e5e5e5",
39
+ "--g-header-menu-color": "#a8a29e",
40
+ "--g-header-menu-hover-bg": "#141414",
41
+ "--g-header-menu-hover-color": "#e5e5e5",
42
+ "--g-header-menu-active-bg": "#2d2c2c",
43
+ "--g-header-menu-active-color": "#ffffff",
44
+ // 主导航
45
+ "--g-main-sidebar-bg": "#101010",
46
+ "--g-main-sidebar-menu-color": "#a8a29e",
47
+ "--g-main-sidebar-menu-hover-bg": "#141414",
48
+ "--g-main-sidebar-menu-hover-color": "#e5e5e5",
49
+ "--g-main-sidebar-menu-active-bg": "#1D1D1D",
50
+ "--g-main-sidebar-menu-active-color": "#ffffff",
51
+ // 次导航
52
+ "--g-sub-sidebar-bg": "#202020",
53
+ "--g-sub-sidebar-logo-bg": "#0f0f0f",
54
+ "--g-sub-sidebar-logo-color": "#e5e5e5",
55
+ "--g-sub-sidebar-menu-color": "#a8a29e",
56
+ "--g-sub-sidebar-menu-hover-bg": "#0a0a0a",
57
+ "--g-sub-sidebar-menu-hover-color": "#e5e5e5",
58
+ "--g-sub-sidebar-menu-active-bg": "#0a0a0a",
59
+ "--g-sub-sidebar-menu-active-color": "#fff",
60
+ // 标签栏
61
+ "--g-tabbar-dividers-bg": "#a8a29e",
62
+ "--g-tabbar-tab-color": "#a8a29e",
63
+ "--g-tabbar-tab-hover-bg": "#1b1b1b",
64
+ "--g-tabbar-tab-hover-color": "#e5e5e5",
65
+ "--g-tabbar-tab-active-color": "#e5e5e5"
66
+ }
67
+ });
68
+
69
+ const dracula = defineTheme({
70
+ name: "dracula",
71
+ colors: {
72
+ "label": "\u6697\u84DD\u79D8",
73
+ // 颜色主题
74
+ "color-scheme": "dark",
75
+ // 内置 UI
76
+ "--ui-primary": "#a6adbb",
77
+ "--ui-text": "#242b33",
78
+ // 主体
79
+ "--g-bg": "#272935",
80
+ "--g-container-bg": "#1d232a",
81
+ "--g-border-color": "#191E24",
82
+ // 头部
83
+ "--g-header-bg": "#191E24",
84
+ "--g-header-color": "#f8f8f2",
85
+ "--g-header-menu-color": "#a6adbb",
86
+ "--g-header-menu-hover-color": "#f8f8f2",
87
+ "--g-header-menu-hover-bg": "#181920",
88
+ "--g-header-menu-active-color": "#f8f8f2",
89
+ "--g-header-menu-active-bg": "#414558",
90
+ // 主导航
91
+ "--g-main-sidebar-bg": "#191E24",
92
+ "--g-main-sidebar-menu-color": "#a6adbb",
93
+ "--g-main-sidebar-menu-hover-color": "#f8f8f2",
94
+ "--g-main-sidebar-menu-hover-bg": "#181920",
95
+ "--g-main-sidebar-menu-active-color": "#f8f8f2",
96
+ "--g-main-sidebar-menu-active-bg": "#414558",
97
+ // 次导航
98
+ "--g-sub-sidebar-bg": "#1d232a",
99
+ "--g-sub-sidebar-logo-color": "#1d232a",
100
+ "--g-sub-sidebar-logo-bg": "#a6adbb",
101
+ "--g-sub-sidebar-menu-color": "#a6adbb",
102
+ "--g-sub-sidebar-menu-hover-color": "#f8f8f2",
103
+ "--g-sub-sidebar-menu-hover-bg": "#181920",
104
+ "--g-sub-sidebar-menu-active-color": "#f8f8f2",
105
+ "--g-sub-sidebar-menu-active-bg": "#414558",
106
+ // 标签栏
107
+ "--g-tabbar-dividers-bg": "#a6adbb",
108
+ "--g-tabbar-tab-color": "#a6adbb",
109
+ "--g-tabbar-tab-hover-color": "#f8f8f2",
110
+ "--g-tabbar-tab-hover-bg": "#242b33",
111
+ "--g-tabbar-tab-active-color": "#f8f8f2"
112
+ }
113
+ });
114
+
115
+ const luxury = defineTheme({
116
+ name: "luxury",
117
+ colors: {
118
+ "label": "\u91D1\u534E\u4E3D",
119
+ // 颜色主题
120
+ "color-scheme": "dark",
121
+ // 内置 UI
122
+ "--ui-primary": "#dca54c",
123
+ "--ui-text": "#242b33",
124
+ // 主体
125
+ "--g-bg": "#09090b",
126
+ "--g-container-bg": "#171618",
127
+ "--g-border-color": "#191E24",
128
+ // 头部
129
+ "--g-header-bg": "#09090b",
130
+ "--g-header-color": "#dca54c",
131
+ "--g-header-menu-color": "#dca54c",
132
+ "--g-header-menu-hover-color": "#dca54c",
133
+ "--g-header-menu-hover-bg": "#331800",
134
+ "--g-header-menu-active-color": "#ffe7a3",
135
+ "--g-header-menu-active-bg": "#331800",
136
+ // 主导航
137
+ "--g-main-sidebar-bg": "#09090b",
138
+ "--g-main-sidebar-menu-color": "#dca54c",
139
+ "--g-main-sidebar-menu-hover-color": "#dca54c",
140
+ "--g-main-sidebar-menu-hover-bg": "#331800",
141
+ "--g-main-sidebar-menu-active-color": "#ffe7a3",
142
+ "--g-main-sidebar-menu-active-bg": "#331800",
143
+ // 次导航
144
+ "--g-sub-sidebar-bg": "#171618",
145
+ "--g-sub-sidebar-logo-color": "#e3d664",
146
+ "--g-sub-sidebar-logo-bg": "#09090b",
147
+ "--g-sub-sidebar-menu-color": "#dca54c",
148
+ "--g-sub-sidebar-menu-hover-color": "#dca54c",
149
+ "--g-sub-sidebar-menu-hover-bg": "#331800",
150
+ "--g-sub-sidebar-menu-active-color": "#ffe7a3",
151
+ "--g-sub-sidebar-menu-active-bg": "#331800",
152
+ // 标签栏
153
+ "--g-tabbar-dividers-bg": "#a6adbb",
154
+ "--g-tabbar-tab-color": "#a6adbb",
155
+ "--g-tabbar-tab-hover-color": "#c8cad0",
156
+ "--g-tabbar-tab-hover-bg": "#242b33",
157
+ "--g-tabbar-tab-active-color": "#c8cad0"
158
+ }
159
+ });
160
+
161
+ const night = defineTheme({
162
+ name: "night",
163
+ colors: {
164
+ "label": "\u591C\u84DD\u68A6",
165
+ // 颜色主题
166
+ "color-scheme": "dark",
167
+ // 内置 UI
168
+ "--ui-primary": "#0ca6e9",
169
+ "--ui-text": "#242b33",
170
+ // 主体
171
+ "--g-bg": "#0f1729",
172
+ "--g-container-bg": "#1d283a",
173
+ "--g-border-color": "#191E24",
174
+ // 头部
175
+ "--g-header-bg": "#0f1729",
176
+ "--g-header-color": "#c8cad0",
177
+ "--g-header-menu-color": "#a6adbb",
178
+ "--g-header-menu-hover-color": "#c8cad0",
179
+ "--g-header-menu-hover-bg": "#1d283a",
180
+ "--g-header-menu-active-color": "#c8cad0",
181
+ "--g-header-menu-active-bg": "#1d283a",
182
+ // 主导航
183
+ "--g-main-sidebar-bg": "#0f1729",
184
+ "--g-main-sidebar-menu-color": "#a6adbb",
185
+ "--g-main-sidebar-menu-hover-color": "#c8cad0",
186
+ "--g-main-sidebar-menu-hover-bg": "#1d283a",
187
+ "--g-main-sidebar-menu-active-color": "#c8cad0",
188
+ "--g-main-sidebar-menu-active-bg": "#1d283a",
189
+ // 次导航
190
+ "--g-sub-sidebar-bg": "#1d283a",
191
+ "--g-sub-sidebar-logo-color": "#1d232a",
192
+ "--g-sub-sidebar-logo-bg": "#a6adbb",
193
+ "--g-sub-sidebar-menu-color": "#a6adbb",
194
+ "--g-sub-sidebar-menu-hover-color": "#c8cad0",
195
+ "--g-sub-sidebar-menu-hover-bg": "#273449",
196
+ "--g-sub-sidebar-menu-active-color": "#c8cad0",
197
+ "--g-sub-sidebar-menu-active-bg": "#0f1729",
198
+ // 标签栏
199
+ "--g-tabbar-dividers-bg": "#a6adbb",
200
+ "--g-tabbar-tab-color": "#a6adbb",
201
+ "--g-tabbar-tab-hover-color": "#c8cad0",
202
+ "--g-tabbar-tab-hover-bg": "#242b33",
203
+ "--g-tabbar-tab-active-color": "#c8cad0"
204
+ }
205
+ });
206
+
207
+ const stone = defineTheme({
208
+ name: "stone",
209
+ colors: {
210
+ "label": "\u77F3\u9752\u6DA6",
211
+ // 颜色主题
212
+ "color-scheme": "dark",
213
+ // 内置 UI
214
+ "--ui-primary": "#68d1bf",
215
+ "--ui-text": "#1b1a18",
216
+ // 主体
217
+ "--g-bg": "#1b1917",
218
+ "--g-container-bg": "#282524",
219
+ "--g-border-color": "#43403c",
220
+ // 头部
221
+ "--g-header-bg": "#1b1917",
222
+ "--g-header-color": "#e7e5e4",
223
+ "--g-header-menu-color": "#e7e5e4",
224
+ "--g-header-menu-hover-color": "#e7e5e4",
225
+ "--g-header-menu-hover-bg": "#282524",
226
+ "--g-header-menu-active-color": "#e7e5e4",
227
+ "--g-header-menu-active-bg": "#282524",
228
+ // 主导航
229
+ "--g-main-sidebar-bg": "#1b1917",
230
+ "--g-main-sidebar-menu-color": "#e7e5e4",
231
+ "--g-main-sidebar-menu-hover-color": "#e7e5e4",
232
+ "--g-main-sidebar-menu-hover-bg": "#282524",
233
+ "--g-main-sidebar-menu-active-color": "#e7e5e4",
234
+ "--g-main-sidebar-menu-active-bg": "#282524",
235
+ // 次导航
236
+ "--g-sub-sidebar-bg": "#282524",
237
+ "--g-sub-sidebar-logo-color": "#e7e5e4",
238
+ "--g-sub-sidebar-logo-bg": "#1a103c",
239
+ "--g-sub-sidebar-menu-color": "#e7e5e4",
240
+ "--g-sub-sidebar-menu-hover-color": "#e7e5e4",
241
+ "--g-sub-sidebar-menu-hover-bg": "#1b1917",
242
+ "--g-sub-sidebar-menu-active-color": "#e7e5e4",
243
+ "--g-sub-sidebar-menu-active-bg": "#1b1917",
244
+ // 标签栏
245
+ "--g-tabbar-dividers-bg": "#a6adbb",
246
+ "--g-tabbar-tab-color": "#a6adbb",
247
+ "--g-tabbar-tab-hover-color": "#c8cad0",
248
+ "--g-tabbar-tab-hover-bg": "#282524",
249
+ "--g-tabbar-tab-active-color": "#c8cad0"
250
+ }
251
+ });
252
+
253
+ const synthwave = defineTheme({
254
+ name: "synthwave",
255
+ colors: {
256
+ "label": "\u7D2B\u7535\u6D41",
257
+ // 颜色主题
258
+ "color-scheme": "dark",
259
+ // 内置 UI
260
+ "--ui-primary": "#58c7f3",
261
+ "--ui-text": "#1a272e",
262
+ // 主体
263
+ "--g-bg": "#1a103c",
264
+ "--g-container-bg": "#221551",
265
+ "--g-border-color": "#191E24",
266
+ // 头部
267
+ "--g-header-bg": "#1a103c",
268
+ "--g-header-color": "#f9f7fd",
269
+ "--g-header-menu-color": "#f9f7fd",
270
+ "--g-header-menu-hover-color": "#f9f7fd",
271
+ "--g-header-menu-hover-bg": "#221551",
272
+ "--g-header-menu-active-color": "#f9f7fd",
273
+ "--g-header-menu-active-bg": "#221551",
274
+ // 主导航
275
+ "--g-main-sidebar-bg": "#1a103c",
276
+ "--g-main-sidebar-menu-color": "#f9f7fd",
277
+ "--g-main-sidebar-menu-hover-color": "#f9f7fd",
278
+ "--g-main-sidebar-menu-hover-bg": "#221551",
279
+ "--g-main-sidebar-menu-active-color": "#f9f7fd",
280
+ "--g-main-sidebar-menu-active-bg": "#221551",
281
+ // 次导航
282
+ "--g-sub-sidebar-bg": "#221551",
283
+ "--g-sub-sidebar-logo-color": "#f9f7fd",
284
+ "--g-sub-sidebar-logo-bg": "#1a103c",
285
+ "--g-sub-sidebar-menu-color": "#f9f7fd",
286
+ "--g-sub-sidebar-menu-hover-color": "#f9f7fd",
287
+ "--g-sub-sidebar-menu-hover-bg": "#160e35",
288
+ "--g-sub-sidebar-menu-active-color": "#f9f7fd",
289
+ "--g-sub-sidebar-menu-active-bg": "#160e35",
290
+ // 标签栏
291
+ "--g-tabbar-dividers-bg": "#a6adbb",
292
+ "--g-tabbar-tab-color": "#a6adbb",
293
+ "--g-tabbar-tab-hover-color": "#c8cad0",
294
+ "--g-tabbar-tab-hover-bg": "#242b33",
295
+ "--g-tabbar-tab-active-color": "#c8cad0"
296
+ }
297
+ });
298
+
299
+ const barbie = defineTheme({
300
+ name: "barbie",
301
+ colors: {
302
+ "label": "\u68A6\u9732\u7C89",
303
+ // 颜色主题
304
+ "color-scheme": "light",
305
+ // 内置 UI
306
+ "--ui-primary": "#ff43bc",
307
+ "--ui-text": "#fcfcfc",
308
+ // 主体
309
+ "--g-bg": "#f2f2f2",
310
+ "--g-container-bg": "#fff",
311
+ "--g-border-color": "#f2f2f2",
312
+ // 头部
313
+ "--g-header-bg": "#ff43bc",
314
+ "--g-header-color": "#fff",
315
+ "--g-header-menu-color": "#fff",
316
+ "--g-header-menu-hover-bg": "#dd39a3",
317
+ "--g-header-menu-hover-color": "#fff",
318
+ "--g-header-menu-active-bg": "#dd39a3",
319
+ "--g-header-menu-active-color": "#fff",
320
+ // 主导航
321
+ "--g-main-sidebar-bg": "#ff43bc",
322
+ "--g-main-sidebar-menu-color": "#fff",
323
+ "--g-main-sidebar-menu-hover-bg": "#dd39a3",
324
+ "--g-main-sidebar-menu-hover-color": "#fff",
325
+ "--g-main-sidebar-menu-active-bg": "#dd39a3",
326
+ "--g-main-sidebar-menu-active-color": "#fff",
327
+ // 次导航
328
+ "--g-sub-sidebar-bg": "#fff",
329
+ "--g-sub-sidebar-logo-bg": "#ff43bc",
330
+ "--g-sub-sidebar-logo-color": "#fff",
331
+ "--g-sub-sidebar-menu-color": "#0f0f0f",
332
+ "--g-sub-sidebar-menu-hover-bg": "#dd39a3",
333
+ "--g-sub-sidebar-menu-hover-color": "#fff",
334
+ "--g-sub-sidebar-menu-active-bg": "#dd39a3",
335
+ "--g-sub-sidebar-menu-active-color": "#fff",
336
+ // 标签栏
337
+ "--g-tabbar-dividers-bg": "#a3a3a3",
338
+ "--g-tabbar-tab-color": "#a3a3a3",
339
+ "--g-tabbar-tab-hover-bg": "#e5e5e5",
340
+ "--g-tabbar-tab-hover-color": "#0f0f0f",
341
+ "--g-tabbar-tab-active-color": "#0f0f0f"
342
+ }
343
+ });
344
+
345
+ const classic = defineTheme({
346
+ name: "classic",
347
+ colors: {
348
+ "label": "\u84DD\u53E4\u96C5",
349
+ // 颜色主题
350
+ "color-scheme": "light",
351
+ // 内置 UI
352
+ "--ui-primary": "#1677ff",
353
+ "--ui-text": "#fcfcfc",
354
+ // 主体
355
+ "--g-bg": "#F5F8FE",
356
+ "--g-container-bg": "#fff",
357
+ "--g-border-color": "#f2f2f2",
358
+ // 头部
359
+ "--g-header-bg": "#2264F1",
360
+ "--g-header-color": "#fff",
361
+ "--g-header-menu-color": "#fff",
362
+ "--g-header-menu-hover-bg": "#57A1F7",
363
+ "--g-header-menu-hover-color": "#fff",
364
+ "--g-header-menu-active-bg": "#57A1F7",
365
+ "--g-header-menu-active-color": "#fff",
366
+ // 主导航
367
+ "--g-main-sidebar-bg": "#222b45",
368
+ "--g-main-sidebar-menu-color": "#fff",
369
+ "--g-main-sidebar-menu-hover-bg": "#334067",
370
+ "--g-main-sidebar-menu-hover-color": "#fff",
371
+ "--g-main-sidebar-menu-active-bg": "#334067",
372
+ "--g-main-sidebar-menu-active-color": "#fff",
373
+ // 次导航
374
+ "--g-sub-sidebar-bg": "#F5F8FE",
375
+ "--g-sub-sidebar-logo-bg": "#F5F8FE",
376
+ "--g-sub-sidebar-logo-color": "#0f0f0f",
377
+ "--g-sub-sidebar-menu-color": "#0f0f0f",
378
+ "--g-sub-sidebar-menu-hover-bg": "#dde1e3",
379
+ "--g-sub-sidebar-menu-hover-color": "#0f0f0f",
380
+ "--g-sub-sidebar-menu-active-bg": "#F8FAFE",
381
+ "--g-sub-sidebar-menu-active-color": "#2264F1",
382
+ // 标签栏
383
+ "--g-tabbar-dividers-bg": "#a3a3a3",
384
+ "--g-tabbar-tab-color": "#a3a3a3",
385
+ "--g-tabbar-tab-hover-bg": "#e5e5e5",
386
+ "--g-tabbar-tab-hover-color": "#0f0f0f",
387
+ "--g-tabbar-tab-active-color": "#0f0f0f"
388
+ }
389
+ });
390
+
391
+ const cyberpunk = defineTheme({
392
+ name: "cyberpunk",
393
+ colors: {
394
+ "label": "\u9EC4\u672A\u6765",
395
+ // 颜色主题
396
+ "color-scheme": "light",
397
+ // 内置 UI
398
+ "--ui-primary": "#dbcb00",
399
+ "--ui-text": "#0f0f0f",
400
+ // 主体
401
+ "--g-bg": "#f2f2f2",
402
+ "--g-container-bg": "#fff",
403
+ "--g-border-color": "#f2f2f2",
404
+ // 头部
405
+ "--g-header-bg": "#fff",
406
+ "--g-header-color": "#302d12",
407
+ "--g-header-menu-color": "#302d12",
408
+ "--g-header-menu-hover-bg": "#dbcb00",
409
+ "--g-header-menu-hover-color": "#302d12",
410
+ "--g-header-menu-active-bg": "#dbcb00",
411
+ "--g-header-menu-active-color": "#302d12",
412
+ // 主导航
413
+ "--g-main-sidebar-bg": "#f2f2f2",
414
+ "--g-main-sidebar-menu-color": "#302d12",
415
+ "--g-main-sidebar-menu-hover-bg": "#dbcb00",
416
+ "--g-main-sidebar-menu-hover-color": "#302d12",
417
+ "--g-main-sidebar-menu-active-bg": "#dbcb00",
418
+ "--g-main-sidebar-menu-active-color": "#302d12",
419
+ // 次导航
420
+ "--g-sub-sidebar-bg": "#fff",
421
+ "--g-sub-sidebar-logo-bg": "#dbcb00",
422
+ "--g-sub-sidebar-logo-color": "#302d12",
423
+ "--g-sub-sidebar-menu-color": "#0f0f0f",
424
+ "--g-sub-sidebar-menu-hover-bg": "#dbcb00",
425
+ "--g-sub-sidebar-menu-hover-color": "#302d12",
426
+ "--g-sub-sidebar-menu-active-bg": "#dbcb00",
427
+ "--g-sub-sidebar-menu-active-color": "#302d12",
428
+ // 标签栏
429
+ "--g-tabbar-dividers-bg": "#a3a3a3",
430
+ "--g-tabbar-tab-color": "#a3a3a3",
431
+ "--g-tabbar-tab-hover-bg": "#e5e5e5",
432
+ "--g-tabbar-tab-hover-color": "#0f0f0f",
433
+ "--g-tabbar-tab-active-color": "#0f0f0f"
434
+ }
435
+ });
436
+
437
+ const light = defineTheme({
438
+ name: "light",
439
+ colors: {
440
+ "label": "\u5E7D\u5F71\u9ED1",
441
+ // 颜色主题
442
+ "color-scheme": "light",
443
+ // 内置 UI
444
+ "--ui-primary": "#1677ff",
445
+ "--ui-text": "#fcfcfc",
446
+ // 主体
447
+ "--g-bg": "#f2f2f2",
448
+ "--g-container-bg": "#fff",
449
+ "--g-border-color": "#f2f2f2",
450
+ // 头部
451
+ "--g-header-bg": "#222b45",
452
+ "--g-header-color": "#fff",
453
+ "--g-header-menu-color": "#fff",
454
+ "--g-header-menu-hover-bg": "#334067",
455
+ "--g-header-menu-hover-color": "#fff",
456
+ "--g-header-menu-active-bg": "#334067",
457
+ "--g-header-menu-active-color": "#fff",
458
+ // 主导航
459
+ "--g-main-sidebar-bg": "#222b45",
460
+ "--g-main-sidebar-menu-color": "#fff",
461
+ "--g-main-sidebar-menu-hover-bg": "#334067",
462
+ "--g-main-sidebar-menu-hover-color": "#fff",
463
+ "--g-main-sidebar-menu-active-bg": "#334067",
464
+ "--g-main-sidebar-menu-active-color": "#fff",
465
+ // 次导航
466
+ "--g-sub-sidebar-bg": "#fff",
467
+ "--g-sub-sidebar-logo-bg": "#222b45",
468
+ "--g-sub-sidebar-logo-color": "#fff",
469
+ "--g-sub-sidebar-menu-color": "#0f0f0f",
470
+ "--g-sub-sidebar-menu-hover-bg": "#dde1e3",
471
+ "--g-sub-sidebar-menu-hover-color": "#0f0f0f",
472
+ "--g-sub-sidebar-menu-active-bg": "#1677ff",
473
+ "--g-sub-sidebar-menu-active-color": "#fff",
474
+ // 标签栏
475
+ "--g-tabbar-dividers-bg": "#a3a3a3",
476
+ "--g-tabbar-tab-color": "#a3a3a3",
477
+ "--g-tabbar-tab-hover-bg": "#e5e5e5",
478
+ "--g-tabbar-tab-hover-color": "#0f0f0f",
479
+ "--g-tabbar-tab-active-color": "#0f0f0f"
480
+ }
481
+ });
482
+
483
+ const naive = defineTheme({
484
+ name: "naive",
485
+ colors: {
486
+ "label": "\u9752\u5B87\u53E4",
487
+ // 颜色主题
488
+ "color-scheme": "light",
489
+ // 内置 UI
490
+ "--ui-primary": "#18a058",
491
+ "--ui-text": "#fcfcfc",
492
+ // 主体
493
+ "--g-bg": "#f2f2f2",
494
+ "--g-container-bg": "#fff",
495
+ "--g-border-color": "#f2f2f2",
496
+ // 头部
497
+ "--g-header-bg": "#1d2935",
498
+ "--g-header-color": "#fff",
499
+ "--g-header-menu-color": "#fff",
500
+ "--g-header-menu-hover-bg": "#42b983",
501
+ "--g-header-menu-hover-color": "#fff",
502
+ "--g-header-menu-active-bg": "#18a058",
503
+ "--g-header-menu-active-color": "#fff",
504
+ // 主导航
505
+ "--g-main-sidebar-bg": "#1d2935",
506
+ "--g-main-sidebar-menu-color": "#fff",
507
+ "--g-main-sidebar-menu-hover-bg": "#42b983",
508
+ "--g-main-sidebar-menu-hover-color": "#fff",
509
+ "--g-main-sidebar-menu-active-bg": "#18a058",
510
+ "--g-main-sidebar-menu-active-color": "#fff",
511
+ // 次导航
512
+ "--g-sub-sidebar-bg": "#fff",
513
+ "--g-sub-sidebar-logo-bg": "#1d2935",
514
+ "--g-sub-sidebar-logo-color": "#fff",
515
+ "--g-sub-sidebar-menu-color": "#0f0f0f",
516
+ "--g-sub-sidebar-menu-hover-bg": "#42b983",
517
+ "--g-sub-sidebar-menu-hover-color": "#fff",
518
+ "--g-sub-sidebar-menu-active-bg": "#18a058",
519
+ "--g-sub-sidebar-menu-active-color": "#fff",
520
+ // 标签栏
521
+ "--g-tabbar-dividers-bg": "#a3a3a3",
522
+ "--g-tabbar-tab-color": "#a3a3a3",
523
+ "--g-tabbar-tab-hover-bg": "#e5e5e5",
524
+ "--g-tabbar-tab-hover-color": "#0f0f0f",
525
+ "--g-tabbar-tab-active-color": "#0f0f0f"
526
+ }
527
+ });
528
+
529
+ const winter = defineTheme({
530
+ name: "winter",
531
+ colors: {
532
+ "label": "\u51B0\u96EA\u84DD",
533
+ // 颜色主题
534
+ "color-scheme": "light",
535
+ // 内置 UI
536
+ "--ui-primary": "#a6e4f8",
537
+ "--ui-text": "#3e4e68",
538
+ // 主体
539
+ "--g-bg": "#f1f5fe",
540
+ "--g-container-bg": "#fff",
541
+ "--g-border-color": "#f2f2f2",
542
+ // 头部
543
+ "--g-header-bg": "#fff",
544
+ "--g-header-color": "#3e4e68",
545
+ "--g-header-menu-color": "#3e4e68",
546
+ "--g-header-menu-hover-bg": "#e3e8f2",
547
+ "--g-header-menu-hover-color": "#3e4e68",
548
+ "--g-header-menu-active-bg": "#a6e4f8",
549
+ "--g-header-menu-active-color": "#3e4e68",
550
+ // 主导航
551
+ "--g-main-sidebar-bg": "#f1f5fe",
552
+ "--g-main-sidebar-menu-color": "#3e4e68",
553
+ "--g-main-sidebar-menu-hover-bg": "#e3e8f2",
554
+ "--g-main-sidebar-menu-hover-color": "#3e4e68",
555
+ "--g-main-sidebar-menu-active-bg": "#a6e4f8",
556
+ "--g-main-sidebar-menu-active-color": "#3e4e68",
557
+ // 次导航
558
+ "--g-sub-sidebar-bg": "#fff",
559
+ "--g-sub-sidebar-logo-bg": "#e3e8f2",
560
+ "--g-sub-sidebar-logo-color": "#3e4e68",
561
+ "--g-sub-sidebar-menu-color": "#0f0f0f",
562
+ "--g-sub-sidebar-menu-hover-bg": "#e3e8f2",
563
+ "--g-sub-sidebar-menu-hover-color": "#3e4e68",
564
+ "--g-sub-sidebar-menu-active-bg": "#a6e4f8",
565
+ "--g-sub-sidebar-menu-active-color": "#3e4e68",
566
+ // 标签栏
567
+ "--g-tabbar-dividers-bg": "#a3a3a3",
568
+ "--g-tabbar-tab-color": "#a3a3a3",
569
+ "--g-tabbar-tab-hover-bg": "#e5e5e5",
570
+ "--g-tabbar-tab-hover-color": "#0f0f0f",
571
+ "--g-tabbar-tab-active-color": "#0f0f0f"
572
+ }
573
+ });
574
+
575
+ const themes = mergeTheme([
576
+ // --亮色主题--
577
+ light,
578
+ classic,
579
+ naive,
580
+ barbie,
581
+ winter,
582
+ cyberpunk,
583
+ // --暗色主题--
584
+ dark,
585
+ dracula,
586
+ night,
587
+ luxury,
588
+ synthwave,
589
+ stone
590
+ ]);
591
+
592
+ const suffix = [["", " *", "::before", "::after"], ["::backdrop"]];
593
+ function createCssVar(key, themeName) {
594
+ function createSuffixScheme(preSuffix, suffixMap = suffix) {
595
+ return suffixMap.reduce((acc, suffix2) => acc.concat(suffix2.map((s) => `${preSuffix}${s}`).join(",")), []);
596
+ }
597
+ const map = {
598
+ light(key2) {
599
+ const preSuffix = `[data-theme="${key2}"]`;
600
+ return createSuffixScheme(preSuffix);
601
+ },
602
+ dark(key2) {
603
+ const preSuffix = `html.dark [data-theme="${key2}"]`;
604
+ return createSuffixScheme(preSuffix);
605
+ }
606
+ };
607
+ return map[key](themeName);
608
+ }
609
+ function normalizePreflights() {
610
+ return {
611
+ getCSS: () => {
612
+ const injectionCss = [];
613
+ Object.keys(themes).forEach((key) => {
614
+ delete themes[key].label;
615
+ const css = entriesToCss(Object.entries(themes[key]));
616
+ const themeColorScheme = themes[key]["color-scheme"];
617
+ const roots = toArray(
618
+ createCssVar(themeColorScheme, key)
619
+ );
620
+ injectionCss.push(roots.map((root) => `${root}{${css}}`).join(""));
621
+ });
622
+ return injectionCss.join("");
623
+ }
624
+ };
625
+ }
626
+ const presetThemes = definePreset(() => {
627
+ return {
628
+ name: "@wsys/preset-themes",
629
+ preflights: [
630
+ normalizePreflights()
631
+ ]
632
+ };
633
+ });
634
+
635
+ export { customColorKey as c, defineTheme as d, mergeTheme as m, presetThemes as p, themes as t };
@@ -0,0 +1,5 @@
1
+ import antfu, { TypedFlatConfigItem } from '@antfu/eslint-config';
2
+
3
+ declare function pubinfo(...userConfigs: Parameters<typeof antfu>[1][]): Promise<TypedFlatConfigItem[]>;
4
+
5
+ export { pubinfo as p };
@@ -0,0 +1,5 @@
1
+ import antfu, { TypedFlatConfigItem } from '@antfu/eslint-config';
2
+
3
+ declare function pubinfo(...userConfigs: Parameters<typeof antfu>[1][]): Promise<TypedFlatConfigItem[]>;
4
+
5
+ export { pubinfo as p };
@@ -0,0 +1,5 @@
1
+ import antfu, { TypedFlatConfigItem } from '@antfu/eslint-config';
2
+
3
+ declare function pubinfo(...userConfigs: Parameters<typeof antfu>[1][]): Promise<TypedFlatConfigItem[]>;
4
+
5
+ export { pubinfo as p };