@innertia-solutions/nuxt-theme-spark 0.1.106 → 0.1.108

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 (17) hide show
  1. package/components/Admin/Base.vue +10 -10
  2. package/components/Admin/Page.vue +8 -8
  3. package/components/Nav/Tabs.vue +3 -3
  4. package/components/Table/Standard.vue +14 -14
  5. package/css/themes/autumn.css +401 -0
  6. package/css/themes/bubblegum.css +408 -0
  7. package/css/themes/cashmere.css +412 -0
  8. package/css/themes/harvest.css +416 -0
  9. package/css/themes/moon.css +140 -0
  10. package/css/themes/ocean.css +273 -0
  11. package/css/themes/olive.css +413 -0
  12. package/css/themes/retro.css +431 -0
  13. package/css/themes/theme.css +725 -0
  14. package/nuxt.config.ts +5 -0
  15. package/package.json +1 -1
  16. package/plugins/theme.client.ts +7 -0
  17. package/spark.css +8 -0
package/css/themes/retro.css ADDED
@@ -0,0 +1,431 @@
1
+ /* ------------------------------ */
2
+ /* ------------ Retro ----------- */
3
+ /* ------------------------------ */
4
+
5
+ @layer utilities {
6
+ :root[data-theme="theme-retro"] {
7
+ .rounded {
8
+ border-radius: var(--radius-ui);
9
+ }
10
+
11
+ .before\:rounded:before,
12
+ .after\:rounded:after {
13
+ border-radius: inherit;
14
+ }
15
+ }
16
+ }
17
+
18
+ :root[data-theme="theme-retro"],
19
+ [data-theme="theme-retro"] {
20
+ --radius-ui: 0;
21
+ --radius-full: 0;
22
+ --radius-4xl: 0;
23
+ --radius-3xl: 0;
24
+ --radius-2xl: 0;
25
+ --radius-xl: 0;
26
+ --radius-lg: 0;
27
+ --radius-md: 0;
28
+ --radius-sm: 0;
29
+ --radius-xs: 0;
30
+
31
+ --background-1: var(--color-neutral-50);
32
+ --background-2: var(--color-neutral-100);
33
+ --foreground: var(--color-neutral-800);
34
+
35
+ --inverse: var(--color-neutral-800);
36
+
37
+ --border: var(--color-neutral-800);
38
+ --border-line-1: var(--color-neutral-800);
39
+ --border-line-2: var(--color-neutral-800);
40
+ --border-line-3: var(--color-neutral-800);
41
+ --border-line-4: var(--color-neutral-800);
42
+ --border-line-5: var(--color-neutral-800);
43
+ --border-line-6: var(--color-neutral-800);
44
+ --border-line-7: var(--color-neutral-800);
45
+ --border-line-8: var(--color-neutral-800);
46
+
47
+ --primary-50: var(--color-fuchsia-50);
48
+ --primary-100: var(--color-fuchsia-100);
49
+ --primary-200: var(--color-fuchsia-200);
50
+ --primary-300: var(--color-fuchsia-300);
51
+ --primary-400: var(--color-fuchsia-400);
52
+ --primary-500: var(--color-fuchsia-500);
53
+ --primary-600: var(--color-fuchsia-600);
54
+ --primary-700: var(--color-fuchsia-700);
55
+ --primary-800: var(--color-fuchsia-800);
56
+ --primary-900: var(--color-fuchsia-900);
57
+ --primary-950: var(--color-fuchsia-950);
58
+
59
+ --primary: var(--color-primary-500);
60
+ --primary-line: var(--color-neutral-800);
61
+ --primary-hover: var(--color-primary-600);
62
+ --primary-focus: var(--color-primary-600);
63
+ --primary-active: var(--color-primary-600);
64
+ --primary-checked: var(--color-primary-500);
65
+
66
+ --secondary: var(--color-neutral-900);
67
+ --secondary-hover: var(--color-neutral-800);
68
+ --secondary-focus: var(--color-neutral-800);
69
+ --secondary-active: var(--color-neutral-800);
70
+
71
+ --layer-line: var(--color-neutral-800);
72
+ --layer-foreground: var(--color-neutral-800);
73
+ --layer-hover: var(--color-neutral-50);
74
+ --layer-focus: var(--color-neutral-50);
75
+ --layer-active: var(--color-neutral-50);
76
+
77
+ --surface: var(--color-neutral-100);
78
+ --surface-1: var(--color-neutral-200);
79
+ --surface-2: var(--color-neutral-300);
80
+ --surface-3: var(--color-neutral-400);
81
+ --surface-4: var(--color-neutral-500);
82
+ --surface-5: var(--color-neutral-600);
83
+ --surface-foreground: var(--color-neutral-800);
84
+ --surface-hover: var(--color-neutral-200);
85
+ --surface-focus: var(--color-neutral-200);
86
+ --surface-active: var(--color-neutral-200);
87
+
88
+ --muted: var(--color-neutral-50);
89
+ --muted-foreground: var(--color-neutral-400);
90
+ --muted-foreground-1: var(--color-neutral-500);
91
+ --muted-foreground-2: var(--color-neutral-600);
92
+ --muted-hover: var(--color-neutral-100);
93
+ --muted-focus: var(--color-neutral-100);
94
+ --muted-active: var(--color-neutral-100);
95
+
96
+ --navbar-line: var(--color-neutral-800);
97
+ --navbar-divider: var(--color-neutral-800);
98
+ --navbar-nav-foreground: var(--color-neutral-800);
99
+ --navbar-nav-hover: var(--color-neutral-100);
100
+ --navbar-nav-focus: var(--color-neutral-100);
101
+ --navbar-nav-active: var(--color-neutral-100);
102
+ --navbar-nav-list-divider: var(--color-neutral-800);
103
+ --navbar-inverse: var(--color-primary-950);
104
+
105
+ --navbar-1: var(--color-neutral-50);
106
+ --navbar-1-line: var(--color-neutral-800);
107
+ --navbar-1-divider: var(--color-neutral-800);
108
+ --navbar-1-nav-foreground: var(--color-neutral-800);
109
+ --navbar-1-nav-hover: var(--color-neutral-200);
110
+ --navbar-1-nav-focus: var(--color-neutral-200);
111
+ --navbar-1-nav-active: var(--color-neutral-200);
112
+ --navbar-1-nav-list-divider: var(--color-neutral-800);
113
+
114
+ --navbar-2: var(--color-neutral-100);
115
+ --navbar-2-divider: var(--color-neutral-300);
116
+ --navbar-2-nav-foreground: var(--color-neutral-800);
117
+ --navbar-2-nav-hover: var(--color-neutral-200);
118
+ --navbar-2-nav-focus: var(--color-neutral-200);
119
+ --navbar-2-nav-active: var(--color-neutral-200);
120
+ --navbar-2-nav-list-divider: var(--color-neutral-800);
121
+
122
+ --sidebar-line: var(--color-neutral-800);
123
+ --sidebar-divider: var(--color-neutral-800);
124
+ --sidebar-nav-foreground: var(--color-neutral-800);
125
+ --sidebar-nav-hover: var(--color-neutral-100);
126
+ --sidebar-nav-focus: var(--color-neutral-100);
127
+ --sidebar-nav-active: var(--color-neutral-100);
128
+ --sidebar-nav-list-divider: var(--color-neutral-800);
129
+ --sidebar-inverse: var(--color-primary-950);
130
+
131
+ --sidebar-1: var(--color-neutral-50);
132
+ --sidebar-1-line: var(--color-neutral-800);
133
+ --sidebar-1-divider: var(--color-neutral-800);
134
+ --sidebar-1-nav-foreground: var(--color-neutral-800);
135
+ --sidebar-1-nav-hover: var(--color-neutral-200);
136
+ --sidebar-1-nav-focus: var(--color-neutral-200);
137
+ --sidebar-1-nav-active: var(--color-neutral-200);
138
+ --sidebar-1-nav-list-divider: var(--color-neutral-800);
139
+
140
+ --sidebar-2: var(--color-neutral-100);
141
+ --sidebar-2-divider: var(--color-neutral-800);
142
+ --sidebar-2-nav-foreground: var(--color-neutral-800);
143
+ --sidebar-2-nav-hover: var(--color-neutral-200);
144
+ --sidebar-2-nav-focus: var(--color-neutral-200);
145
+ --sidebar-2-nav-active: var(--color-neutral-200);
146
+ --sidebar-2-nav-list-divider: var(--color-neutral-800);
147
+
148
+ --card-line: var(--color-neutral-800);
149
+ --card-divider: var(--color-neutral-800);
150
+ --card-header: var(--color-neutral-800);
151
+ --card-footer: var(--color-neutral-800);
152
+ --card-inverse: var(--color-primary-950);
153
+
154
+ --dropdown-line: var(--color-neutral-800);
155
+ --dropdown-divider: var(--color-neutral-800);
156
+ --dropdown-header: var(--color-neutral-800);
157
+ --dropdown-footer: var(--color-neutral-800);
158
+ --dropdown-item-foreground: var(--color-neutral-800);
159
+ --dropdown-item-hover: var(--color-neutral-100);
160
+ --dropdown-item-focus: var(--color-neutral-100);
161
+ --dropdown-item-active: var(--color-neutral-100);
162
+ --dropdown-inverse: var(--color-primary-950);
163
+
164
+ --select-line: var(--color-neutral-800);
165
+ --select-item-foreground: var(--color-neutral-800);
166
+ --select-item-hover: var(--color-neutral-100);
167
+ --select-item-focus: var(--color-neutral-100);
168
+ --select-item-active: var(--color-neutral-100);
169
+ --select-inverse: var(--color-primary-950);
170
+
171
+ --overlay-line: var(--color-neutral-800);
172
+ --overlay-divider: var(--color-neutral-800);
173
+ --overlay-header: var(--color-neutral-800);
174
+ --overlay-footer: var(--color-neutral-800);
175
+ --overlay-inverse: var(--color-primary-950);
176
+
177
+ --popover-line: var(--color-neutral-800);
178
+
179
+ --table-line: var(--color-neutral-800);
180
+
181
+ --footer-line: var(--color-neutral-800);
182
+ --footer-inverse: var(--color-primary-950);
183
+
184
+ --scrollbar-track: var(--color-neutral-100);
185
+ --scrollbar-thumb: var(--color-neutral-300);
186
+
187
+ --chart-colors-background-inverse: var(--color-neutral-800);
188
+ --chart-colors-foreground: var(--color-neutral-800);
189
+ --chart-primary: var(--color-primary-500);
190
+ --chart-colors-primary: var(--color-primary-500);
191
+ --chart-colors-primary-inverse: var(--color-primary-500);
192
+ --chart-colors-primary-hex: var(--color-primary-500);
193
+ --chart-colors-primary-hex-inverse: var(--color-primary-500);
194
+ --chart-1: var(--color-primary-50);
195
+ --chart-colors-chart-1: var(--color-primary-50);
196
+ --chart-colors-chart-1-inverse: var(--color-primary-50);
197
+ --chart-colors-chart-1-hex: var(--color-primary-50);
198
+ --chart-colors-chart-1-hex-inverse: var(--color-primary-50);
199
+ --chart-2: var(--color-primary-200);
200
+ --chart-colors-chart-2: var(--color-primary-200);
201
+ --chart-colors-chart-2-inverse: var(--color-primary-200);
202
+ --chart-colors-chart-2-hex: var(--color-primary-200);
203
+ --chart-colors-chart-2-hex-inverse: var(--color-primary-200);
204
+ --chart-3: var(--color-primary-400);
205
+ --chart-colors-chart-3: var(--color-primary-400);
206
+ --chart-colors-chart-3-inverse: var(--color-primary-400);
207
+ --chart-colors-chart-3-hex: var(--color-primary-400);
208
+ --chart-colors-chart-3-hex-inverse: var(--color-primary-400);
209
+ --chart-4: var(--color-primary-800);
210
+ --chart-colors-chart-4: var(--color-primary-800);
211
+ --chart-colors-chart-4-inverse: var(--color-primary-800);
212
+ --chart-colors-chart-4-hex: var(--color-primary-800);
213
+ --chart-colors-chart-4-hex-inverse: var(--color-primary-800);
214
+ --chart-5: var(--color-teal-400);
215
+ --chart-colors-chart-5: var(--color-teal-400);
216
+ --chart-colors-chart-5-inverse: var(--color-teal-400);
217
+ --chart-colors-chart-5-hex: var(--color-teal-400);
218
+ --chart-colors-chart-5-hex-inverse: var(--color-teal-400);
219
+ --chart-6: var(--color-violet-600);
220
+ --chart-colors-chart-6: var(--color-violet-600);
221
+ --chart-colors-chart-6-inverse: var(--color-violet-600);
222
+ --chart-colors-chart-6-hex: var(--color-violet-600);
223
+ --chart-colors-chart-6-hex-inverse: var(--color-violet-600);
224
+ --chart-7: var(--color-blue-400);
225
+ --chart-colors-chart-7: var(--color-blue-400);
226
+ --chart-colors-chart-7-inverse: var(--color-blue-400);
227
+ --chart-colors-chart-7-hex: var(--color-blue-400);
228
+ --chart-colors-chart-7-hex-inverse: var(--color-blue-400);
229
+ --chart-8: var(--color-neutral-100);
230
+ --chart-colors-chart-8: var(--color-neutral-100);
231
+ --chart-colors-chart-8-inverse: var(--color-neutral-700);
232
+ --chart-colors-chart-8-hex: var(--color-neutral-100);
233
+ --chart-colors-chart-8-hex-inverse: var(--color-neutral-700);
234
+ --chart-9: var(--color-neutral-200);
235
+ --chart-colors-chart-9: var(--color-neutral-200);
236
+ --chart-colors-chart-9-inverse: var(--color-neutral-500);
237
+ --chart-colors-chart-9-hex: var(--color-neutral-200);
238
+ --chart-colors-chart-9-hex-inverse: var(--color-neutral-500);
239
+ --chart-10: var(--color-neutral-300);
240
+ --chart-colors-chart-10: var(--color-neutral-300);
241
+ --chart-colors-chart-10-inverse: var(--color-neutral-700);
242
+ --chart-colors-chart-10-hex: var(--color-neutral-300);
243
+ --chart-colors-chart-10-hex-inverse: var(--color-neutral-700);
244
+ --chart-colors-candlestick-upward: var(--color-primary-500);
245
+ --chart-colors-candlestick-upward-inverse: var(--color-primary-500);
246
+ --chart-colors-candlestick-downward: var(--color-primary-500);
247
+ --chart-colors-candlestick-downward-inverse: var(--color-primary-500);
248
+ --chart-colors-labels: var(--color-neutral-400);
249
+ --chart-colors-labels-inverse: var(--color-neutral-400);
250
+ --chart-colors-xaxis-labels: var(--color-neutral-400);
251
+ --chart-colors-xaxis-labels-inverse: var(--color-neutral-400);
252
+ --chart-colors-yaxis-labels: var(--color-neutral-400);
253
+ --chart-colors-yaxis-labels-inverse: var(--color-neutral-400);
254
+ --chart-colors-grid-border: var(--color-neutral-400);
255
+ --chart-colors-grid-border-inverse: var(--color-neutral-700);
256
+ --chart-colors-bar-ranges: var(--color-neutral-200);
257
+
258
+ --map-colors-primary: var(--color-primary-600);
259
+ --map-colors-primary-inverse: var(--color-primary-500);
260
+ --map-colors-default: var(--color-neutral-300);
261
+ --map-colors-default-inverse: var(--color-neutral-600);
262
+ --map-colors-highlight: var(--color-primary-300);
263
+ --map-colors-highlight-inverse: var(--color-primary-300);
264
+ --map-colors-border: var(--color-neutral-100);
265
+ --map-colors-border-inverse: var(--color-neutral-800);
266
+ }
267
+
268
+ [data-theme="theme-retro"].dark {
269
+ --background: var(--color-neutral-800);
270
+ --background-1: var(--color-neutral-900);
271
+ --background-2: var(--color-neutral-900);
272
+ --foreground: var(--color-neutral-200);
273
+
274
+ --inverse: var(--color-neutral-950);
275
+
276
+ --border: var(--color-neutral-400);
277
+ --border-line-1: var(--color-neutral-400);
278
+ --border-line-2: var(--color-neutral-400);
279
+ --border-line-3: var(--color-neutral-400);
280
+ --border-line-4: var(--color-neutral-400);
281
+ --border-line-5: var(--color-neutral-400);
282
+ --border-line-6: var(--color-neutral-400);
283
+ --border-line-7: var(--color-neutral-400);
284
+ --border-line-8: var(--color-neutral-400);
285
+
286
+ --primary: var(--color-primary-500);
287
+ --primary-line: var(--color-neutral-400);
288
+ --primary-hover: var(--color-primary-600);
289
+ --primary-focus: var(--color-primary-600);
290
+ --primary-active: var(--color-primary-600);
291
+ --primary-checked: var(--color-primary-500);
292
+
293
+ --secondary: var(--color-white);
294
+ --secondary-hover: var(--color-neutral-100);
295
+ --secondary-focus: var(--color-neutral-100);
296
+ --secondary-active: var(--color-neutral-100);
297
+
298
+ --layer: var(--color-neutral-800);
299
+ --layer-line: var(--color-neutral-400);
300
+ --layer-foreground: var(--color-white);
301
+ --layer-hover: var(--color-neutral-700);
302
+ --layer-focus: var(--color-neutral-700);
303
+ --layer-active: var(--color-neutral-700);
304
+
305
+ --surface: var(--color-neutral-700);
306
+ --surface-1: var(--color-neutral-600);
307
+ --surface-2: var(--color-neutral-500);
308
+ --surface-3: var(--color-neutral-600);
309
+ --surface-4: var(--color-neutral-500);
310
+ --surface-5: var(--color-neutral-400);
311
+ --surface-foreground: var(--color-neutral-200);
312
+ --surface-hover: var(--color-neutral-600);
313
+ --surface-focus: var(--color-neutral-600);
314
+ --surface-active: var(--color-neutral-600);
315
+
316
+ --muted: var(--color-neutral-800);
317
+ --muted-foreground: var(--color-neutral-500);
318
+ --muted-foreground-1: var(--color-neutral-400);
319
+ --muted-foreground-2: var(--color-neutral-300);
320
+ --muted-hover: var(--color-neutral-700);
321
+ --muted-focus: var(--color-neutral-700);
322
+ --muted-active: var(--color-neutral-700);
323
+
324
+ --navbar: var(--color-neutral-800);
325
+ --navbar-line: var(--color-neutral-400);
326
+ --navbar-divider: var(--color-neutral-400);
327
+ --navbar-nav-foreground: var(--color-neutral-200);
328
+ --navbar-nav-hover: var(--color-neutral-700);
329
+ --navbar-nav-focus: var(--color-neutral-700);
330
+ --navbar-nav-active: var(--color-neutral-700);
331
+ --navbar-nav-list-divider: var(--color-neutral-400);
332
+ --navbar-inverse: var(--color-black);
333
+
334
+ --navbar-1: var(--color-neutral-900);
335
+ --navbar-1-line: var(--color-neutral-400);
336
+ --navbar-1-divider: var(--color-neutral-400);
337
+ --navbar-1-nav-foreground: var(--color-neutral-200);
338
+ --navbar-1-nav-hover: var(--color-neutral-700);
339
+ --navbar-1-nav-focus: var(--color-neutral-700);
340
+ --navbar-1-nav-active: var(--color-neutral-700);
341
+ --navbar-1-nav-list-divider: var(--color-neutral-400);
342
+
343
+ --navbar-2: var(--color-neutral-900);
344
+ --navbar-2-divider: var(--color-neutral-400);
345
+ --navbar-2-nav-foreground: var(--color-neutral-200);
346
+ --navbar-2-nav-hover: var(--color-neutral-800);
347
+ --navbar-2-nav-focus: var(--color-neutral-800);
348
+ --navbar-2-nav-active: var(--color-neutral-800);
349
+ --navbar-2-nav-list-divider: var(--color-neutral-800);
350
+
351
+ --sidebar: var(--color-neutral-800);
352
+ --sidebar-line: var(--color-neutral-400);
353
+ --sidebar-divider: var(--color-neutral-400);
354
+ --sidebar-nav-foreground: var(--color-neutral-200);
355
+ --sidebar-nav-hover: var(--color-neutral-700);
356
+ --sidebar-nav-focus: var(--color-neutral-700);
357
+ --sidebar-nav-active: var(--color-neutral-700);
358
+ --sidebar-nav-list-divider: var(--color-neutral-400);
359
+ --sidebar-inverse: var(--color-black);
360
+
361
+ --sidebar-1: var(--color-neutral-900);
362
+ --sidebar-1-line: var(--color-neutral-400);
363
+ --sidebar-1-divider: var(--color-neutral-400);
364
+ --sidebar-1-nav-foreground: var(--color-neutral-200);
365
+ --sidebar-1-nav-hover: var(--color-neutral-700);
366
+ --sidebar-1-nav-focus: var(--color-neutral-700);
367
+ --sidebar-1-nav-active: var(--color-neutral-700);
368
+ --sidebar-1-nav-list-divider: var(--color-neutral-400);
369
+
370
+ --sidebar-2: var(--color-neutral-900);
371
+ --sidebar-2-divider: var(--color-neutral-800);
372
+ --sidebar-2-nav-foreground: var(--color-neutral-200);
373
+ --sidebar-2-nav-hover: var(--color-neutral-800);
374
+ --sidebar-2-nav-focus: var(--color-neutral-800);
375
+ --sidebar-2-nav-active: var(--color-neutral-800);
376
+ --sidebar-2-nav-list-divider: var(--color-neutral-800);
377
+
378
+ --card: var(--color-neutral-800);
379
+ --card-line: var(--color-neutral-400);
380
+ --card-divider: var(--color-neutral-400);
381
+ --card-header: var(--color-neutral-400);
382
+ --card-footer: var(--color-neutral-400);
383
+ --card-inverse: var(--color-black);
384
+
385
+ --dropdown: var(--color-neutral-900);
386
+ --dropdown-1: var(--color-neutral-950);
387
+ --dropdown-line: var(--color-neutral-400);
388
+ --dropdown-divider: var(--color-neutral-400);
389
+ --dropdown-header: var(--color-neutral-400);
390
+ --dropdown-footer: var(--color-neutral-400);
391
+ --dropdown-item-foreground: var(--color-neutral-200);
392
+ --dropdown-item-hover: var(--color-neutral-800);
393
+ --dropdown-item-focus: var(--color-neutral-800);
394
+ --dropdown-item-active: var(--color-neutral-800);
395
+ --dropdown-inverse: var(--color-black);
396
+
397
+ --select: var(--color-neutral-900);
398
+ --select-1: var(--color-neutral-950);
399
+ --select-line: var(--color-neutral-400);
400
+ --select-item-foreground: var(--color-neutral-200);
401
+ --select-item-hover: var(--color-neutral-800);
402
+ --select-item-focus: var(--color-neutral-800);
403
+ --select-item-active: var(--color-neutral-800);
404
+ --select-inverse: var(--color-black);
405
+
406
+ --overlay: var(--color-neutral-800);
407
+ --overlay-line: var(--color-neutral-400);
408
+ --overlay-divider: var(--color-neutral-400);
409
+ --overlay-header: var(--color-neutral-400);
410
+ --overlay-footer: var(--color-neutral-400);
411
+ --overlay-inverse: var(--color-black);
412
+
413
+ --popover: var(--color-neutral-900);
414
+ --popover-line: var(--color-neutral-400);
415
+
416
+ --table-line: var(--color-neutral-400);
417
+
418
+ --footer: var(--color-neutral-800);
419
+ --footer-line: var(--color-neutral-400);
420
+ --footer-inverse: var(--color-black);
421
+
422
+ --scrollbar-track: var(--color-neutral-700);
423
+ --scrollbar-thumb: var(--color-neutral-500);
424
+ --scrollbar-track-inverse: var(--color-neutral-500);
425
+ --scrollbar-thumb-inverse: var(--color-neutral-700);
426
+
427
+ --chart-7: var(--color-blue-500);
428
+ --chart-8: var(--color-neutral-700);
429
+ --chart-9: var(--color-neutral-500);
430
+ --chart-10: var(--color-neutral-700);
431
+ }