@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/blackout.css CHANGED
@@ -14,62 +14,62 @@
14
14
  --color-white: #ffffff;
15
15
  --color-black: #000000;
16
16
  --color-primary-50: #f5f5f5;
17
- --color-primary-100: #f2f2f2;
18
- --color-primary-200: #ededed;
19
- --color-primary-300: #e6e6e6;
20
- --color-primary-400: #dcdcdc;
17
+ --color-primary-100: #e6e6e6;
18
+ --color-primary-200: #d1d1d1;
19
+ --color-primary-300: #b2b2b2;
20
+ --color-primary-400: #868686;
21
21
  --color-primary-500: #666666;
22
- --color-primary-600: #555555;
23
- --color-primary-700: #424242;
24
- --color-primary-800: #2e2e2e;
25
- --color-primary-900: #1b1b1b;
22
+ --color-primary-600: #4d4d4d;
23
+ --color-primary-700: #3c3c3c;
24
+ --color-primary-800: #2a2a2a;
25
+ --color-primary-900: #191919;
26
26
  --color-primary-950: #090909;
27
27
  --color-accent-50: #f5f5f5;
28
- --color-accent-100: #f2f2f2;
29
- --color-accent-200: #ededed;
30
- --color-accent-300: #e6e6e6;
31
- --color-accent-400: #dcdcdc;
28
+ --color-accent-100: #e6e6e6;
29
+ --color-accent-200: #d1d1d1;
30
+ --color-accent-300: #b2b2b2;
31
+ --color-accent-400: #868686;
32
32
  --color-accent-500: #666666;
33
- --color-accent-600: #555555;
34
- --color-accent-700: #424242;
35
- --color-accent-800: #2e2e2e;
36
- --color-accent-900: #1b1b1b;
33
+ --color-accent-600: #4d4d4d;
34
+ --color-accent-700: #3c3c3c;
35
+ --color-accent-800: #2a2a2a;
36
+ --color-accent-900: #191919;
37
37
  --color-accent-950: #090909;
38
38
  --color-neutral-50: #f5f5f5;
39
- --color-neutral-100: #f1f1f1;
40
- --color-neutral-200: #eaeaea;
41
- --color-neutral-300: #e0e0e0;
42
- --color-neutral-400: #d2d2d2;
39
+ --color-neutral-100: #e0e0e0;
40
+ --color-neutral-200: #c2c2c2;
41
+ --color-neutral-300: #979797;
42
+ --color-neutral-400: #5c5c5c;
43
43
  --color-neutral-500: #333333;
44
- --color-neutral-600: #555555;
45
- --color-neutral-700: #424242;
46
- --color-neutral-800: #2e2e2e;
47
- --color-neutral-900: #1b1b1b;
44
+ --color-neutral-600: #282828;
45
+ --color-neutral-700: #212121;
46
+ --color-neutral-800: #181818;
47
+ --color-neutral-900: #101011;
48
48
  --color-neutral-950: #090909;
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
 
@@ -186,10 +186,10 @@
186
186
  --text-secondary: rgba(255, 255, 255, 0.70);
187
187
  --text-tertiary: rgba(255, 255, 255, 0.55);
188
188
  --text-disabled: rgba(255, 255, 255, 0.1);
189
- --text-inverse: #1b1b1b;
190
- --text-inverse-secondary: #424242;
191
- --text-link: #dcdcdc;
192
- --text-link-hover: #e6e6e6;
189
+ --text-inverse: #101011;
190
+ --text-inverse-secondary: #212121;
191
+ --text-link: #868686;
192
+ --text-link-hover: #b2b2b2;
193
193
  --text-success: #22c55e;
194
194
  --text-warning: #f59e0b;
195
195
  --text-error: #ef4444;
@@ -205,27 +205,27 @@
205
205
  --surface-subtle: rgba(255, 255, 255, 0.02);
206
206
  --surface-muted: rgba(255, 255, 255, 0.04);
207
207
  --surface-overlay: #090909;
208
- --surface-interactive-default: #2e2e2e;
209
- --surface-interactive-hover: #424242;
210
- --surface-interactive-active: #555555;
211
- --surface-interactive-disabled: #2e2e2e;
212
- --surface-selected: #2e2e2e;
213
- --surface-accent-subtle: #1b1b1b;
208
+ --surface-interactive-default: #181818;
209
+ --surface-interactive-hover: #212121;
210
+ --surface-interactive-active: #282828;
211
+ --surface-interactive-disabled: #181818;
212
+ --surface-selected: #2a2a2a;
213
+ --surface-accent-subtle: #191919;
214
214
  --surface-accent-default: #666666;
215
- --surface-accent-strong: #dcdcdc;
216
- --surface-success-subtle: #002209;
215
+ --surface-accent-strong: #868686;
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: #090909;
225
- --surface-elev-1: #1b1b1b;
226
- --surface-elev-2: #2e2e2e;
227
- --surface-elev-3: #424242;
228
- --surface-elev-4: #555555;
225
+ --surface-elev-1: #101011;
226
+ --surface-elev-2: #181818;
227
+ --surface-elev-3: #212121;
228
+ --surface-elev-4: #282828;
229
229
  }
230
230
 
231
231
 
@@ -234,8 +234,8 @@
234
234
  --border-default: rgba(255, 255, 255, 0.06);
235
235
  --border-muted: rgba(255, 255, 255, 0.03);
236
236
  --border-strong: rgba(255, 255, 255, 0.1);
237
- --border-focus: #dcdcdc;
238
- --border-disabled: #2e2e2e;
237
+ --border-focus: #868686;
238
+ --border-disabled: #181818;
239
239
  --border-success: #22c55e;
240
240
  --border-warning: #f59e0b;
241
241
  --border-error: #ef4444;
@@ -246,19 +246,19 @@
246
246
  /* --- Adaptive: Interactive (dark) — manual toggle --- */
247
247
  .dark .blackout-theme {
248
248
  --interactive-primary-bg: #666666;
249
- --interactive-primary-bg-hover: #dcdcdc;
250
- --interactive-primary-bg-active: #e6e6e6;
249
+ --interactive-primary-bg-hover: #868686;
250
+ --interactive-primary-bg-active: #b2b2b2;
251
251
  --interactive-primary-text: #ffffff;
252
- --interactive-secondary-bg: #2e2e2e;
253
- --interactive-secondary-bg-hover: #424242;
254
- --interactive-secondary-bg-active: #555555;
252
+ --interactive-secondary-bg: #181818;
253
+ --interactive-secondary-bg-hover: #212121;
254
+ --interactive-secondary-bg-active: #282828;
255
255
  --interactive-secondary-text: #f5f5f5;
256
- --interactive-secondary-border: #555555;
256
+ --interactive-secondary-border: #282828;
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
- --interactive-ghost-bg: #2e2e2e;
261
- --interactive-ghost-bg-hover: #424242;
260
+ --interactive-ghost-bg: #181818;
261
+ --interactive-ghost-bg-hover: #212121;
262
262
  }
263
263
 
264
264
 
@@ -269,10 +269,10 @@
269
269
  --text-secondary: rgba(255, 255, 255, 0.70);
270
270
  --text-tertiary: rgba(255, 255, 255, 0.55);
271
271
  --text-disabled: rgba(255, 255, 255, 0.1);
272
- --text-inverse: #1b1b1b;
273
- --text-inverse-secondary: #424242;
274
- --text-link: #dcdcdc;
275
- --text-link-hover: #e6e6e6;
272
+ --text-inverse: #101011;
273
+ --text-inverse-secondary: #212121;
274
+ --text-link: #868686;
275
+ --text-link-hover: #b2b2b2;
276
276
  --text-success: #22c55e;
277
277
  --text-warning: #f59e0b;
278
278
  --text-error: #ef4444;
@@ -290,27 +290,27 @@
290
290
  --surface-subtle: rgba(255, 255, 255, 0.02);
291
291
  --surface-muted: rgba(255, 255, 255, 0.04);
292
292
  --surface-overlay: #090909;
293
- --surface-interactive-default: #2e2e2e;
294
- --surface-interactive-hover: #424242;
295
- --surface-interactive-active: #555555;
296
- --surface-interactive-disabled: #2e2e2e;
297
- --surface-selected: #2e2e2e;
298
- --surface-accent-subtle: #1b1b1b;
293
+ --surface-interactive-default: #181818;
294
+ --surface-interactive-hover: #212121;
295
+ --surface-interactive-active: #282828;
296
+ --surface-interactive-disabled: #181818;
297
+ --surface-selected: #2a2a2a;
298
+ --surface-accent-subtle: #191919;
299
299
  --surface-accent-default: #666666;
300
- --surface-accent-strong: #dcdcdc;
301
- --surface-success-subtle: #002209;
300
+ --surface-accent-strong: #868686;
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: #090909;
310
- --surface-elev-1: #1b1b1b;
311
- --surface-elev-2: #2e2e2e;
312
- --surface-elev-3: #424242;
313
- --surface-elev-4: #555555;
310
+ --surface-elev-1: #101011;
311
+ --surface-elev-2: #181818;
312
+ --surface-elev-3: #212121;
313
+ --surface-elev-4: #282828;
314
314
  }
315
315
  }
316
316
 
@@ -321,8 +321,8 @@
321
321
  --border-default: rgba(255, 255, 255, 0.06);
322
322
  --border-muted: rgba(255, 255, 255, 0.03);
323
323
  --border-strong: rgba(255, 255, 255, 0.1);
324
- --border-focus: #dcdcdc;
325
- --border-disabled: #2e2e2e;
324
+ --border-focus: #868686;
325
+ --border-disabled: #181818;
326
326
  --border-success: #22c55e;
327
327
  --border-warning: #f59e0b;
328
328
  --border-error: #ef4444;
@@ -335,19 +335,19 @@
335
335
  @media (prefers-color-scheme: dark) {
336
336
  .blackout-theme:not(.light) {
337
337
  --interactive-primary-bg: #666666;
338
- --interactive-primary-bg-hover: #dcdcdc;
339
- --interactive-primary-bg-active: #e6e6e6;
338
+ --interactive-primary-bg-hover: #868686;
339
+ --interactive-primary-bg-active: #b2b2b2;
340
340
  --interactive-primary-text: #ffffff;
341
- --interactive-secondary-bg: #2e2e2e;
342
- --interactive-secondary-bg-hover: #424242;
343
- --interactive-secondary-bg-active: #555555;
341
+ --interactive-secondary-bg: #181818;
342
+ --interactive-secondary-bg-hover: #212121;
343
+ --interactive-secondary-bg-active: #282828;
344
344
  --interactive-secondary-text: #f5f5f5;
345
- --interactive-secondary-border: #555555;
345
+ --interactive-secondary-border: #282828;
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
- --interactive-ghost-bg: #2e2e2e;
350
- --interactive-ghost-bg-hover: #424242;
349
+ --interactive-ghost-bg: #181818;
350
+ --interactive-ghost-bg-hover: #212121;
351
351
  }
352
352
  }
353
353
 
@@ -361,13 +361,13 @@ html:not(.dark) .blackout-theme {
361
361
  --text-tertiary: rgba(255, 255, 255, 0.55);
362
362
  --text-disabled: rgba(255, 255, 255, 0.12);
363
363
  --text-inverse: #ffffff;
364
- --text-inverse-secondary: #eaeaea;
365
- --text-link: #555555;
366
- --text-link-hover: #424242;
367
- --text-success: #005120;
368
- --text-warning: #5e3900;
369
- --text-error: #81000f;
370
- --text-info: #004869;
364
+ --text-inverse-secondary: #c2c2c2;
365
+ --text-link: #4d4d4d;
366
+ --text-link-hover: #3c3c3c;
367
+ --text-success: #017231;
368
+ --text-warning: #8d5800;
369
+ --text-error: #990015;
370
+ --text-info: #005f88;
371
371
  }
372
372
 
373
373
 
@@ -378,15 +378,15 @@ html:not(.dark) .blackout-theme {
378
378
  --surface-popover: #141414;
379
379
  --surface-subtle: rgba(255, 255, 255, 0.02);
380
380
  --surface-muted: rgba(255, 255, 255, 0.05);
381
- --surface-overlay: #1b1b1b;
381
+ --surface-overlay: #101011;
382
382
  --surface-interactive-default: transparent;
383
383
  --surface-interactive-hover: rgba(255, 255, 255, 0.08);
384
384
  --surface-interactive-active: rgba(255, 255, 255, 0.12);
385
385
  --surface-interactive-disabled: rgba(255, 255, 255, 0.04);
386
- --surface-selected: #f2f2f2;
386
+ --surface-selected: #e6e6e6;
387
387
  --surface-accent-subtle: #f5f5f5;
388
388
  --surface-accent-default: #666666;
389
- --surface-accent-strong: #555555;
389
+ --surface-accent-strong: #4d4d4d;
390
390
  --surface-success-subtle: #e8fbeb;
391
391
  --surface-success-default: #22c55e;
392
392
  --surface-warning-subtle: #fff3e6;
@@ -397,9 +397,9 @@ html:not(.dark) .blackout-theme {
397
397
  --surface-info-default: #0ea5e9;
398
398
  --surface-elev-0: #ffffff;
399
399
  --surface-elev-1: #f5f5f5;
400
- --surface-elev-2: #f1f1f1;
401
- --surface-elev-3: #eaeaea;
402
- --surface-elev-4: #e0e0e0;
400
+ --surface-elev-2: #e0e0e0;
401
+ --surface-elev-3: #c2c2c2;
402
+ --surface-elev-4: #979797;
403
403
  }
404
404
 
405
405
 
@@ -409,7 +409,7 @@ html:not(.dark) .blackout-theme {
409
409
  --border-muted: rgba(255, 255, 255, 0.04);
410
410
  --border-strong: rgba(255, 255, 255, 0.12);
411
411
  --border-focus: #666666;
412
- --border-disabled: #f1f1f1;
412
+ --border-disabled: #e0e0e0;
413
413
  --border-success: #22c55e;
414
414
  --border-warning: #f59e0b;
415
415
  --border-error: #ef4444;
@@ -419,20 +419,20 @@ html:not(.dark) .blackout-theme {
419
419
 
420
420
  /* --- Adaptive: Interactive (light) --- */
421
421
  html:not(.dark) .blackout-theme {
422
- --interactive-primary-bg: #555555;
423
- --interactive-primary-bg-hover: #424242;
424
- --interactive-primary-bg-active: #2e2e2e;
422
+ --interactive-primary-bg: #4d4d4d;
423
+ --interactive-primary-bg-hover: #3c3c3c;
424
+ --interactive-primary-bg-active: #2a2a2a;
425
425
  --interactive-primary-text: #ffffff;
426
426
  --interactive-secondary-bg: #ffffff;
427
427
  --interactive-secondary-bg-hover: #f5f5f5;
428
- --interactive-secondary-bg-active: #f1f1f1;
429
- --interactive-secondary-text: #1b1b1b;
430
- --interactive-secondary-border: #e0e0e0;
431
- --interactive-destructive-bg: #a30016;
432
- --interactive-destructive-bg-hover: #81000f;
428
+ --interactive-secondary-bg-active: #e0e0e0;
429
+ --interactive-secondary-text: #101011;
430
+ --interactive-secondary-border: #979797;
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: #f1f1f1;
435
+ --interactive-ghost-bg-hover: #e0e0e0;
436
436
  }
437
437
 
438
438
 
@@ -453,7 +453,7 @@ html:not(.dark) .blackout-theme {
453
453
  --color-fd-secondary-foreground: rgba(255, 255, 255, 0.7);
454
454
  --color-fd-popover: #141414;
455
455
  --color-fd-popover-foreground: rgba(255, 255, 255, 0.7);
456
- --color-fd-ring: #dcdcdc;
456
+ --color-fd-ring: #868686;
457
457
  }
458
458
 
459
459