@fastwork/xosmoz-theme 0.53.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 +98 -874
  5. package/dist/index.js +128 -128
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +128 -128
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/themes/dark.css +72 -72
  10. package/dist/themes/light.css +56 -56
  11. package/dist/themes.css +128 -128
  12. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -321,17 +321,17 @@ var lightTheme = {
321
321
  },
322
322
  primary: {
323
323
  soft: {
324
- 100: `oklch(from var(--xz-color-fastwork) 0.5 c h / 0.08)`,
325
- 200: `oklch(from var(--xz-color-fastwork) 0.5 c h / 0.12)`
324
+ 100: `oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.08)`,
325
+ 200: `oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 0.12)`
326
326
  },
327
327
  softSolid: {
328
- 100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
329
- 200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
328
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
329
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
330
330
  },
331
331
  line: {
332
- 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
333
- 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
334
- 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
332
+ 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
333
+ 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
334
+ 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
335
335
  },
336
336
  bg: {
337
337
  100: "var(--xz-color-fastwork)",
@@ -347,17 +347,17 @@ var lightTheme = {
347
347
  },
348
348
  danger: {
349
349
  soft: {
350
- 100: `oklch(from var(--xz-color-red) 0.5 c h / 0.08)`,
351
- 200: `oklch(from var(--xz-color-red) 0.5 c h / 0.12)`
350
+ 100: `oklch(from var(--xz-color-red) 0.5 0.23 h / 0.08)`,
351
+ 200: `oklch(from var(--xz-color-red) 0.5 0.23 h / 0.12)`
352
352
  },
353
353
  softSolid: {
354
- 100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
355
- 200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
354
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
355
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
356
356
  },
357
357
  line: {
358
- 100: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
359
- 200: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
360
- 300: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
358
+ 100: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
359
+ 200: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
360
+ 300: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
361
361
  },
362
362
  bg: {
363
363
  100: "var(--xz-color-red)",
@@ -373,17 +373,17 @@ var lightTheme = {
373
373
  },
374
374
  success: {
375
375
  soft: {
376
- 100: `oklch(from var(--xz-color-green) 0.5 c h / 0.08)`,
377
- 200: `oklch(from var(--xz-color-green) 0.5 c h / 0.12)`
376
+ 100: `oklch(from var(--xz-color-green) 0.5 0.23 h / 0.08)`,
377
+ 200: `oklch(from var(--xz-color-green) 0.5 0.23 h / 0.12)`
378
378
  },
379
379
  softSolid: {
380
- 100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
381
- 200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
380
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
381
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
382
382
  },
383
383
  line: {
384
- 100: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
385
- 200: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
386
- 300: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
384
+ 100: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
385
+ 200: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
386
+ 300: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
387
387
  },
388
388
  bg: {
389
389
  100: "var(--xz-color-green)",
@@ -399,17 +399,17 @@ var lightTheme = {
399
399
  },
400
400
  warning: {
401
401
  soft: {
402
- 100: `oklch(from var(--xz-color-yellow) 0.5 c h / 0.08)`,
403
- 200: `oklch(from var(--xz-color-yellow) 0.5 c h / 0.12)`
402
+ 100: `oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.08)`,
403
+ 200: `oklch(from var(--xz-color-yellow) 0.5 0.23 h / 0.12)`
404
404
  },
405
405
  softSolid: {
406
- 100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
407
- 200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
406
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
407
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
408
408
  },
409
409
  line: {
410
- 100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
411
- 200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
412
- 300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
410
+ 100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
411
+ 200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
412
+ 300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
413
413
  },
414
414
  bg: {
415
415
  100: "var(--xz-color-yellow)",
@@ -425,17 +425,17 @@ var lightTheme = {
425
425
  },
426
426
  info: {
427
427
  soft: {
428
- 100: `oklch(from var(--xz-color-cyan) 0.5 c h / 0.08)`,
429
- 200: `oklch(from var(--xz-color-cyan) 0.5 c h / 0.12)`
428
+ 100: `oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.08)`,
429
+ 200: `oklch(from var(--xz-color-cyan) 0.5 0.23 h / 0.12)`
430
430
  },
431
431
  softSolid: {
432
- 100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
433
- 200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
432
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
433
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
434
434
  },
435
435
  line: {
436
- 100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
437
- 200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
438
- 300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
436
+ 100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
437
+ 200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
438
+ 300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
439
439
  },
440
440
  bg: {
441
441
  100: "var(--xz-color-cyan)",
@@ -451,17 +451,17 @@ var lightTheme = {
451
451
  },
452
452
  orange: {
453
453
  soft: {
454
- 100: `oklch(from var(--xz-color-orange) 0.5 c h / 0.08)`,
455
- 200: `oklch(from var(--xz-color-orange) 0.5 c h / 0.12)`
454
+ 100: `oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.08)`,
455
+ 200: `oklch(from var(--xz-color-orange) 0.5 0.23 h / 0.12)`
456
456
  },
457
457
  softSolid: {
458
- 100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
459
- 200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
458
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
459
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
460
460
  },
461
461
  line: {
462
- 100: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
463
- 200: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
464
- 300: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
462
+ 100: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
463
+ 200: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
464
+ 300: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
465
465
  },
466
466
  bg: {
467
467
  100: "var(--xz-color-orange)",
@@ -477,17 +477,17 @@ var lightTheme = {
477
477
  },
478
478
  purple: {
479
479
  soft: {
480
- 100: `oklch(from var(--xz-color-purple) 0.5 c h / 0.08)`,
481
- 200: `oklch(from var(--xz-color-purple) 0.5 c h / 0.12)`
480
+ 100: `oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.08)`,
481
+ 200: `oklch(from var(--xz-color-purple) 0.5 0.23 h / 0.12)`
482
482
  },
483
483
  softSolid: {
484
- 100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
485
- 200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
484
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
485
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
486
486
  },
487
487
  line: {
488
- 100: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
489
- 200: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
490
- 300: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
488
+ 100: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
489
+ 200: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
490
+ 300: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
491
491
  },
492
492
  bg: {
493
493
  100: "var(--xz-color-purple)",
@@ -503,17 +503,17 @@ var lightTheme = {
503
503
  },
504
504
  neutral: {
505
505
  soft: {
506
- 100: `oklch(from var(--xz-color-gray) 0.5 c h / 0.08)`,
507
- 200: `oklch(from var(--xz-color-gray) 0.5 c h / 0.12)`
506
+ 100: `oklch(from var(--xz-color-gray) 0.5 0.23 h / 0.08)`,
507
+ 200: `oklch(from var(--xz-color-gray) 0.5 0.23 h / 0.12)`
508
508
  },
509
509
  softSolid: {
510
- 100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
511
- 200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
510
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 10%, var(--xz-color-surface-100))`,
511
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 16%, var(--xz-color-surface-100))`
512
512
  },
513
513
  line: {
514
- 100: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
515
- 200: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
516
- 300: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
514
+ 100: `color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,
515
+ 200: `color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,
516
+ 300: `color-mix(oklch(from var(--xz-color-gray) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`
517
517
  },
518
518
  bg: {
519
519
  100: "var(--xz-color-gray)",
@@ -641,17 +641,17 @@ var darkTheme = {
641
641
  },
642
642
  primary: {
643
643
  soft: {
644
- 100: `oklch(from var(--xz-color-fastwork) 0.5 c h / 0.08)`,
645
- 200: `oklch(from var(--xz-color-fastwork) 0.5 c h / 0.12)`
644
+ 100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.08)`,
645
+ 200: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 0.12)`
646
646
  },
647
647
  softSolid: {
648
- 100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
649
- 200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
648
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
649
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
650
650
  },
651
651
  line: {
652
- 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
653
- 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
654
- 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
652
+ 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
653
+ 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
654
+ 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
655
655
  },
656
656
  bg: {
657
657
  100: "var(--xz-color-fastwork)",
@@ -661,23 +661,23 @@ var darkTheme = {
661
661
  100: "oklch(1 0 0 / 1)"
662
662
  },
663
663
  text: {
664
- 100: `oklch(from var(--xz-color-fastwork) 0.75 c h / 1)`,
665
- 200: `oklch(from var(--xz-color-fastwork) 0.85 c h / 1)`
664
+ 100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1)`,
665
+ 200: `oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1)`
666
666
  }
667
667
  },
668
668
  danger: {
669
669
  soft: {
670
- 100: `oklch(from var(--xz-color-red) 0.5 c h / 0.08)`,
671
- 200: `oklch(from var(--xz-color-red) 0.5 c h / 0.12)`
670
+ 100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 0.08)`,
671
+ 200: `oklch(from var(--xz-color-red) 0.75 0.2 h / 0.12)`
672
672
  },
673
673
  softSolid: {
674
- 100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
675
- 200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
674
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
675
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
676
676
  },
677
677
  line: {
678
- 100: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
679
- 200: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
680
- 300: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
678
+ 100: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
679
+ 200: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
680
+ 300: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
681
681
  },
682
682
  bg: {
683
683
  100: "var(--xz-color-red)",
@@ -687,23 +687,23 @@ var darkTheme = {
687
687
  100: "oklch(1 0 0 / 1)"
688
688
  },
689
689
  text: {
690
- 100: `oklch(from var(--xz-color-red) 0.75 c h / 1)`,
691
- 200: `oklch(from var(--xz-color-red) 0.85 c h / 1)`
690
+ 100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 1)`,
691
+ 200: `oklch(from var(--xz-color-red) 0.85 0.2 h / 1)`
692
692
  }
693
693
  },
694
694
  success: {
695
695
  soft: {
696
- 100: `oklch(from var(--xz-color-green) 0.5 c h / 0.08)`,
697
- 200: `oklch(from var(--xz-color-green) 0.5 c h / 0.12)`
696
+ 100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 0.08)`,
697
+ 200: `oklch(from var(--xz-color-green) 0.75 0.2 h / 0.12)`
698
698
  },
699
699
  softSolid: {
700
- 100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
701
- 200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
700
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
701
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
702
702
  },
703
703
  line: {
704
- 100: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
705
- 200: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
706
- 300: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
704
+ 100: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
705
+ 200: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
706
+ 300: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
707
707
  },
708
708
  bg: {
709
709
  100: "var(--xz-color-green)",
@@ -713,23 +713,23 @@ var darkTheme = {
713
713
  100: "oklch(0 0 0 / 0.95)"
714
714
  },
715
715
  text: {
716
- 100: `oklch(from var(--xz-color-green) 0.75 c h / 1)`,
717
- 200: `oklch(from var(--xz-color-green) 0.85 c h / 1)`
716
+ 100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 1)`,
717
+ 200: `oklch(from var(--xz-color-green) 0.85 0.2 h / 1)`
718
718
  }
719
719
  },
720
720
  warning: {
721
721
  soft: {
722
- 100: `oklch(from var(--xz-color-yellow) 0.5 c h / 0.08)`,
723
- 200: `oklch(from var(--xz-color-yellow) 0.5 c h / 0.12)`
722
+ 100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.08)`,
723
+ 200: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 0.12)`
724
724
  },
725
725
  softSolid: {
726
- 100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
727
- 200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
726
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
727
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
728
728
  },
729
729
  line: {
730
- 100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
731
- 200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
732
- 300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
730
+ 100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
731
+ 200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
732
+ 300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
733
733
  },
734
734
  bg: {
735
735
  100: "var(--xz-color-yellow)",
@@ -739,23 +739,23 @@ var darkTheme = {
739
739
  100: "oklch(0 0 0 / 0.95)"
740
740
  },
741
741
  text: {
742
- 100: `oklch(from var(--xz-color-yellow) 0.75 c h / 1)`,
743
- 200: `oklch(from var(--xz-color-yellow) 0.85 c h / 1)`
742
+ 100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1)`,
743
+ 200: `oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1)`
744
744
  }
745
745
  },
746
746
  info: {
747
747
  soft: {
748
- 100: `oklch(from var(--xz-color-cyan) 0.5 c h / 0.08)`,
749
- 200: `oklch(from var(--xz-color-cyan) 0.5 c h / 0.12)`
748
+ 100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.08)`,
749
+ 200: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 0.12)`
750
750
  },
751
751
  softSolid: {
752
- 100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
753
- 200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
752
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
753
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
754
754
  },
755
755
  line: {
756
- 100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
757
- 200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
758
- 300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
756
+ 100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
757
+ 200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
758
+ 300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
759
759
  },
760
760
  bg: {
761
761
  100: "var(--xz-color-cyan)",
@@ -765,23 +765,23 @@ var darkTheme = {
765
765
  100: "oklch(0 0 0 / 0.95)"
766
766
  },
767
767
  text: {
768
- 100: `oklch(from var(--xz-color-cyan) 0.75 c h / 1)`,
769
- 200: `oklch(from var(--xz-color-cyan) 0.85 c h / 1)`
768
+ 100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1)`,
769
+ 200: `oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1)`
770
770
  }
771
771
  },
772
772
  orange: {
773
773
  soft: {
774
- 100: `oklch(from var(--xz-color-orange) 0.5 c h / 0.08)`,
775
- 200: `oklch(from var(--xz-color-orange) 0.5 c h / 0.12)`
774
+ 100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.08)`,
775
+ 200: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 0.12)`
776
776
  },
777
777
  softSolid: {
778
- 100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
779
- 200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
778
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
779
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
780
780
  },
781
781
  line: {
782
- 100: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
783
- 200: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
784
- 300: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
782
+ 100: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
783
+ 200: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
784
+ 300: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
785
785
  },
786
786
  bg: {
787
787
  100: "var(--xz-color-orange)",
@@ -791,23 +791,23 @@ var darkTheme = {
791
791
  100: "oklch(0 0 0)"
792
792
  },
793
793
  text: {
794
- 100: `oklch(from var(--xz-color-orange) 0.75 c h / 1)`,
795
- 200: `oklch(from var(--xz-color-orange) 0.85 c h / 1)`
794
+ 100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 1)`,
795
+ 200: `oklch(from var(--xz-color-orange) 0.85 0.2 h / 1)`
796
796
  }
797
797
  },
798
798
  purple: {
799
799
  soft: {
800
- 100: `oklch(from var(--xz-color-purple) 0.5 c h / 0.08)`,
801
- 200: `oklch(from var(--xz-color-purple) 0.5 c h / 0.12)`
800
+ 100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.08)`,
801
+ 200: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 0.12)`
802
802
  },
803
803
  softSolid: {
804
- 100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
805
- 200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
804
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
805
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
806
806
  },
807
807
  line: {
808
- 100: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
809
- 200: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
810
- 300: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
808
+ 100: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
809
+ 200: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
810
+ 300: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
811
811
  },
812
812
  bg: {
813
813
  100: "var(--xz-color-purple)",
@@ -817,23 +817,23 @@ var darkTheme = {
817
817
  100: "oklch(0 0 0)"
818
818
  },
819
819
  text: {
820
- 100: `oklch(from var(--xz-color-purple) 0.75 c h / 1)`,
821
- 200: `oklch(from var(--xz-color-purple) 0.85 c h / 1)`
820
+ 100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 1)`,
821
+ 200: `oklch(from var(--xz-color-purple) 0.85 0.2 h / 1)`
822
822
  }
823
823
  },
824
824
  neutral: {
825
825
  soft: {
826
- 100: `oklch(from var(--xz-color-gray) 0.5 c h / 0.08)`,
827
- 200: `oklch(from var(--xz-color-gray) 0.5 c h / 0.12)`
826
+ 100: `oklch(from var(--xz-color-gray) 0.75 0.2 h / 0.08)`,
827
+ 200: `oklch(from var(--xz-color-gray) 0.75 0.2 h / 0.12)`
828
828
  },
829
829
  softSolid: {
830
- 100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 10%, var(--xz-color-surface-100))`,
831
- 200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.5 c h / 1) 16%, var(--xz-color-surface-100))`
830
+ 100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 10%, var(--xz-color-surface-100))`,
831
+ 200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 16%, var(--xz-color-surface-100))`
832
832
  },
833
833
  line: {
834
- 100: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
835
- 200: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
836
- 300: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
834
+ 100: `color-mix(oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,
835
+ 200: `color-mix(oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,
836
+ 300: `color-mix(oklch(from var(--xz-color-gray) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`
837
837
  },
838
838
  bg: {
839
839
  100: "var(--xz-color-gray)",
@@ -843,8 +843,8 @@ var darkTheme = {
843
843
  100: "oklch(1 0 0)"
844
844
  },
845
845
  text: {
846
- 100: `oklch(from var(--xz-color-gray) 0.75 c h / 1)`,
847
- 200: `oklch(from var(--xz-color-gray) 0.85 c h / 1)`
846
+ 100: `oklch(from var(--xz-color-gray) 0.75 0.2 h / 1)`,
847
+ 200: `oklch(from var(--xz-color-gray) 0.85 0.2 h / 1)`
848
848
  }
849
849
  },
850
850
  blackAlpha: {