@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/modern-minimal.css CHANGED
@@ -30,62 +30,62 @@
30
30
  --color-white: #ffffff;
31
31
  --color-black: #000000;
32
32
  --color-primary-50: #e8faf0;
33
- --color-primary-100: #ddfceb;
34
- --color-primary-200: #ccffe3;
35
- --color-primary-300: #bbffdb;
36
- --color-primary-400: #a0ffcf;
33
+ --color-primary-100: #d7f6e4;
34
+ --color-primary-200: #b8f0d2;
35
+ --color-primary-300: #89e5b7;
36
+ --color-primary-400: #4ed197;
37
37
  --color-primary-500: #04bf81;
38
- --color-primary-600: #016643;
39
- --color-primary-700: #005033;
40
- --color-primary-800: #003823;
41
- --color-primary-900: #002113;
38
+ --color-primary-600: #018e5f;
39
+ --color-primary-700: #016e48;
40
+ --color-primary-800: #004a30;
41
+ --color-primary-900: #002a19;
42
42
  --color-primary-950: #000d05;
43
43
  --color-accent-50: #e8faf0;
44
- --color-accent-100: #ddfceb;
45
- --color-accent-200: #ccffe3;
46
- --color-accent-300: #bbffdb;
47
- --color-accent-400: #a0ffcf;
44
+ --color-accent-100: #d7f6e4;
45
+ --color-accent-200: #b8f0d2;
46
+ --color-accent-300: #89e5b7;
47
+ --color-accent-400: #4ed197;
48
48
  --color-accent-500: #04bf81;
49
- --color-accent-600: #016643;
50
- --color-accent-700: #005033;
51
- --color-accent-800: #003823;
52
- --color-accent-900: #002113;
49
+ --color-accent-600: #018e5f;
50
+ --color-accent-700: #016e48;
51
+ --color-accent-800: #004a30;
52
+ --color-accent-900: #002a19;
53
53
  --color-accent-950: #000d05;
54
54
  --color-neutral-50: #f4f5f7;
55
- --color-neutral-100: #f0f2f6;
56
- --color-neutral-200: #eaeef5;
57
- --color-neutral-300: #e2e8f3;
58
- --color-neutral-400: #d8dfec;
59
- --color-neutral-500: #6c727e;
55
+ --color-neutral-100: #e6e8ec;
56
+ --color-neutral-200: #d1d4db;
57
+ --color-neutral-300: #b2b7c2;
58
+ --color-neutral-400: #898f9c;
59
+ --color-neutral-500: #6b7280;
60
60
  --color-neutral-600: #505561;
61
61
  --color-neutral-700: #3d424d;
62
62
  --color-neutral-800: #292e38;
63
63
  --color-neutral-900: #171b22;
64
64
  --color-neutral-950: #07090e;
65
65
  --color-success-50: #e8fbeb;
66
- --color-success-100: #defde3;
66
+ --color-success-100: #d8f7dc;
67
67
  --color-success-500: #22c55e;
68
- --color-success-600: #00672b;
69
- --color-success-700: #005120;
70
- --color-success-900: #002209;
68
+ --color-success-600: #019341;
69
+ --color-success-700: #017231;
70
+ --color-success-900: #002b0e;
71
71
  --color-warning-50: #fff3e6;
72
- --color-warning-100: #fff1e3;
72
+ --color-warning-100: #ffebd5;
73
73
  --color-warning-500: #f59e0b;
74
- --color-warning-600: #774a01;
75
- --color-warning-700: #5e3900;
76
- --color-warning-900: #281600;
74
+ --color-warning-600: #b77401;
75
+ --color-warning-700: #8d5800;
76
+ --color-warning-900: #361f00;
77
77
  --color-error-50: #fff2f0;
78
- --color-error-100: #ffefed;
78
+ --color-error-100: #ffe3e0;
79
79
  --color-error-500: #ef4444;
80
- --color-error-600: #a30016;
81
- --color-error-700: #81000f;
82
- --color-error-900: #3a0003;
80
+ --color-error-600: #c3041e;
81
+ --color-error-700: #990015;
82
+ --color-error-900: #410004;
83
83
  --color-info-50: #ecf7ff;
84
- --color-info-100: #e8f5ff;
84
+ --color-info-100: #daf0ff;
85
85
  --color-info-500: #0ea5e9;
86
- --color-info-600: #005c85;
87
- --color-info-700: #004869;
88
- --color-info-900: #001d2e;
86
+ --color-info-600: #017baf;
87
+ --color-info-700: #005f88;
88
+ --color-info-900: #002437;
89
89
  }
90
90
 
91
91
 
@@ -199,15 +199,15 @@
199
199
  /* --- Primitive overrides (dark) — dark brand color anchors at shade 500 --- */
200
200
  .dark .modern-minimal-theme {
201
201
  --color-primary-50: #e7fbf0;
202
- --color-primary-100: #dcfdeb;
203
- --color-primary-200: #ceffe5;
204
- --color-primary-300: #c0ffde;
205
- --color-primary-400: #aaffd5;
202
+ --color-primary-100: #d7f7e6;
203
+ --color-primary-200: #b8f4d5;
204
+ --color-primary-300: #8aecbd;
205
+ --color-primary-400: #4fdca1;
206
206
  --color-primary-500: #02cd8d;
207
- --color-primary-600: #006644;
208
- --color-primary-700: #005034;
209
- --color-primary-800: #003823;
210
- --color-primary-900: #002113;
207
+ --color-primary-600: #029868;
208
+ --color-primary-700: #00754f;
209
+ --color-primary-800: #004f34;
210
+ --color-primary-900: #002c1b;
211
211
  --color-primary-950: #000d06;
212
212
  }
213
213
 
@@ -241,17 +241,17 @@
241
241
  --surface-interactive-hover: #3d424d;
242
242
  --surface-interactive-active: #505561;
243
243
  --surface-interactive-disabled: #292e38;
244
- --surface-selected: #003823;
245
- --surface-accent-subtle: #002113;
244
+ --surface-selected: #004f34;
245
+ --surface-accent-subtle: #002c1b;
246
246
  --surface-accent-default: #04bf81;
247
247
  --surface-accent-strong: #a0ffcf;
248
- --surface-success-subtle: #002209;
248
+ --surface-success-subtle: #002b0e;
249
249
  --surface-success-default: #22c55e;
250
- --surface-warning-subtle: #281600;
250
+ --surface-warning-subtle: #361f00;
251
251
  --surface-warning-default: #f59e0b;
252
- --surface-error-subtle: #3a0003;
252
+ --surface-error-subtle: #410004;
253
253
  --surface-error-default: #ef4444;
254
- --surface-info-subtle: #001d2e;
254
+ --surface-info-subtle: #002437;
255
255
  --surface-info-default: #0ea5e9;
256
256
  --surface-elev-0: #07090e;
257
257
  --surface-elev-1: #171b22;
@@ -287,7 +287,7 @@
287
287
  --interactive-secondary-text: #f4f5f7;
288
288
  --interactive-secondary-border: #505561;
289
289
  --interactive-destructive-bg: #ef4444;
290
- --interactive-destructive-bg-hover: #a30016;
290
+ --interactive-destructive-bg-hover: #c3041e;
291
291
  --interactive-destructive-text: #ffffff;
292
292
  --interactive-ghost-bg: #292e38;
293
293
  --interactive-ghost-bg-hover: #3d424d;
@@ -326,17 +326,17 @@
326
326
  --surface-interactive-hover: #3d424d;
327
327
  --surface-interactive-active: #505561;
328
328
  --surface-interactive-disabled: #292e38;
329
- --surface-selected: #003823;
330
- --surface-accent-subtle: #002113;
329
+ --surface-selected: #004f34;
330
+ --surface-accent-subtle: #002c1b;
331
331
  --surface-accent-default: #04bf81;
332
332
  --surface-accent-strong: #a0ffcf;
333
- --surface-success-subtle: #002209;
333
+ --surface-success-subtle: #002b0e;
334
334
  --surface-success-default: #22c55e;
335
- --surface-warning-subtle: #281600;
335
+ --surface-warning-subtle: #361f00;
336
336
  --surface-warning-default: #f59e0b;
337
- --surface-error-subtle: #3a0003;
337
+ --surface-error-subtle: #410004;
338
338
  --surface-error-default: #ef4444;
339
- --surface-info-subtle: #001d2e;
339
+ --surface-info-subtle: #002437;
340
340
  --surface-info-default: #0ea5e9;
341
341
  --surface-elev-0: #07090e;
342
342
  --surface-elev-1: #171b22;
@@ -376,7 +376,7 @@
376
376
  --interactive-secondary-text: #f4f5f7;
377
377
  --interactive-secondary-border: #505561;
378
378
  --interactive-destructive-bg: #ef4444;
379
- --interactive-destructive-bg-hover: #a30016;
379
+ --interactive-destructive-bg-hover: #c3041e;
380
380
  --interactive-destructive-text: #ffffff;
381
381
  --interactive-ghost-bg: #292e38;
382
382
  --interactive-ghost-bg-hover: #3d424d;
@@ -388,15 +388,15 @@
388
388
  @media (prefers-color-scheme: dark) {
389
389
  .modern-minimal-theme:not(.light) {
390
390
  --color-primary-50: #e7fbf0;
391
- --color-primary-100: #dcfdeb;
392
- --color-primary-200: #ceffe5;
393
- --color-primary-300: #c0ffde;
394
- --color-primary-400: #aaffd5;
391
+ --color-primary-100: #d7f7e6;
392
+ --color-primary-200: #b8f4d5;
393
+ --color-primary-300: #8aecbd;
394
+ --color-primary-400: #4fdca1;
395
395
  --color-primary-500: #02cd8d;
396
- --color-primary-600: #006644;
397
- --color-primary-700: #005034;
398
- --color-primary-800: #003823;
399
- --color-primary-900: #002113;
396
+ --color-primary-600: #029868;
397
+ --color-primary-700: #00754f;
398
+ --color-primary-800: #004f34;
399
+ --color-primary-900: #002c1b;
400
400
  --color-primary-950: #000d06;
401
401
  }
402
402
  }
@@ -409,15 +409,15 @@ html:not(.dark) .modern-minimal-theme {
409
409
  --text-primary: rgba(0, 0, 0, 0.9);
410
410
  --text-secondary: rgba(0, 0, 0, 0.55);
411
411
  --text-tertiary: rgba(0, 0, 0, 0.55);
412
- --text-disabled: #e2e8f3;
412
+ --text-disabled: #b2b7c2;
413
413
  --text-inverse: #ffffff;
414
- --text-inverse-secondary: #eaeef5;
415
- --text-link: #016643;
416
- --text-link-hover: #005033;
417
- --text-success: #005120;
418
- --text-warning: #5e3900;
419
- --text-error: #81000f;
420
- --text-info: #004869;
414
+ --text-inverse-secondary: #d1d4db;
415
+ --text-link: #018e5f;
416
+ --text-link-hover: #016e48;
417
+ --text-success: #017231;
418
+ --text-warning: #8d5800;
419
+ --text-error: #990015;
420
+ --text-info: #005f88;
421
421
  }
422
422
 
423
423
 
@@ -427,16 +427,16 @@ html:not(.dark) .modern-minimal-theme {
427
427
  --surface-card: #FFFFFF;
428
428
  --surface-popover: #FFFFFF;
429
429
  --surface-subtle: #f4f5f7;
430
- --surface-muted: #f0f2f6;
430
+ --surface-muted: #e6e8ec;
431
431
  --surface-overlay: #171b22;
432
432
  --surface-interactive-default: #ffffff;
433
433
  --surface-interactive-hover: #f4f5f7;
434
- --surface-interactive-active: #f0f2f6;
434
+ --surface-interactive-active: #e6e8ec;
435
435
  --surface-interactive-disabled: #f4f5f7;
436
- --surface-selected: #ddfceb;
436
+ --surface-selected: #d7f6e4;
437
437
  --surface-accent-subtle: #e8faf0;
438
438
  --surface-accent-default: #04bf81;
439
- --surface-accent-strong: #016643;
439
+ --surface-accent-strong: #018e5f;
440
440
  --surface-success-subtle: #e8fbeb;
441
441
  --surface-success-default: #22c55e;
442
442
  --surface-warning-subtle: #fff3e6;
@@ -447,19 +447,19 @@ html:not(.dark) .modern-minimal-theme {
447
447
  --surface-info-default: #0ea5e9;
448
448
  --surface-elev-0: #ffffff;
449
449
  --surface-elev-1: #f4f5f7;
450
- --surface-elev-2: #f0f2f6;
451
- --surface-elev-3: #eaeef5;
452
- --surface-elev-4: #e2e8f3;
450
+ --surface-elev-2: #e6e8ec;
451
+ --surface-elev-3: #d1d4db;
452
+ --surface-elev-4: #b2b7c2;
453
453
  }
454
454
 
455
455
 
456
456
  /* --- Adaptive: Border (light) --- */
457
457
  html:not(.dark) .modern-minimal-theme {
458
- --border-default: #eaeef5;
459
- --border-muted: #f0f2f6;
460
- --border-strong: #e2e8f3;
458
+ --border-default: #d1d4db;
459
+ --border-muted: #e6e8ec;
460
+ --border-strong: #b2b7c2;
461
461
  --border-focus: #04bf81;
462
- --border-disabled: #f0f2f6;
462
+ --border-disabled: #e6e8ec;
463
463
  --border-success: #22c55e;
464
464
  --border-warning: #f59e0b;
465
465
  --border-error: #ef4444;
@@ -469,20 +469,20 @@ html:not(.dark) .modern-minimal-theme {
469
469
 
470
470
  /* --- Adaptive: Interactive (light) --- */
471
471
  html:not(.dark) .modern-minimal-theme {
472
- --interactive-primary-bg: #016643;
473
- --interactive-primary-bg-hover: #005033;
474
- --interactive-primary-bg-active: #003823;
472
+ --interactive-primary-bg: #018e5f;
473
+ --interactive-primary-bg-hover: #016e48;
474
+ --interactive-primary-bg-active: #004a30;
475
475
  --interactive-primary-text: #ffffff;
476
476
  --interactive-secondary-bg: #ffffff;
477
477
  --interactive-secondary-bg-hover: #f4f5f7;
478
- --interactive-secondary-bg-active: #f0f2f6;
478
+ --interactive-secondary-bg-active: #e6e8ec;
479
479
  --interactive-secondary-text: #171b22;
480
- --interactive-secondary-border: #e2e8f3;
481
- --interactive-destructive-bg: #a30016;
482
- --interactive-destructive-bg-hover: #81000f;
480
+ --interactive-secondary-border: #b2b7c2;
481
+ --interactive-destructive-bg: #c3041e;
482
+ --interactive-destructive-bg-hover: #990015;
483
483
  --interactive-destructive-text: #ffffff;
484
484
  --interactive-ghost-bg: #ffffff;
485
- --interactive-ghost-bg-hover: #f0f2f6;
485
+ --interactive-ghost-bg-hover: #e6e8ec;
486
486
  }
487
487
 
488
488
 
@@ -513,14 +513,14 @@ html:not(.dark) .modern-minimal-theme {
513
513
  --color-fd-foreground: rgba(0, 0, 0, 0.9);
514
514
  --color-fd-card: #FFFFFF;
515
515
  --color-fd-card-foreground: rgba(0, 0, 0, 0.9);
516
- --color-fd-border: #eaeef5;
517
- --color-fd-muted: #f0f2f6;
516
+ --color-fd-border: #d1d4db;
517
+ --color-fd-muted: #e6e8ec;
518
518
  --color-fd-muted-foreground: rgba(0, 0, 0, 0.55);
519
519
  --color-fd-accent: #04bf81;
520
520
  --color-fd-accent-foreground: #ffffff;
521
521
  --color-fd-primary: #04bf81;
522
522
  --color-fd-primary-foreground: #ffffff;
523
- --color-fd-secondary: #f0f2f6;
523
+ --color-fd-secondary: #e6e8ec;
524
524
  --color-fd-secondary-foreground: rgba(0, 0, 0, 0.9);
525
525
  --color-fd-popover: #FFFFFF;
526
526
  --color-fd-popover-foreground: rgba(0, 0, 0, 0.9);