@loworbitstudio/visor-core 0.6.0 → 0.7.0

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 (5) hide show
  1. package/dist/themes/blackout.css +124 -124
  2. package/dist/themes/modern-minimal.css +97 -97
  3. package/dist/themes/neutral.css +109 -109
  4. package/dist/themes/space.css +142 -142
  5. package/package.json +2 -2
package/dist/themes/neutral.css CHANGED
@@ -14,32 +14,32 @@
14
14
  --color-white: #ffffff;
15
15
  --color-black: #000000;
16
16
  --color-primary-50: #eaf8fb;
17
- --color-primary-100: #e0f8fd;
18
- --color-primary-200: #d2f7ff;
19
- --color-primary-300: #c3f4ff;
20
- --color-primary-400: #abf0ff;
17
+ --color-primary-100: #d7eff5;
18
+ --color-primary-200: #b7e3ed;
19
+ --color-primary-300: #89cfde;
20
+ --color-primary-400: #4fb0c3;
21
21
  --color-primary-500: #1798ad;
22
- --color-primary-600: #02606f;
23
- --color-primary-700: #024b57;
24
- --color-primary-800: #00343d;
25
- --color-primary-900: #001f25;
22
+ --color-primary-600: #037283;
23
+ --color-primary-700: #015866;
24
+ --color-primary-800: #013d46;
25
+ --color-primary-900: #002329;
26
26
  --color-primary-950: #000c0f;
27
27
  --color-accent-50: #eaf8fb;
28
- --color-accent-100: #e0f8fd;
29
- --color-accent-200: #d2f7ff;
30
- --color-accent-300: #c3f4ff;
31
- --color-accent-400: #abf0ff;
28
+ --color-accent-100: #d7eff5;
29
+ --color-accent-200: #b7e3ed;
30
+ --color-accent-300: #89cfde;
31
+ --color-accent-400: #4fb0c3;
32
32
  --color-accent-500: #1798ad;
33
- --color-accent-600: #02606f;
34
- --color-accent-700: #024b57;
35
- --color-accent-800: #00343d;
36
- --color-accent-900: #001f25;
33
+ --color-accent-600: #037283;
34
+ --color-accent-700: #015866;
35
+ --color-accent-800: #013d46;
36
+ --color-accent-900: #002329;
37
37
  --color-accent-950: #000c0f;
38
38
  --color-neutral-50: #f5f5f6;
39
- --color-neutral-100: #f2f2f4;
40
- --color-neutral-200: #ededf2;
41
- --color-neutral-300: #e7e7ee;
42
- --color-neutral-400: #dedee7;
39
+ --color-neutral-100: #e7e7ea;
40
+ --color-neutral-200: #d4d4d8;
41
+ --color-neutral-300: #b6b7bd;
42
+ --color-neutral-400: #8e8e97;
43
43
  --color-neutral-500: #71717a;
44
44
  --color-neutral-600: #54545d;
45
45
  --color-neutral-700: #41414a;
@@ -47,29 +47,29 @@
47
47
  --color-neutral-900: #1a1a1f;
48
48
  --color-neutral-950: #09090c;
49
49
  --color-success-50: #e8fbeb;
50
- --color-success-100: #defde3;
50
+ --color-success-100: #d8f7dc;
51
51
  --color-success-500: #22c55e;
52
- --color-success-600: #00672b;
53
- --color-success-700: #005120;
54
- --color-success-900: #002209;
52
+ --color-success-600: #019341;
53
+ --color-success-700: #017231;
54
+ --color-success-900: #002b0e;
55
55
  --color-warning-50: #fff3e6;
56
- --color-warning-100: #fff1e3;
56
+ --color-warning-100: #ffebd5;
57
57
  --color-warning-500: #f59e0b;
58
- --color-warning-600: #774a01;
59
- --color-warning-700: #5e3900;
60
- --color-warning-900: #281600;
58
+ --color-warning-600: #b77401;
59
+ --color-warning-700: #8d5800;
60
+ --color-warning-900: #361f00;
61
61
  --color-error-50: #fff2f0;
62
- --color-error-100: #ffefed;
62
+ --color-error-100: #ffe3e0;
63
63
  --color-error-500: #ef4444;
64
- --color-error-600: #a30016;
65
- --color-error-700: #81000f;
66
- --color-error-900: #3a0003;
64
+ --color-error-600: #c3041e;
65
+ --color-error-700: #990015;
66
+ --color-error-900: #410004;
67
67
  --color-info-50: #ecf7ff;
68
- --color-info-100: #e8f5ff;
68
+ --color-info-100: #daf0ff;
69
69
  --color-info-500: #0ea5e9;
70
- --color-info-600: #005c85;
71
- --color-info-700: #004869;
72
- --color-info-900: #001d2e;
70
+ --color-info-600: #017baf;
71
+ --color-info-700: #005f88;
72
+ --color-info-900: #002437;
73
73
  }
74
74
 
75
75
 
@@ -182,14 +182,14 @@
182
182
 
183
183
  /* --- Adaptive: Text (dark) — manual toggle --- */
184
184
  .dark .neutral-theme {
185
- --text-primary: #fafafa;
186
- --text-secondary: #a1a1aa;
187
- --text-tertiary: #808080;
185
+ --text-primary: #f5f5f6;
186
+ --text-secondary: #b6b7bd;
187
+ --text-tertiary: #8e8e97;
188
188
  --text-disabled: #54545d;
189
189
  --text-inverse: #1a1a1f;
190
190
  --text-inverse-secondary: #41414a;
191
191
  --text-link: #67e8f9;
192
- --text-link-hover: #c3f4ff;
192
+ --text-link-hover: #89cfde;
193
193
  --text-success: #22c55e;
194
194
  --text-warning: #f59e0b;
195
195
  --text-error: #ef4444;
@@ -203,23 +203,23 @@
203
203
  --surface-card: #18181b;
204
204
  --surface-popover: #18181b;
205
205
  --surface-subtle: #2d2d34;
206
- --surface-muted: #41414a;
206
+ --surface-muted: #1f1f23;
207
207
  --surface-overlay: #09090c;
208
208
  --surface-interactive-default: #2d2d34;
209
209
  --surface-interactive-hover: #41414a;
210
210
  --surface-interactive-active: #54545d;
211
211
  --surface-interactive-disabled: #2d2d34;
212
- --surface-selected: #00343d;
213
- --surface-accent-subtle: #001f25;
212
+ --surface-selected: #013d46;
213
+ --surface-accent-subtle: #002329;
214
214
  --surface-accent-default: #1798ad;
215
- --surface-accent-strong: #abf0ff;
216
- --surface-success-subtle: #002209;
215
+ --surface-accent-strong: #4fb0c3;
216
+ --surface-success-subtle: #002b0e;
217
217
  --surface-success-default: #22c55e;
218
- --surface-warning-subtle: #281600;
218
+ --surface-warning-subtle: #361f00;
219
219
  --surface-warning-default: #f59e0b;
220
- --surface-error-subtle: #3a0003;
220
+ --surface-error-subtle: #410004;
221
221
  --surface-error-default: #ef4444;
222
- --surface-info-subtle: #001d2e;
222
+ --surface-info-subtle: #002437;
223
223
  --surface-info-default: #0ea5e9;
224
224
  --surface-elev-0: #09090c;
225
225
  --surface-elev-1: #1a1a1f;
@@ -246,8 +246,8 @@
246
246
  /* --- Adaptive: Interactive (dark) — manual toggle --- */
247
247
  .dark .neutral-theme {
248
248
  --interactive-primary-bg: #1798ad;
249
- --interactive-primary-bg-hover: #abf0ff;
250
- --interactive-primary-bg-active: #c3f4ff;
249
+ --interactive-primary-bg-hover: #4fb0c3;
250
+ --interactive-primary-bg-active: #89cfde;
251
251
  --interactive-primary-text: #ffffff;
252
252
  --interactive-secondary-bg: #2d2d34;
253
253
  --interactive-secondary-bg-hover: #41414a;
@@ -255,7 +255,7 @@
255
255
  --interactive-secondary-text: #f5f5f6;
256
256
  --interactive-secondary-border: #54545d;
257
257
  --interactive-destructive-bg: #ef4444;
258
- --interactive-destructive-bg-hover: #a30016;
258
+ --interactive-destructive-bg-hover: #c3041e;
259
259
  --interactive-destructive-text: #ffffff;
260
260
  --interactive-ghost-bg: #2d2d34;
261
261
  --interactive-ghost-bg-hover: #41414a;
@@ -265,14 +265,14 @@
265
265
  /* --- Adaptive: Text (dark) — prefers-color-scheme --- */
266
266
  @media (prefers-color-scheme: dark) {
267
267
  .neutral-theme:not(.light) {
268
- --text-primary: #fafafa;
269
- --text-secondary: #a1a1aa;
270
- --text-tertiary: #808080;
268
+ --text-primary: #f5f5f6;
269
+ --text-secondary: #b6b7bd;
270
+ --text-tertiary: #8e8e97;
271
271
  --text-disabled: #54545d;
272
272
  --text-inverse: #1a1a1f;
273
273
  --text-inverse-secondary: #41414a;
274
274
  --text-link: #67e8f9;
275
- --text-link-hover: #c3f4ff;
275
+ --text-link-hover: #89cfde;
276
276
  --text-success: #22c55e;
277
277
  --text-warning: #f59e0b;
278
278
  --text-error: #ef4444;
@@ -288,23 +288,23 @@
288
288
  --surface-card: #18181b;
289
289
  --surface-popover: #18181b;
290
290
  --surface-subtle: #2d2d34;
291
- --surface-muted: #41414a;
291
+ --surface-muted: #1f1f23;
292
292
  --surface-overlay: #09090c;
293
293
  --surface-interactive-default: #2d2d34;
294
294
  --surface-interactive-hover: #41414a;
295
295
  --surface-interactive-active: #54545d;
296
296
  --surface-interactive-disabled: #2d2d34;
297
- --surface-selected: #00343d;
298
- --surface-accent-subtle: #001f25;
297
+ --surface-selected: #013d46;
298
+ --surface-accent-subtle: #002329;
299
299
  --surface-accent-default: #1798ad;
300
- --surface-accent-strong: #abf0ff;
301
- --surface-success-subtle: #002209;
300
+ --surface-accent-strong: #4fb0c3;
301
+ --surface-success-subtle: #002b0e;
302
302
  --surface-success-default: #22c55e;
303
- --surface-warning-subtle: #281600;
303
+ --surface-warning-subtle: #361f00;
304
304
  --surface-warning-default: #f59e0b;
305
- --surface-error-subtle: #3a0003;
305
+ --surface-error-subtle: #410004;
306
306
  --surface-error-default: #ef4444;
307
- --surface-info-subtle: #001d2e;
307
+ --surface-info-subtle: #002437;
308
308
  --surface-info-default: #0ea5e9;
309
309
  --surface-elev-0: #09090c;
310
310
  --surface-elev-1: #1a1a1f;
@@ -335,8 +335,8 @@
335
335
  @media (prefers-color-scheme: dark) {
336
336
  .neutral-theme:not(.light) {
337
337
  --interactive-primary-bg: #1798ad;
338
- --interactive-primary-bg-hover: #abf0ff;
339
- --interactive-primary-bg-active: #c3f4ff;
338
+ --interactive-primary-bg-hover: #4fb0c3;
339
+ --interactive-primary-bg-active: #89cfde;
340
340
  --interactive-primary-text: #ffffff;
341
341
  --interactive-secondary-bg: #2d2d34;
342
342
  --interactive-secondary-bg-hover: #41414a;
@@ -344,7 +344,7 @@
344
344
  --interactive-secondary-text: #f5f5f6;
345
345
  --interactive-secondary-border: #54545d;
346
346
  --interactive-destructive-bg: #ef4444;
347
- --interactive-destructive-bg-hover: #a30016;
347
+ --interactive-destructive-bg-hover: #c3041e;
348
348
  --interactive-destructive-text: #ffffff;
349
349
  --interactive-ghost-bg: #2d2d34;
350
350
  --interactive-ghost-bg-hover: #41414a;
@@ -356,18 +356,18 @@
356
356
 
357
357
  /* --- Adaptive: Text (light) --- */
358
358
  html:not(.dark) .neutral-theme {
359
- --text-primary: #18181b;
360
- --text-secondary: #52525b;
361
- --text-tertiary: #737373;
362
- --text-disabled: #e7e7ee;
359
+ --text-primary: #1a1a1f;
360
+ --text-secondary: #41414a;
361
+ --text-tertiary: #54545d;
362
+ --text-disabled: #b6b7bd;
363
363
  --text-inverse: #ffffff;
364
- --text-inverse-secondary: #ededf2;
364
+ --text-inverse-secondary: #d4d4d8;
365
365
  --text-link: #0891b2;
366
- --text-link-hover: #024b57;
367
- --text-success: #005120;
368
- --text-warning: #5e3900;
369
- --text-error: #81000f;
370
- --text-info: #004869;
366
+ --text-link-hover: #015866;
367
+ --text-success: #017231;
368
+ --text-warning: #8d5800;
369
+ --text-error: #990015;
370
+ --text-info: #005f88;
371
371
  }
372
372
 
373
373
 
@@ -377,16 +377,16 @@ html:not(.dark) .neutral-theme {
377
377
  --surface-card: #ffffff;
378
378
  --surface-popover: #ffffff;
379
379
  --surface-subtle: #f5f5f6;
380
- --surface-muted: #f2f2f4;
380
+ --surface-muted: #e7e7ea;
381
381
  --surface-overlay: #1a1a1f;
382
382
  --surface-interactive-default: #ffffff;
383
383
  --surface-interactive-hover: #f5f5f6;
384
- --surface-interactive-active: #f2f2f4;
384
+ --surface-interactive-active: #e7e7ea;
385
385
  --surface-interactive-disabled: #f5f5f6;
386
- --surface-selected: #e0f8fd;
386
+ --surface-selected: #d7eff5;
387
387
  --surface-accent-subtle: #eaf8fb;
388
388
  --surface-accent-default: #1798ad;
389
- --surface-accent-strong: #02606f;
389
+ --surface-accent-strong: #037283;
390
390
  --surface-success-subtle: #e8fbeb;
391
391
  --surface-success-default: #22c55e;
392
392
  --surface-warning-subtle: #fff3e6;
@@ -397,19 +397,19 @@ html:not(.dark) .neutral-theme {
397
397
  --surface-info-default: #0ea5e9;
398
398
  --surface-elev-0: #ffffff;
399
399
  --surface-elev-1: #f5f5f6;
400
- --surface-elev-2: #f2f2f4;
401
- --surface-elev-3: #ededf2;
402
- --surface-elev-4: #e7e7ee;
400
+ --surface-elev-2: #e7e7ea;
401
+ --surface-elev-3: #d4d4d8;
402
+ --surface-elev-4: #b6b7bd;
403
403
  }
404
404
 
405
405
 
406
406
  /* --- Adaptive: Border (light) --- */
407
407
  html:not(.dark) .neutral-theme {
408
- --border-default: #ededf2;
409
- --border-muted: #f2f2f4;
410
- --border-strong: #e7e7ee;
408
+ --border-default: #d4d4d8;
409
+ --border-muted: #e7e7ea;
410
+ --border-strong: #b6b7bd;
411
411
  --border-focus: #1798ad;
412
- --border-disabled: #f2f2f4;
412
+ --border-disabled: #e7e7ea;
413
413
  --border-success: #22c55e;
414
414
  --border-warning: #f59e0b;
415
415
  --border-error: #ef4444;
@@ -420,39 +420,39 @@ html:not(.dark) .neutral-theme {
420
420
  /* --- Adaptive: Interactive (light) --- */
421
421
  html:not(.dark) .neutral-theme {
422
422
  --interactive-primary-bg: #1798ad;
423
- --interactive-primary-bg-hover: #024b57;
424
- --interactive-primary-bg-active: #00343d;
423
+ --interactive-primary-bg-hover: #015866;
424
+ --interactive-primary-bg-active: #013d46;
425
425
  --interactive-primary-text: #ffffff;
426
426
  --interactive-secondary-bg: #ffffff;
427
427
  --interactive-secondary-bg-hover: #f5f5f6;
428
- --interactive-secondary-bg-active: #f2f2f4;
428
+ --interactive-secondary-bg-active: #e7e7ea;
429
429
  --interactive-secondary-text: #1a1a1f;
430
- --interactive-secondary-border: #e7e7ee;
431
- --interactive-destructive-bg: #a30016;
432
- --interactive-destructive-bg-hover: #81000f;
430
+ --interactive-secondary-border: #b6b7bd;
431
+ --interactive-destructive-bg: #c3041e;
432
+ --interactive-destructive-bg-hover: #990015;
433
433
  --interactive-destructive-text: #ffffff;
434
434
  --interactive-ghost-bg: #ffffff;
435
- --interactive-ghost-bg-hover: #f2f2f4;
435
+ --interactive-ghost-bg-hover: #e7e7ea;
436
436
  }
437
437
 
438
438
 
439
439
  /* --- Fumadocs bridge: dark --- */
440
440
  .dark .neutral-theme {
441
441
  --color-fd-background: #09090b;
442
- --color-fd-foreground: #fafafa;
442
+ --color-fd-foreground: #f5f5f6;
443
443
  --color-fd-card: #18181b;
444
- --color-fd-card-foreground: #fafafa;
444
+ --color-fd-card-foreground: #f5f5f6;
445
445
  --color-fd-border: #41414a;
446
- --color-fd-muted: #41414a;
447
- --color-fd-muted-foreground: #a1a1aa;
446
+ --color-fd-muted: #1f1f23;
447
+ --color-fd-muted-foreground: #b6b7bd;
448
448
  --color-fd-accent: #1798ad;
449
449
  --color-fd-accent-foreground: #ffffff;
450
450
  --color-fd-primary: #1798ad;
451
451
  --color-fd-primary-foreground: #ffffff;
452
- --color-fd-secondary: #41414a;
453
- --color-fd-secondary-foreground: #fafafa;
452
+ --color-fd-secondary: #1f1f23;
453
+ --color-fd-secondary-foreground: #f5f5f6;
454
454
  --color-fd-popover: #18181b;
455
- --color-fd-popover-foreground: #fafafa;
455
+ --color-fd-popover-foreground: #f5f5f6;
456
456
  --color-fd-ring: #1798ad;
457
457
  }
458
458
 
@@ -460,20 +460,20 @@ html:not(.dark) .neutral-theme {
460
460
  /* --- Fumadocs bridge: light --- */
461
461
  html:not(.dark) .neutral-theme {
462
462
  --color-fd-background: #ffffff;
463
- --color-fd-foreground: #18181b;
463
+ --color-fd-foreground: #1a1a1f;
464
464
  --color-fd-card: #ffffff;
465
- --color-fd-card-foreground: #18181b;
466
- --color-fd-border: #ededf2;
467
- --color-fd-muted: #f2f2f4;
468
- --color-fd-muted-foreground: #52525b;
465
+ --color-fd-card-foreground: #1a1a1f;
466
+ --color-fd-border: #d4d4d8;
467
+ --color-fd-muted: #e7e7ea;
468
+ --color-fd-muted-foreground: #41414a;
469
469
  --color-fd-accent: #1798ad;
470
470
  --color-fd-accent-foreground: #ffffff;
471
471
  --color-fd-primary: #1798ad;
472
472
  --color-fd-primary-foreground: #ffffff;
473
- --color-fd-secondary: #f2f2f4;
474
- --color-fd-secondary-foreground: #18181b;
473
+ --color-fd-secondary: #e7e7ea;
474
+ --color-fd-secondary-foreground: #1a1a1f;
475
475
  --color-fd-popover: #ffffff;
476
- --color-fd-popover-foreground: #18181b;
476
+ --color-fd-popover-foreground: #1a1a1f;
477
477
  --color-fd-ring: #1798ad;
478
478
  }
479
479
  }