@fastwork/xosmoz-theme 0.52.0 → 0.54.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 (12) hide show
  1. package/dist/dart/xz_colors.generated.dart +0 -180
  2. package/dist/figma-plugin.zip +0 -0
  3. package/dist/figma-tokens/Dark.json +116 -1116
  4. package/dist/figma-tokens/Light.json +87 -863
  5. package/dist/index.js +145 -145
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +145 -145
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/themes/dark.css +75 -75
  10. package/dist/themes/light.css +56 -56
  11. package/dist/themes.css +131 -131
  12. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -323,17 +323,17 @@ var lightTheme = {
323
323
  },
324
324
  primary: {
325
325
  soft: {
326
- 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent)`,
327
- 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent)`
326
+ 100: `oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.08)`,
327
+ 200: `oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.12)`
328
328
  },
329
329
  softSolid: {
330
- 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100))`,
331
- 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100))`
330
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
331
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
332
332
  },
333
333
  line: {
334
- 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
335
- 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
336
- 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
334
+ 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
335
+ 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
336
+ 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
337
337
  },
338
338
  bg: {
339
339
  100: "var(--xz-color-fastwork)",
@@ -349,17 +349,17 @@ var lightTheme = {
349
349
  },
350
350
  danger: {
351
351
  soft: {
352
- 100: `color-mix(in oklab, var(--xz-color-red) 10%, transparent)`,
353
- 200: `color-mix(in oklab, var(--xz-color-red) 16%, transparent)`
352
+ 100: `oklch(from var(--xz-color-red) 0.5 0.23 h / 0.08)`,
353
+ 200: `oklch(from var(--xz-color-red) 0.5 0.23 h / 0.12)`
354
354
  },
355
355
  softSolid: {
356
- 100: `color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100))`,
357
- 200: `color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100))`
356
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
357
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
358
358
  },
359
359
  line: {
360
- 100: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
361
- 200: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
362
- 300: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
360
+ 100: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
361
+ 200: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
362
+ 300: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
363
363
  },
364
364
  bg: {
365
365
  100: "var(--xz-color-red)",
@@ -375,17 +375,17 @@ var lightTheme = {
375
375
  },
376
376
  success: {
377
377
  soft: {
378
- 100: `color-mix(in oklab, var(--xz-color-green) 10%, transparent)`,
379
- 200: `color-mix(in oklab, var(--xz-color-green) 16%, transparent)`
378
+ 100: `oklch(from var(--xz-color-green) 0.5 0.23 h / 0.08)`,
379
+ 200: `oklch(from var(--xz-color-green) 0.5 0.23 h / 0.12)`
380
380
  },
381
381
  softSolid: {
382
- 100: `color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100))`,
383
- 200: `color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100))`
382
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
383
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
384
384
  },
385
385
  line: {
386
- 100: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
387
- 200: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
388
- 300: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
386
+ 100: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
387
+ 200: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
388
+ 300: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
389
389
  },
390
390
  bg: {
391
391
  100: "var(--xz-color-green)",
@@ -401,17 +401,17 @@ var lightTheme = {
401
401
  },
402
402
  warning: {
403
403
  soft: {
404
- 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, transparent)`,
405
- 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, transparent)`
404
+ 100: `oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.08)`,
405
+ 200: `oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.12)`
406
406
  },
407
407
  softSolid: {
408
- 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100))`,
409
- 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100))`
408
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
409
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
410
410
  },
411
411
  line: {
412
- 100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
413
- 200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
414
- 300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
412
+ 100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
413
+ 200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
414
+ 300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
415
415
  },
416
416
  bg: {
417
417
  100: "var(--xz-color-yellow)",
@@ -427,17 +427,17 @@ var lightTheme = {
427
427
  },
428
428
  info: {
429
429
  soft: {
430
- 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, transparent)`,
431
- 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, transparent)`
430
+ 100: `oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.08)`,
431
+ 200: `oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.12)`
432
432
  },
433
433
  softSolid: {
434
- 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100))`,
435
- 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100))`
434
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
435
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
436
436
  },
437
437
  line: {
438
- 100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
439
- 200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
440
- 300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
438
+ 100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
439
+ 200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
440
+ 300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
441
441
  },
442
442
  bg: {
443
443
  100: "var(--xz-color-cyan)",
@@ -453,17 +453,17 @@ var lightTheme = {
453
453
  },
454
454
  orange: {
455
455
  soft: {
456
- 100: `color-mix(in oklab, var(--xz-color-orange) 10%, transparent)`,
457
- 200: `color-mix(in oklab, var(--xz-color-orange) 16%, transparent)`
456
+ 100: `oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.08)`,
457
+ 200: `oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.12)`
458
458
  },
459
459
  softSolid: {
460
- 100: `color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100))`,
461
- 200: `color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100))`
460
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
461
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
462
462
  },
463
463
  line: {
464
- 100: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
465
- 200: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
466
- 300: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
464
+ 100: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
465
+ 200: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
466
+ 300: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
467
467
  },
468
468
  bg: {
469
469
  100: "var(--xz-color-orange)",
@@ -479,17 +479,17 @@ var lightTheme = {
479
479
  },
480
480
  purple: {
481
481
  soft: {
482
- 100: `color-mix(in oklab, var(--xz-color-purple) 10%, transparent)`,
483
- 200: `color-mix(in oklab, var(--xz-color-purple) 16%, transparent)`
482
+ 100: `oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.08)`,
483
+ 200: `oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.12)`
484
484
  },
485
485
  softSolid: {
486
- 100: `color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100))`,
487
- 200: `color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100))`
486
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
487
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
488
488
  },
489
489
  line: {
490
- 100: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
491
- 200: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
492
- 300: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
490
+ 100: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
491
+ 200: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
492
+ 300: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
493
493
  },
494
494
  bg: {
495
495
  100: "var(--xz-color-purple)",
@@ -505,17 +505,17 @@ var lightTheme = {
505
505
  },
506
506
  neutral: {
507
507
  soft: {
508
- 100: `color-mix(in oklab, var(--xz-color-gray) 10%, transparent)`,
509
- 200: `color-mix(in oklab, var(--xz-color-gray) 16%, transparent)`
508
+ 100: `oklch(from var(--xz-color-gray) 0.5 0.23 h / 0.08)`,
509
+ 200: `oklch(from var(--xz-color-gray) 0.5 0.23 h / 0.12)`
510
510
  },
511
511
  softSolid: {
512
- 100: `color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100))`,
513
- 200: `color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100))`
512
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
513
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
514
514
  },
515
515
  line: {
516
- 100: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
517
- 200: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
518
- 300: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
516
+ 100: `color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
517
+ 200: `color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
518
+ 300: `color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
519
519
  },
520
520
  bg: {
521
521
  100: "var(--xz-color-gray)",
@@ -643,17 +643,17 @@ var darkTheme = {
643
643
  },
644
644
  primary: {
645
645
  soft: {
646
- 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent)`,
647
- 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent)`
646
+ 100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.08)`,
647
+ 200: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.12)`
648
648
  },
649
649
  softSolid: {
650
- 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100))`,
651
- 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100))`
650
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
651
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
652
652
  },
653
653
  line: {
654
- 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
655
- 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
656
- 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
654
+ 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
655
+ 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
656
+ 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
657
657
  },
658
658
  bg: {
659
659
  100: "var(--xz-color-fastwork)",
@@ -663,23 +663,23 @@ var darkTheme = {
663
663
  100: "oklch(1 0 0 / 1)"
664
664
  },
665
665
  text: {
666
- 100: `oklch(from var(--xz-color-fastwork) 0.75 c h / 1)`,
667
- 200: `oklch(from var(--xz-color-fastwork) 0.85 c h / 1)`
666
+ 100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1)`,
667
+ 200: `oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1)`
668
668
  }
669
669
  },
670
670
  danger: {
671
671
  soft: {
672
- 100: `color-mix(in oklab, var(--xz-color-red) 10%, transparent)`,
673
- 200: `color-mix(in oklab, var(--xz-color-red) 16%, transparent)`
672
+ 100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 0.08)`,
673
+ 200: `oklch(from var(--xz-color-red) 0.75 0.2 h / 0.12)`
674
674
  },
675
675
  softSolid: {
676
- 100: `color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100))`,
677
- 200: `color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100))`
676
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
677
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
678
678
  },
679
679
  line: {
680
- 100: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
681
- 200: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
682
- 300: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
680
+ 100: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
681
+ 200: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
682
+ 300: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
683
683
  },
684
684
  bg: {
685
685
  100: "var(--xz-color-red)",
@@ -689,23 +689,23 @@ var darkTheme = {
689
689
  100: "oklch(1 0 0 / 1)"
690
690
  },
691
691
  text: {
692
- 100: `oklch(from var(--xz-color-red) 0.75 c h / 1)`,
693
- 200: `oklch(from var(--xz-color-red) 0.85 c h / 1)`
692
+ 100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 1)`,
693
+ 200: `oklch(from var(--xz-color-red) 0.85 0.2 h / 1)`
694
694
  }
695
695
  },
696
696
  success: {
697
697
  soft: {
698
- 100: `color-mix(in oklab, var(--xz-color-green) 10%, transparent)`,
699
- 200: `color-mix(in oklab, var(--xz-color-green) 16%, transparent)`
698
+ 100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 0.08)`,
699
+ 200: `oklch(from var(--xz-color-green) 0.75 0.2 h / 0.12)`
700
700
  },
701
701
  softSolid: {
702
- 100: `color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100))`,
703
- 200: `color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100))`
702
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
703
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
704
704
  },
705
705
  line: {
706
- 100: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
707
- 200: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
708
- 300: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
706
+ 100: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
707
+ 200: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
708
+ 300: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
709
709
  },
710
710
  bg: {
711
711
  100: "var(--xz-color-green)",
@@ -715,23 +715,23 @@ var darkTheme = {
715
715
  100: "oklch(0 0 0 / 0.95)"
716
716
  },
717
717
  text: {
718
- 100: `oklch(from var(--xz-color-green) 0.75 c h / 1)`,
719
- 200: `oklch(from var(--xz-color-green) 0.85 c h / 1)`
718
+ 100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 1)`,
719
+ 200: `oklch(from var(--xz-color-green) 0.85 0.2 h / 1)`
720
720
  }
721
721
  },
722
722
  warning: {
723
723
  soft: {
724
- 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, transparent)`,
725
- 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, transparent)`
724
+ 100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.08)`,
725
+ 200: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.12)`
726
726
  },
727
727
  softSolid: {
728
- 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100))`,
729
- 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100))`
728
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
729
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
730
730
  },
731
731
  line: {
732
- 100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
733
- 200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
734
- 300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
732
+ 100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
733
+ 200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
734
+ 300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
735
735
  },
736
736
  bg: {
737
737
  100: "var(--xz-color-yellow)",
@@ -741,23 +741,23 @@ var darkTheme = {
741
741
  100: "oklch(0 0 0 / 0.95)"
742
742
  },
743
743
  text: {
744
- 100: `oklch(from var(--xz-color-yellow) 0.75 c h / 1)`,
745
- 200: `oklch(from var(--xz-color-yellow) 0.85 c h / 1)`
744
+ 100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1)`,
745
+ 200: `oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1)`
746
746
  }
747
747
  },
748
748
  info: {
749
749
  soft: {
750
- 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, transparent)`,
751
- 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, transparent)`
750
+ 100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.08)`,
751
+ 200: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.12)`
752
752
  },
753
753
  softSolid: {
754
- 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100))`,
755
- 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100))`
754
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
755
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
756
756
  },
757
757
  line: {
758
- 100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
759
- 200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
760
- 300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
758
+ 100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
759
+ 200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
760
+ 300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
761
761
  },
762
762
  bg: {
763
763
  100: "var(--xz-color-cyan)",
@@ -767,23 +767,23 @@ var darkTheme = {
767
767
  100: "oklch(0 0 0 / 0.95)"
768
768
  },
769
769
  text: {
770
- 100: `oklch(from var(--xz-color-cyan) 0.75 c h / 1)`,
771
- 200: `oklch(from var(--xz-color-cyan) 0.85 c h / 1)`
770
+ 100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1)`,
771
+ 200: `oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1)`
772
772
  }
773
773
  },
774
774
  orange: {
775
775
  soft: {
776
- 100: `color-mix(in oklab, var(--xz-color-orange) 10%, transparent)`,
777
- 200: `color-mix(in oklab, var(--xz-color-orange) 16%, transparent)`
776
+ 100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.08)`,
777
+ 200: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.12)`
778
778
  },
779
779
  softSolid: {
780
- 100: `color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100))`,
781
- 200: `color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100))`
780
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
781
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
782
782
  },
783
783
  line: {
784
- 100: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
785
- 200: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
786
- 300: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
784
+ 100: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
785
+ 200: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
786
+ 300: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
787
787
  },
788
788
  bg: {
789
789
  100: "var(--xz-color-orange)",
@@ -793,23 +793,23 @@ var darkTheme = {
793
793
  100: "oklch(0 0 0)"
794
794
  },
795
795
  text: {
796
- 100: `oklch(from var(--xz-color-orange) 0.75 c h / 1)`,
797
- 200: `oklch(from var(--xz-color-orange) 0.85 c h / 1)`
796
+ 100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 1)`,
797
+ 200: `oklch(from var(--xz-color-orange) 0.85 0.2 h / 1)`
798
798
  }
799
799
  },
800
800
  purple: {
801
801
  soft: {
802
- 100: `color-mix(in oklab, var(--xz-color-purple) 10%, transparent)`,
803
- 200: `color-mix(in oklab, var(--xz-color-purple) 16%, transparent)`
802
+ 100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.08)`,
803
+ 200: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.12)`
804
804
  },
805
805
  softSolid: {
806
- 100: `color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100))`,
807
- 200: `color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100))`
806
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
807
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
808
808
  },
809
809
  line: {
810
- 100: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
811
- 200: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
812
- 300: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
810
+ 100: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
811
+ 200: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
812
+ 300: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
813
813
  },
814
814
  bg: {
815
815
  100: "var(--xz-color-purple)",
@@ -819,8 +819,34 @@ var darkTheme = {
819
819
  100: "oklch(0 0 0)"
820
820
  },
821
821
  text: {
822
- 100: `oklch(from var(--xz-color-purple) 0.75 c h / 1)`,
823
- 200: `oklch(from var(--xz-color-purple) 0.85 c h / 1)`
822
+ 100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 1)`,
823
+ 200: `oklch(from var(--xz-color-purple) 0.85 0.2 h / 1)`
824
+ }
825
+ },
826
+ neutral: {
827
+ soft: {
828
+ 100: `oklch(from var(--xz-color-gray) 0.75 0.2 h / 0.08)`,
829
+ 200: `oklch(from var(--xz-color-gray) 0.75 0.2 h / 0.12)`
830
+ },
831
+ softSolid: {
832
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
833
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
834
+ },
835
+ line: {
836
+ 100: `color-mix(oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
837
+ 200: `color-mix(oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
838
+ 300: `color-mix(oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
839
+ },
840
+ bg: {
841
+ 100: "var(--xz-color-gray)",
842
+ 200: `oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1)`
843
+ },
844
+ fg: {
845
+ 100: "oklch(1 0 0)"
846
+ },
847
+ text: {
848
+ 100: `oklch(from var(--xz-color-gray) 0.75 0.2 h / 1)`,
849
+ 200: `oklch(from var(--xz-color-gray) 0.85 0.2 h / 1)`
824
850
  }
825
851
  },
826
852
  blackAlpha: {
@@ -858,32 +884,6 @@ var darkTheme = {
858
884
  800: "oklch(1 0 0 / 0.8)",
859
885
  900: "oklch(1 0 0 / 0.9)",
860
886
  1e3: "oklch(1 0 0 / 1)"
861
- },
862
- neutral: {
863
- soft: {
864
- 100: `color-mix(in oklab, var(--xz-color-gray) 10%, transparent)`,
865
- 200: `color-mix(in oklab, var(--xz-color-gray) 16%, transparent)`
866
- },
867
- softSolid: {
868
- 100: `color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100))`,
869
- 200: `color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100))`
870
- },
871
- line: {
872
- 100: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
873
- 200: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
874
- 300: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
875
- },
876
- bg: {
877
- 100: "var(--xz-color-gray)",
878
- 200: `oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1)`
879
- },
880
- fg: {
881
- 100: "oklch(1 0 0)"
882
- },
883
- text: {
884
- 100: `oklch(from var(--xz-color-gray) 0.75 c h / 1)`,
885
- 200: `oklch(from var(--xz-color-gray) 0.85 c h / 1)`
886
- }
887
887
  }
888
888
  }
889
889
  };