@pubinfo/config 2.0.0-beta.6 → 2.0.0-beta.8

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 (27) hide show
  1. package/dist/eslint/index.d.ts +1 -1
  2. package/dist/index.d.mts +2 -2
  3. package/dist/index.d.ts +2 -2
  4. package/dist/index.mjs +3 -4
  5. package/dist/stylelint.d.ts +1 -1
  6. package/dist/themes/index.d.mts +1 -5
  7. package/dist/themes/index.d.ts +1 -5
  8. package/dist/themes/index.mjs +626 -3
  9. package/dist/{unocss.d.ts → unocss/index.d.ts} +1 -1
  10. package/dist/unocss/index.mjs +99 -0
  11. package/package.json +8 -14
  12. package/dist/eslint/index.cjs +0 -8
  13. package/dist/eslint/index.d.cts +0 -6
  14. package/dist/index.cjs +0 -21
  15. package/dist/index.d.cts +0 -6
  16. package/dist/shared/config.BDKVPKTO.mjs +0 -635
  17. package/dist/shared/config.CSqBb4YU.d.cts +0 -5
  18. package/dist/shared/config.YMrrkzU5.cjs +0 -641
  19. package/dist/shared/config.wdnazHMp.cjs +0 -147
  20. package/dist/stylelint.cjs +0 -139
  21. package/dist/stylelint.d.cts +0 -106
  22. package/dist/themes/index.cjs +0 -13
  23. package/dist/themes/index.d.cts +0 -33
  24. package/dist/unocss.cjs +0 -59
  25. package/dist/unocss.d.cts +0 -5
  26. package/dist/unocss.mjs +0 -57
  27. /package/dist/{unocss.d.mts → unocss/index.d.mts} +0 -0
package/dist/shared/config.YMrrkzU5.cjs DELETED
@@ -1,641 +0,0 @@
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;