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