@fastwork/xosmoz-theme 0.40.0 → 0.42.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 (21) hide show
  1. package/README.md +7 -9
  2. package/dist/dart/xz_colors.generated.dart +98 -231
  3. package/dist/figma-plugin.zip +0 -0
  4. package/dist/figma-tokens/Dark.json +483 -1339
  5. package/dist/figma-tokens/Light.json +474 -1330
  6. package/dist/index-kwy2YQdL.d.mts +230 -0
  7. package/dist/index-kwy2YQdL.d.ts +230 -0
  8. package/dist/index.d.mts +71 -58
  9. package/dist/index.d.ts +71 -58
  10. package/dist/index.js +373 -321
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.mjs +373 -321
  13. package/dist/index.mjs.map +1 -1
  14. package/dist/themes/dark.css +129 -147
  15. package/dist/themes/light.css +128 -146
  16. package/dist/themes.css +257 -293
  17. package/dist/tokens.d.mts +1 -1
  18. package/dist/tokens.d.ts +1 -1
  19. package/package.json +1 -1
  20. package/dist/index-BTIknlZD.d.mts +0 -250
  21. package/dist/index-BTIknlZD.d.ts +0 -250
package/dist/index.mjs CHANGED
@@ -248,112 +248,28 @@ var typography = {
248
248
 
249
249
  // src/themes/light.ts
250
250
  var fastwork = {
251
- 100: "oklch(0.951 0.025 259.824)",
252
- 200: "oklch(0.871 0.069 260.094)",
253
- 300: "oklch(0.792 0.121 260.318)",
254
- 400: "oklch(0.713 0.181 260.759)",
255
- 500: "oklch(0.664 0.224 260.738)",
256
- 600: "oklch(0.613 0.233 260.608)",
257
- 700: "oklch(0.476 0.19 260.537)",
258
- 800: "oklch(0.397 0.159 260.453)",
259
- 900: "oklch(0.319 0.127 260.646)",
260
- 1e3: "oklch(0.238 0.094 260.464)"
251
+ value: "oklch(0.57 0.237 260.608)"
261
252
  };
262
253
  var gray = {
263
- 100: "oklch(0.951 0.001 286.375)",
264
- 200: "oklch(0.871 0.002 247.84)",
265
- 300: "oklch(0.792 0.006 264.532)",
266
- 400: "oklch(0.713 0.011 261.788)",
267
- 500: "oklch(0.664 0.025 256.132)",
268
- 600: "oklch(0.613 0.032 259.575)",
269
- 700: "oklch(0.476 0.038 257.866)",
270
- 800: "oklch(0.397 0.028 258.368)",
271
- 900: "oklch(0.319 0.023 258.369)",
272
- 1e3: "oklch(0.238 0.02 260.638)"
254
+ value: "oklch(0.613 0.032 259.575)"
273
255
  };
274
256
  var green = {
275
- 100: "oklch(0.951 0.025 145.236)",
276
- 200: "oklch(0.871 0.069 145.067)",
277
- 300: "oklch(0.792 0.121 147.068)",
278
- 400: "oklch(0.713 0.181 145.325)",
279
- 500: "oklch(0.664 0.224 145.041)",
280
- 600: "oklch(0.613 0.233 143.945)",
281
- 700: "oklch(0.476 0.19 143.925)",
282
- 800: "oklch(0.397 0.159 143.887)",
283
- 900: "oklch(0.319 0.127 143.911)",
284
- 1e3: "oklch(0.238 0.094 143.885)"
257
+ value: "oklch(0.703 0.223 143.945)"
285
258
  };
286
- var mint = {
287
- 100: "oklch(0.951 0.025 165.764)",
288
- 200: "oklch(0.871 0.069 165.115)",
289
- 300: "oklch(0.792 0.121 164.991)",
290
- 400: "oklch(0.713 0.181 165.254)",
291
- 500: "oklch(0.664 0.224 164.971)",
292
- 600: "oklch(0.613 0.233 163.133)",
293
- 700: "oklch(0.476 0.19 157.525)",
294
- 800: "oklch(0.397 0.159 156.022)",
295
- 900: "oklch(0.319 0.127 156.146)",
296
- 1e3: "oklch(0.238 0.094 157.861)"
297
- };
298
- var amber = {
299
- 100: "oklch(0.951 0.025 89.573)",
300
- 200: "oklch(0.871 0.069 89.143)",
301
- 300: "oklch(0.792 0.121 88.637)",
302
- 400: "oklch(0.713 0.181 86.398)",
303
- 500: "oklch(0.664 0.224 84.057)",
304
- 600: "oklch(0.822 0.171 78.982)",
305
- 700: "oklch(0.476 0.19 66.263)",
306
- 800: "oklch(0.397 0.159 65.042)",
307
- 900: "oklch(0.319 0.127 66.22)",
308
- 1e3: "oklch(0.238 0.094 71.694)"
259
+ var yellow = {
260
+ value: "oklch(0.822 0.17 78.88)"
309
261
  };
310
262
  var red = {
311
- 100: "oklch(0.951 0.025 29.928)",
312
- 200: "oklch(0.871 0.069 29.532)",
313
- 300: "oklch(0.792 0.121 30.553)",
314
- 400: "oklch(0.713 0.181 30.096)",
315
- 500: "oklch(0.664 0.224 29.949)",
316
- 600: "oklch(0.613 0.233 30.062)",
317
- 700: "oklch(0.476 0.19 30.192)",
318
- 800: "oklch(0.397 0.159 30.103)",
319
- 900: "oklch(0.319 0.127 30.193)",
320
- 1e3: "oklch(0.238 0.094 30.392)"
263
+ value: "oklch(0.592 0.22 29.018)"
321
264
  };
322
265
  var orange = {
323
- 100: "oklch(0.951 0.025 68.942)",
324
- 200: "oklch(0.871 0.069 69.629)",
325
- 300: "oklch(0.792 0.121 67.276)",
326
- 400: "oklch(0.713 0.181 64.79)",
327
- 500: "oklch(0.664 0.224 60.885)",
328
- 600: "oklch(0.822 0.171 78.982)",
329
- 700: "oklch(0.476 0.19 50.602)",
330
- 800: "oklch(0.397 0.159 47.137)",
331
- 900: "oklch(0.319 0.127 47.663)",
332
- 1e3: "oklch(0.238 0.094 52.715)"
266
+ value: "oklch(0.735 0.175 53.769)"
333
267
  };
334
268
  var purple = {
335
- 100: "oklch(0.951 0.025 300.769)",
336
- 200: "oklch(0.871 0.069 300.057)",
337
- 300: "oklch(0.792 0.121 299.389)",
338
- 400: "oklch(0.713 0.181 296.98)",
339
- 500: "oklch(0.664 0.224 295.765)",
340
- 600: "oklch(0.613 0.233 293.348)",
341
- 700: "oklch(0.476 0.19 294.309)",
342
- 800: "oklch(0.397 0.159 295.093)",
343
- 900: "oklch(0.319 0.127 295.176)",
344
- 1e3: "oklch(0.238 0.094 294.608)"
269
+ value: "oklch(0.661 0.2 293.348)"
345
270
  };
346
271
  var cyan = {
347
- 100: "oklch(0.951 0.025 225.715)",
348
- 200: "oklch(0.871 0.069 210.064)",
349
- 300: "oklch(0.792 0.121 210.306)",
350
- 400: "oklch(0.713 0.181 210.431)",
351
- 500: "oklch(0.664 0.224 210.044)",
352
- 600: "oklch(0.613 0.233 212.784)",
353
- 700: "oklch(0.476 0.19 219.445)",
354
- 800: "oklch(0.397 0.159 221.991)",
355
- 900: "oklch(0.319 0.127 222.248)",
356
- 1e3: "oklch(0.238 0.094 218.162)"
272
+ value: "oklch(0.771 0.135 212.784)"
357
273
  };
358
274
  var lightTheme = {
359
275
  name: "light",
@@ -363,6 +279,16 @@ var lightTheme = {
363
279
  300: "0 4px 16px 0 rgba(0, 0, 0, 0.12)",
364
280
  400: "0 8px 20px 0 rgba(0, 0, 0, 0.14)"
365
281
  },
282
+ palette: {
283
+ fastwork,
284
+ gray,
285
+ green,
286
+ yellow,
287
+ red,
288
+ orange,
289
+ purple,
290
+ cyan
291
+ },
366
292
  colors: {
367
293
  bg: {
368
294
  100: "oklch(0.17 0.01 260)",
@@ -379,13 +305,13 @@ var lightTheme = {
379
305
  100: "oklch(1 0 0)"
380
306
  },
381
307
  soft: {
382
- 100: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 2.5%, transparent), var(--xz-color-fastwork-600) 2.5%)`,
383
- 200: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 5%, transparent), var(--xz-color-fastwork-600) 5%)`
308
+ 100: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 2.5%, transparent), var(--xz-color-fastwork) 2.5%)`,
309
+ 200: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 5%, transparent), var(--xz-color-fastwork) 5%)`
384
310
  },
385
311
  text: {
386
312
  100: "oklch(21% 0.006 285.885)",
387
313
  200: "color-mix(in oklab, var(--xz-color-text-100) 70%, transparent)",
388
- 300: "color-mix(in oklab, var(--xz-color-text-100) 50%, transparent)"
314
+ 300: "color-mix(in oklab, var(--xz-color-text-100) 60%, transparent)"
389
315
  },
390
316
  line: {
391
317
  100: "oklch(0.945 0.01 260 / 0.95)",
@@ -394,251 +320,267 @@ var lightTheme = {
394
320
  },
395
321
  primary: {
396
322
  soft: {
397
- 100: `color-mix(in oklab, var(--xz-color-fastwork-600) 10%, transparent)`,
398
- 200: `color-mix(in oklab, var(--xz-color-fastwork-600) 16%, transparent)`
323
+ 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent)`,
324
+ 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent)`
325
+ },
326
+ softSolid: {
327
+ 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100))`,
328
+ 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100))`
399
329
  },
400
330
  line: {
401
- 100: `color-mix(var(--xz-color-fastwork-600) 25%, var(--xz-color-surface-100))`,
402
- 200: `color-mix(var(--xz-color-fastwork-600) 50%, var(--xz-color-surface-100))`,
403
- 300: `color-mix(var(--xz-color-fastwork-600) 65%, var(--xz-color-surface-100))`
331
+ 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
332
+ 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
333
+ 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
404
334
  },
405
335
  bg: {
406
- 100: "var(--xz-color-fastwork-600)",
407
- 200: `oklch(from var(--xz-color-fastwork-600) calc(l - 0.03) c h / 1)`
336
+ 100: "var(--xz-color-fastwork)",
337
+ 200: `oklch(from var(--xz-color-fastwork) calc(l - 0.03) c h / 1)`
408
338
  },
409
339
  fg: {
410
- 100: "oklch(1 0 0 / 0.95)"
340
+ 100: "oklch(1 0 0 / 1)"
411
341
  },
412
342
  text: {
413
- 100: "var(--xz-color-fastwork-600)"
343
+ 100: `oklch(from var(--xz-color-fastwork) 0.5 c h / 1)`
414
344
  }
415
345
  },
416
346
  danger: {
417
347
  soft: {
418
- 100: `color-mix(in oklab, var(--xz-color-red-600) 10%, transparent)`,
419
- 200: `color-mix(in oklab, var(--xz-color-red-600) 16%, transparent)`
348
+ 100: `color-mix(in oklab, var(--xz-color-red) 10%, transparent)`,
349
+ 200: `color-mix(in oklab, var(--xz-color-red) 16%, transparent)`
350
+ },
351
+ softSolid: {
352
+ 100: `color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100))`,
353
+ 200: `color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100))`
420
354
  },
421
355
  line: {
422
- 100: `color-mix(var(--xz-color-red-600) 25%, var(--xz-color-surface-100))`,
423
- 200: `color-mix(var(--xz-color-red-600) 50%, var(--xz-color-surface-100))`,
424
- 300: `color-mix(var(--xz-color-red-600) 65%, var(--xz-color-surface-100))`
356
+ 100: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
357
+ 200: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
358
+ 300: `color-mix(oklch(from var(--xz-color-red) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
425
359
  },
426
360
  bg: {
427
- 100: "var(--xz-color-red-600)",
428
- 200: `oklch(from var(--xz-color-red-600) calc(l - 0.03) c h / 1)`
361
+ 100: "var(--xz-color-red)",
362
+ 200: `oklch(from var(--xz-color-red) calc(l - 0.03) c h / 1)`
429
363
  },
430
364
  fg: {
431
- 100: "oklch(1 0 0 / 0.95)"
365
+ 100: "oklch(1 0 0 / 1)"
432
366
  },
433
367
  text: {
434
- 100: "var(--xz-color-red-600)"
368
+ 100: `oklch(from var(--xz-color-red) 0.5 c h / 1)`
435
369
  }
436
370
  },
437
371
  success: {
438
372
  soft: {
439
- 100: `color-mix(in oklab, var(--xz-color-green-600) 10%, transparent)`,
440
- 200: `color-mix(in oklab, var(--xz-color-green-600) 16%, transparent)`
373
+ 100: `color-mix(in oklab, var(--xz-color-green) 10%, transparent)`,
374
+ 200: `color-mix(in oklab, var(--xz-color-green) 16%, transparent)`
375
+ },
376
+ softSolid: {
377
+ 100: `color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100))`,
378
+ 200: `color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100))`
441
379
  },
442
380
  line: {
443
- 100: `color-mix(var(--xz-color-green-600) 25%, var(--xz-color-surface-100))`,
444
- 200: `color-mix(var(--xz-color-green-600) 50%, var(--xz-color-surface-100))`,
445
- 300: `color-mix(var(--xz-color-green-600) 65%, var(--xz-color-surface-100))`
381
+ 100: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
382
+ 200: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
383
+ 300: `color-mix(oklch(from var(--xz-color-green) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
446
384
  },
447
385
  bg: {
448
- 100: "var(--xz-color-green-600)",
449
- 200: `oklch(from var(--xz-color-green-600) calc(l - 0.03) c h / 1)`
386
+ 100: "var(--xz-color-green)",
387
+ 200: `oklch(from var(--xz-color-green) calc(l - 0.03) c h / 1)`
450
388
  },
451
389
  fg: {
452
- 100: "oklch(1 0 0 / 0.95)"
390
+ 100: "oklch(0 0 0 / 0.95)"
453
391
  },
454
392
  text: {
455
- 100: "var(--xz-color-green-600)"
393
+ 100: `oklch(from var(--xz-color-green) 0.5 c h / 1)`
456
394
  }
457
395
  },
458
396
  warning: {
459
397
  soft: {
460
- 100: `color-mix(in oklab, var(--xz-color-amber-600) 10%, transparent)`,
461
- 200: `color-mix(in oklab, var(--xz-color-amber-600) 16%, transparent)`
398
+ 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, transparent)`,
399
+ 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, transparent)`
400
+ },
401
+ softSolid: {
402
+ 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100))`,
403
+ 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100))`
462
404
  },
463
405
  line: {
464
- 100: `color-mix(var(--xz-color-amber-600) 25%, var(--xz-color-surface-100))`,
465
- 200: `color-mix(var(--xz-color-amber-600) 50%, var(--xz-color-surface-100))`,
466
- 300: `color-mix(var(--xz-color-amber-600) 65%, var(--xz-color-surface-100))`
406
+ 100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
407
+ 200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
408
+ 300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
467
409
  },
468
410
  bg: {
469
- 100: "var(--xz-color-amber-600)",
470
- 200: `oklch(from var(--xz-color-amber-600) calc(l - 0.03) c h / 1)`
411
+ 100: "var(--xz-color-yellow)",
412
+ 200: `oklch(from var(--xz-color-yellow) calc(l - 0.03) c h / 1)`
471
413
  },
472
414
  fg: {
473
- 100: "oklch(1 0 0 / 0.95)"
415
+ 100: "oklch(0 0 0 / 0.95)"
474
416
  },
475
417
  text: {
476
- 100: "var(--xz-color-amber-600)"
418
+ 100: `oklch(from var(--xz-color-yellow) 0.5 c h / 1)`
477
419
  }
478
420
  },
479
421
  info: {
480
422
  soft: {
481
- 100: `color-mix(in oklab, var(--xz-color-cyan-600) 10%, transparent)`,
482
- 200: `color-mix(in oklab, var(--xz-color-cyan-600) 16%, transparent)`
423
+ 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, transparent)`,
424
+ 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, transparent)`
425
+ },
426
+ softSolid: {
427
+ 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100))`,
428
+ 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100))`
429
+ },
430
+ line: {
431
+ 100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
432
+ 200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
433
+ 300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
434
+ },
435
+ bg: {
436
+ 100: "var(--xz-color-cyan)",
437
+ 200: `oklch(from var(--xz-color-cyan) calc(l - 0.03) c h / 1)`
438
+ },
439
+ fg: {
440
+ 100: "oklch(0 0 0 / 0.95)"
441
+ },
442
+ text: {
443
+ 100: `oklch(from var(--xz-color-cyan) 0.5 c h / 1)`
444
+ }
445
+ },
446
+ orange: {
447
+ soft: {
448
+ 100: `color-mix(in oklab, var(--xz-color-orange) 10%, transparent)`,
449
+ 200: `color-mix(in oklab, var(--xz-color-orange) 16%, transparent)`
450
+ },
451
+ softSolid: {
452
+ 100: `color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100))`,
453
+ 200: `color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100))`
454
+ },
455
+ line: {
456
+ 100: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
457
+ 200: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
458
+ 300: `color-mix(oklch(from var(--xz-color-orange) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
459
+ },
460
+ bg: {
461
+ 100: "var(--xz-color-orange)",
462
+ 200: `oklch(from var(--xz-color-orange) calc(l - 0.03) c h / 1)`
463
+ },
464
+ fg: {
465
+ 100: "oklch(0 0 0 / 0.95)"
466
+ },
467
+ text: {
468
+ 100: `oklch(from var(--xz-color-orange) 0.5 c h / 1)`
469
+ }
470
+ },
471
+ purple: {
472
+ soft: {
473
+ 100: `color-mix(in oklab, var(--xz-color-purple) 10%, transparent)`,
474
+ 200: `color-mix(in oklab, var(--xz-color-purple) 16%, transparent)`
475
+ },
476
+ softSolid: {
477
+ 100: `color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100))`,
478
+ 200: `color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100))`
483
479
  },
484
480
  line: {
485
- 100: `color-mix(var(--xz-color-cyan-600) 25%, var(--xz-color-surface-100))`,
486
- 200: `color-mix(var(--xz-color-cyan-600) 50%, var(--xz-color-surface-100))`,
487
- 300: `color-mix(var(--xz-color-cyan-600) 65%, var(--xz-color-surface-100))`
481
+ 100: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
482
+ 200: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
483
+ 300: `color-mix(oklch(from var(--xz-color-purple) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
488
484
  },
489
485
  bg: {
490
- 100: "var(--xz-color-cyan-600)",
491
- 200: `oklch(from var(--xz-color-cyan-600) calc(l - 0.03) c h / 1)`
486
+ 100: "var(--xz-color-purple)",
487
+ 200: `oklch(from var(--xz-color-purple) calc(l - 0.03) c h / 1)`
492
488
  },
493
489
  fg: {
494
- 100: "oklch(1 0 0 / 0.95)"
490
+ 100: "oklch(0 0 0 / 0.95)"
495
491
  },
496
492
  text: {
497
- 100: "var(--xz-color-cyan-600)"
493
+ 100: `oklch(from var(--xz-color-purple) 0.5 c h / 1)`
498
494
  }
499
495
  },
496
+ blackAlpha: {
497
+ 100: "oklch(0 0 0 / 0.1)",
498
+ 200: "oklch(0 0 0 / 0.2)",
499
+ 300: "oklch(0 0 0 / 0.3)",
500
+ 400: "oklch(0 0 0 / 0.4)",
501
+ 500: "oklch(0 0 0 / 0.5)",
502
+ 600: "oklch(0 0 0 / 0.6)",
503
+ 700: "oklch(0 0 0 / 0.7)",
504
+ 800: "oklch(0 0 0 / 0.8)",
505
+ 900: "oklch(0 0 0 / 0.9)",
506
+ 1e3: "oklch(0 0 0 / 1)"
507
+ },
508
+ whiteAlpha: {
509
+ 100: "oklch(1 0 0 / 0.1)",
510
+ 200: "oklch(1 0 0 / 0.2)",
511
+ 300: "oklch(1 0 0 / 0.3)",
512
+ 400: "oklch(1 0 0 / 0.4)",
513
+ 500: "oklch(1 0 0 / 0.5)",
514
+ 600: "oklch(1 0 0 / 0.6)",
515
+ 700: "oklch(1 0 0 / 0.7)",
516
+ 800: "oklch(1 0 0 / 0.8)",
517
+ 900: "oklch(1 0 0 / 0.9)",
518
+ 1e3: "oklch(1 0 0 / 1)"
519
+ },
520
+ overlay: {
521
+ 100: "oklch(0 0 0 / 0.1)",
522
+ 200: "oklch(0 0 0 / 0.2)",
523
+ 300: "oklch(0 0 0 / 0.3)",
524
+ 400: "oklch(0 0 0 / 0.4)",
525
+ 500: "oklch(0 0 0 / 0.5)",
526
+ 600: "oklch(0 0 0 / 0.6)",
527
+ 700: "oklch(0 0 0 / 0.7)",
528
+ 800: "oklch(0 0 0 / 0.8)",
529
+ 900: "oklch(0 0 0 / 0.9)",
530
+ 1e3: "oklch(0 0 0 / 1)"
531
+ },
500
532
  neutral: {
501
533
  soft: {
502
- 100: `color-mix(in oklab, var(--xz-color-gray-600) 10%, transparent)`,
503
- 200: `color-mix(in oklab, var(--xz-color-gray-600) 16%, transparent)`
534
+ 100: `color-mix(in oklab, var(--xz-color-gray) 10%, transparent)`,
535
+ 200: `color-mix(in oklab, var(--xz-color-gray) 16%, transparent)`
536
+ },
537
+ softSolid: {
538
+ 100: `color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100))`,
539
+ 200: `color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100))`
504
540
  },
505
541
  line: {
506
- 100: `color-mix(var(--xz-color-gray-600) 25%, var(--xz-color-surface-100))`,
507
- 200: `color-mix(var(--xz-color-gray-600) 50%, var(--xz-color-surface-100))`,
508
- 300: `color-mix(var(--xz-color-gray-600) 65%, var(--xz-color-surface-100))`
542
+ 100: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,
543
+ 200: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,
544
+ 300: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`
509
545
  },
510
546
  bg: {
511
- 100: "var(--xz-color-gray-600)",
512
- 200: `oklch(from var(--xz-color-gray-600) calc(l - 0.03) c h / 1)`
547
+ 100: "var(--xz-color-gray)",
548
+ 200: `oklch(from var(--xz-color-gray) calc(l - 0.03) c h / 1)`
513
549
  },
514
550
  fg: {
515
551
  100: "oklch(1 0 0)"
516
552
  },
517
553
  text: {
518
- 100: "var(--xz-color-gray-600)"
554
+ 100: `oklch(from var(--xz-color-gray) 0.5 c h / 1)`
519
555
  }
520
- },
521
- // Color tokens
522
- fastwork,
523
- gray,
524
- green,
525
- mint,
526
- amber,
527
- red,
528
- orange,
529
- purple,
530
- cyan
556
+ }
531
557
  }
532
558
  };
533
559
 
534
560
  // src/themes/dark.ts
535
561
  var fastwork2 = {
536
- 100: "oklch(0.951 0.025 259.824)",
537
- 200: "oklch(0.871 0.069 260.094)",
538
- 300: "oklch(0.792 0.121 260.318)",
539
- 400: "oklch(0.713 0.181 260.759)",
540
- 500: "oklch(0.664 0.224 260.738)",
541
- 600: "oklch(0.613 0.233 260.608)",
542
- 700: "oklch(0.476 0.19 260.537)",
543
- 800: "oklch(0.397 0.159 260.453)",
544
- 900: "oklch(0.319 0.127 260.646)",
545
- 1e3: "oklch(0.238 0.094 260.464)"
562
+ value: "oklch(0.57 0.237 260.608)"
546
563
  };
547
564
  var gray2 = {
548
- 100: "oklch(0.951 0.001 286.375)",
549
- 200: "oklch(0.871 0.002 247.84)",
550
- 300: "oklch(0.792 0.006 264.532)",
551
- 400: "oklch(0.713 0.011 261.788)",
552
- 500: "oklch(0.664 0.025 256.132)",
553
- 600: "oklch(0.613 0.032 259.575)",
554
- 700: "oklch(0.476 0.038 257.866)",
555
- 800: "oklch(0.397 0.028 258.368)",
556
- 900: "oklch(0.319 0.023 258.369)",
557
- 1e3: "oklch(0.238 0.02 260.638)"
565
+ value: "oklch(0.613 0.032 259.575)"
558
566
  };
559
567
  var green2 = {
560
- 100: "oklch(0.951 0.025 145.236)",
561
- 200: "oklch(0.871 0.069 145.067)",
562
- 300: "oklch(0.792 0.121 147.068)",
563
- 400: "oklch(0.713 0.181 145.325)",
564
- 500: "oklch(0.664 0.224 145.041)",
565
- 600: "oklch(0.613 0.233 143.945)",
566
- 700: "oklch(0.476 0.19 143.925)",
567
- 800: "oklch(0.397 0.159 143.887)",
568
- 900: "oklch(0.319 0.127 143.911)",
569
- 1e3: "oklch(0.238 0.094 143.885)"
568
+ value: "oklch(0.703 0.223 143.945)"
570
569
  };
571
- var mint2 = {
572
- 100: "oklch(0.951 0.025 165.764)",
573
- 200: "oklch(0.871 0.069 165.115)",
574
- 300: "oklch(0.792 0.121 164.991)",
575
- 400: "oklch(0.713 0.181 165.254)",
576
- 500: "oklch(0.664 0.224 164.971)",
577
- 600: "oklch(0.613 0.233 163.133)",
578
- 700: "oklch(0.476 0.19 157.525)",
579
- 800: "oklch(0.397 0.159 156.022)",
580
- 900: "oklch(0.319 0.127 156.146)",
581
- 1e3: "oklch(0.238 0.094 157.861)"
582
- };
583
- var amber2 = {
584
- 100: "oklch(0.951 0.025 89.573)",
585
- 200: "oklch(0.871 0.069 89.143)",
586
- 300: "oklch(0.792 0.121 88.637)",
587
- 400: "oklch(0.713 0.181 86.398)",
588
- 500: "oklch(0.664 0.224 84.057)",
589
- 600: "oklch(0.822 0.171 78.982)",
590
- 700: "oklch(0.476 0.19 66.263)",
591
- 800: "oklch(0.397 0.159 65.042)",
592
- 900: "oklch(0.319 0.127 66.22)",
593
- 1e3: "oklch(0.238 0.094 71.694)"
570
+ var yellow2 = {
571
+ value: "oklch(0.822 0.17 78.88)"
594
572
  };
595
573
  var red2 = {
596
- 100: "oklch(0.951 0.025 29.928)",
597
- 200: "oklch(0.871 0.069 29.532)",
598
- 300: "oklch(0.792 0.121 30.553)",
599
- 400: "oklch(0.713 0.181 30.096)",
600
- 500: "oklch(0.664 0.224 29.949)",
601
- 600: "oklch(0.613 0.233 30.062)",
602
- 700: "oklch(0.476 0.19 30.192)",
603
- 800: "oklch(0.397 0.159 30.103)",
604
- 900: "oklch(0.319 0.127 30.193)",
605
- 1e3: "oklch(0.238 0.094 30.392)"
574
+ value: "oklch(0.592 0.22 29.018)"
606
575
  };
607
576
  var orange2 = {
608
- 100: "oklch(0.951 0.025 68.942)",
609
- 200: "oklch(0.871 0.069 69.629)",
610
- 300: "oklch(0.792 0.121 67.276)",
611
- 400: "oklch(0.713 0.181 64.79)",
612
- 500: "oklch(0.664 0.224 60.885)",
613
- 600: "oklch(0.613 0.233 53.769)",
614
- 700: "oklch(0.476 0.19 50.602)",
615
- 800: "oklch(0.397 0.159 47.137)",
616
- 900: "oklch(0.319 0.127 47.663)",
617
- 1e3: "oklch(0.238 0.094 52.715)"
577
+ value: "oklch(0.735 0.175 53.769)"
618
578
  };
619
579
  var purple2 = {
620
- 100: "oklch(0.951 0.025 300.769)",
621
- 200: "oklch(0.871 0.069 300.057)",
622
- 300: "oklch(0.792 0.121 299.389)",
623
- 400: "oklch(0.713 0.181 296.98)",
624
- 500: "oklch(0.664 0.224 295.765)",
625
- 600: "oklch(0.613 0.233 293.348)",
626
- 700: "oklch(0.476 0.19 294.309)",
627
- 800: "oklch(0.397 0.159 295.093)",
628
- 900: "oklch(0.319 0.127 295.176)",
629
- 1e3: "oklch(0.238 0.094 294.608)"
580
+ value: "oklch(0.661 0.2 293.348)"
630
581
  };
631
582
  var cyan2 = {
632
- 100: "oklch(0.951 0.025 225.715)",
633
- 200: "oklch(0.871 0.069 210.064)",
634
- 300: "oklch(0.792 0.121 210.306)",
635
- 400: "oklch(0.713 0.181 210.431)",
636
- 500: "oklch(0.664 0.224 210.044)",
637
- 600: "oklch(0.613 0.233 212.784)",
638
- 700: "oklch(0.476 0.19 219.445)",
639
- 800: "oklch(0.397 0.159 221.991)",
640
- 900: "oklch(0.319 0.127 222.248)",
641
- 1e3: "oklch(0.238 0.094 218.162)"
583
+ value: "oklch(0.771 0.135 212.784)"
642
584
  };
643
585
  var darkTheme = {
644
586
  name: "dark",
@@ -648,6 +590,16 @@ var darkTheme = {
648
590
  300: "0 4px 16px 0 rgba(0, 0, 0, 0.40)",
649
591
  400: "0 8px 20px 0 rgba(0, 0, 0, 0.48)"
650
592
  },
593
+ palette: {
594
+ fastwork: fastwork2,
595
+ gray: gray2,
596
+ green: green2,
597
+ yellow: yellow2,
598
+ red: red2,
599
+ orange: orange2,
600
+ purple: purple2,
601
+ cyan: cyan2
602
+ },
651
603
  colors: {
652
604
  bg: {
653
605
  100: "oklch(0.96 0.01 260)",
@@ -661,16 +613,16 @@ var darkTheme = {
661
613
  400: "oklch(0.37 0.02 269 / 1)"
662
614
  },
663
615
  soft: {
664
- 100: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 2.5%, transparent), var(--xz-color-fastwork-600) 2.5%)`,
665
- 200: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 5%, transparent), var(--xz-color-fastwork-600) 5%)`
616
+ 100: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 2.5%, transparent), var(--xz-color-fastwork) 2.5%)`,
617
+ 200: `color-mix(color-mix(in oklab, var(--xz-color-bg-100) 5%, transparent), var(--xz-color-fastwork) 5%)`
666
618
  },
667
619
  fg: {
668
620
  100: "oklch(0 0 0)"
669
621
  },
670
622
  text: {
671
623
  100: "oklch(0.96 0.01 260 / 1)",
672
- 200: "color-mix(in oklab, var(--xz-color-text-100) 60%, transparent)",
673
- 300: "color-mix(in oklab, var(--xz-color-text-100) 50%, transparent)"
624
+ 200: "color-mix(in oklab, var(--xz-color-text-100) 65%, transparent)",
625
+ 300: "color-mix(in oklab, var(--xz-color-text-100) 55%, transparent)"
674
626
  },
675
627
  line: {
676
628
  100: "oklch(0.38 0.02 269 / 0.95)",
@@ -679,140 +631,240 @@ var darkTheme = {
679
631
  },
680
632
  primary: {
681
633
  soft: {
682
- 100: `color-mix(in oklab, var(--xz-color-fastwork-600) 10%, transparent)`,
683
- 200: `color-mix(in oklab, var(--xz-color-fastwork-600) 16%, transparent)`
634
+ 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, transparent)`,
635
+ 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, transparent)`
636
+ },
637
+ softSolid: {
638
+ 100: `color-mix(in oklab, var(--xz-color-fastwork) 10%, var(--xz-color-surface-100))`,
639
+ 200: `color-mix(in oklab, var(--xz-color-fastwork) 16%, var(--xz-color-surface-100))`
684
640
  },
685
641
  line: {
686
- 100: `color-mix(var(--xz-color-fastwork-600) 25%, var(--xz-color-surface-100))`,
687
- 200: `color-mix(var(--xz-color-fastwork-600) 50%, var(--xz-color-surface-100))`,
688
- 300: `color-mix(var(--xz-color-fastwork-600) 65%, var(--xz-color-surface-100))`
642
+ 100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
643
+ 200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
644
+ 300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
689
645
  },
690
646
  bg: {
691
- 100: "var(--xz-color-fastwork-600)",
692
- 200: `oklch(from var(--xz-color-fastwork-600) calc(l + 0.05) c h / 1)`
647
+ 100: "var(--xz-color-fastwork)",
648
+ 200: `oklch(from var(--xz-color-fastwork) calc(l + 0.05) c h / 1)`
693
649
  },
694
650
  fg: {
695
- 100: "oklch(1 0 0 / 0.95)"
651
+ 100: "oklch(1 0 0 / 1)"
696
652
  },
697
653
  text: {
698
- 100: `oklch(from var(--xz-color-fastwork-600) calc(l + 0.15) c h)`
654
+ 100: `oklch(from var(--xz-color-fastwork) 0.75 c h / 1)`
699
655
  }
700
656
  },
701
657
  danger: {
702
658
  soft: {
703
- 100: `color-mix(in oklab, var(--xz-color-red-600) 10%, transparent)`,
704
- 200: `color-mix(in oklab, var(--xz-color-red-600) 16%, transparent)`
659
+ 100: `color-mix(in oklab, var(--xz-color-red) 10%, transparent)`,
660
+ 200: `color-mix(in oklab, var(--xz-color-red) 16%, transparent)`
661
+ },
662
+ softSolid: {
663
+ 100: `color-mix(in oklab, var(--xz-color-red) 10%, var(--xz-color-surface-100))`,
664
+ 200: `color-mix(in oklab, var(--xz-color-red) 16%, var(--xz-color-surface-100))`
705
665
  },
706
666
  line: {
707
- 100: `color-mix(var(--xz-color-red-600) 25%, var(--xz-color-surface-100))`,
708
- 200: `color-mix(var(--xz-color-red-600) 50%, var(--xz-color-surface-100))`,
709
- 300: `color-mix(var(--xz-color-red-600) 65%, var(--xz-color-surface-100))`
667
+ 100: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
668
+ 200: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
669
+ 300: `color-mix(oklch(from var(--xz-color-red) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
710
670
  },
711
671
  bg: {
712
- 100: "var(--xz-color-red-600)",
713
- 200: `oklch(from var(--xz-color-red-600) calc(l + 0.05) c h / 1)`
672
+ 100: "var(--xz-color-red)",
673
+ 200: `oklch(from var(--xz-color-red) calc(l + 0.05) c h / 1)`
714
674
  },
715
675
  fg: {
716
- 100: "oklch(1 0 0 / 0.95)"
676
+ 100: "oklch(1 0 0 / 1)"
717
677
  },
718
678
  text: {
719
- 100: `oklch(from var(--xz-color-red-600) calc(l + 0.15) c h)`
679
+ 100: `oklch(from var(--xz-color-red) 0.75 c h / 1)`
720
680
  }
721
681
  },
722
682
  success: {
723
683
  soft: {
724
- 100: `color-mix(in oklab, var(--xz-color-green-600) 10%, transparent)`,
725
- 200: `color-mix(in oklab, var(--xz-color-green-600) 16%, transparent)`
684
+ 100: `color-mix(in oklab, var(--xz-color-green) 10%, transparent)`,
685
+ 200: `color-mix(in oklab, var(--xz-color-green) 16%, transparent)`
686
+ },
687
+ softSolid: {
688
+ 100: `color-mix(in oklab, var(--xz-color-green) 10%, var(--xz-color-surface-100))`,
689
+ 200: `color-mix(in oklab, var(--xz-color-green) 16%, var(--xz-color-surface-100))`
726
690
  },
727
691
  line: {
728
- 100: `color-mix(var(--xz-color-green-600) 25%, var(--xz-color-surface-100))`,
729
- 200: `color-mix(var(--xz-color-green-600) 50%, var(--xz-color-surface-100))`,
730
- 300: `color-mix(var(--xz-color-green-600) 65%, var(--xz-color-surface-100))`
692
+ 100: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
693
+ 200: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
694
+ 300: `color-mix(oklch(from var(--xz-color-green) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
731
695
  },
732
696
  bg: {
733
- 100: "var(--xz-color-green-600)",
734
- 200: `oklch(from var(--xz-color-green-600) calc(l + 0.05) c h / 1)`
697
+ 100: "var(--xz-color-green)",
698
+ 200: `oklch(from var(--xz-color-green) calc(l + 0.05) c h / 1)`
735
699
  },
736
700
  fg: {
737
- 100: "oklch(1 0 0 / 0.95)"
701
+ 100: "oklch(0 0 0 / 0.95)"
738
702
  },
739
703
  text: {
740
- 100: `oklch(from var(--xz-color-green-600) calc(l + 0.15) c h)`
704
+ 100: `oklch(from var(--xz-color-green) 0.75 c h / 1)`
741
705
  }
742
706
  },
743
707
  warning: {
744
708
  soft: {
745
- 100: `color-mix(in oklab, var(--xz-color-amber-600) 10%, transparent)`,
746
- 200: `color-mix(in oklab, var(--xz-color-amber-600) 16%, transparent)`
709
+ 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, transparent)`,
710
+ 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, transparent)`
711
+ },
712
+ softSolid: {
713
+ 100: `color-mix(in oklab, var(--xz-color-yellow) 10%, var(--xz-color-surface-100))`,
714
+ 200: `color-mix(in oklab, var(--xz-color-yellow) 16%, var(--xz-color-surface-100))`
747
715
  },
748
716
  line: {
749
- 100: `color-mix(var(--xz-color-amber-600) 25%, var(--xz-color-surface-100))`,
750
- 200: `color-mix(var(--xz-color-amber-600) 50%, var(--xz-color-surface-100))`,
751
- 300: `color-mix(var(--xz-color-amber-600) 65%, var(--xz-color-surface-100))`
717
+ 100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
718
+ 200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
719
+ 300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
752
720
  },
753
721
  bg: {
754
- 100: "var(--xz-color-amber-600)",
755
- 200: `oklch(from var(--xz-color-amber-600) calc(l + 0.05) c h / 1)`
722
+ 100: "var(--xz-color-yellow)",
723
+ 200: `oklch(from var(--xz-color-yellow) calc(l + 0.05) c h / 1)`
756
724
  },
757
725
  fg: {
758
- 100: "oklch(1 0 0 / 0.95)"
726
+ 100: "oklch(0 0 0 / 0.95)"
759
727
  },
760
728
  text: {
761
- 100: `oklch(from var(--xz-color-amber-600) calc(l + 0.15) c h)`
729
+ 100: `oklch(from var(--xz-color-yellow) 0.75 c h / 1)`
762
730
  }
763
731
  },
764
732
  info: {
765
733
  soft: {
766
- 100: `color-mix(in oklab, var(--xz-color-cyan-600) 10%, transparent)`,
767
- 200: `color-mix(in oklab, var(--xz-color-cyan-600) 16%, transparent)`
734
+ 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, transparent)`,
735
+ 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, transparent)`
736
+ },
737
+ softSolid: {
738
+ 100: `color-mix(in oklab, var(--xz-color-cyan) 10%, var(--xz-color-surface-100))`,
739
+ 200: `color-mix(in oklab, var(--xz-color-cyan) 16%, var(--xz-color-surface-100))`
740
+ },
741
+ line: {
742
+ 100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
743
+ 200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
744
+ 300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
745
+ },
746
+ bg: {
747
+ 100: "var(--xz-color-cyan)",
748
+ 200: `oklch(from var(--xz-color-cyan) calc(l + 0.05) c h / 1)`
749
+ },
750
+ fg: {
751
+ 100: "oklch(0 0 0 / 0.95)"
752
+ },
753
+ text: {
754
+ 100: `oklch(from var(--xz-color-cyan) 0.75 c h / 1)`
755
+ }
756
+ },
757
+ orange: {
758
+ soft: {
759
+ 100: `color-mix(in oklab, var(--xz-color-orange) 10%, transparent)`,
760
+ 200: `color-mix(in oklab, var(--xz-color-orange) 16%, transparent)`
761
+ },
762
+ softSolid: {
763
+ 100: `color-mix(in oklab, var(--xz-color-orange) 10%, var(--xz-color-surface-100))`,
764
+ 200: `color-mix(in oklab, var(--xz-color-orange) 16%, var(--xz-color-surface-100))`
765
+ },
766
+ line: {
767
+ 100: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
768
+ 200: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
769
+ 300: `color-mix(oklch(from var(--xz-color-orange) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
770
+ },
771
+ bg: {
772
+ 100: "var(--xz-color-orange)",
773
+ 200: `oklch(from var(--xz-color-orange) calc(l + 0.05) c h / 1)`
774
+ },
775
+ fg: {
776
+ 100: "oklch(0 0 0)"
777
+ },
778
+ text: {
779
+ 100: `oklch(from var(--xz-color-orange) 0.75 c h / 1)`
780
+ }
781
+ },
782
+ purple: {
783
+ soft: {
784
+ 100: `color-mix(in oklab, var(--xz-color-purple) 10%, transparent)`,
785
+ 200: `color-mix(in oklab, var(--xz-color-purple) 16%, transparent)`
786
+ },
787
+ softSolid: {
788
+ 100: `color-mix(in oklab, var(--xz-color-purple) 10%, var(--xz-color-surface-100))`,
789
+ 200: `color-mix(in oklab, var(--xz-color-purple) 16%, var(--xz-color-surface-100))`
768
790
  },
769
791
  line: {
770
- 100: `color-mix(var(--xz-color-cyan-600) 25%, var(--xz-color-surface-100))`,
771
- 200: `color-mix(var(--xz-color-cyan-600) 50%, var(--xz-color-surface-100))`,
772
- 300: `color-mix(var(--xz-color-cyan-600) 65%, var(--xz-color-surface-100))`
792
+ 100: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
793
+ 200: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
794
+ 300: `color-mix(oklch(from var(--xz-color-purple) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
773
795
  },
774
796
  bg: {
775
- 100: "var(--xz-color-cyan-600)",
776
- 200: `oklch(from var(--xz-color-cyan-600) calc(l + 0.05) c h / 1)`
797
+ 100: "var(--xz-color-purple)",
798
+ 200: `oklch(from var(--xz-color-purple) calc(l + 0.05) c h / 1)`
777
799
  },
778
800
  fg: {
779
- 100: "oklch(1 0 0 / 0.95)"
801
+ 100: "oklch(0 0 0)"
780
802
  },
781
803
  text: {
782
- 100: `oklch(from var(--xz-color-cyan-600) calc(l + 0.15) c h)`
804
+ 100: `oklch(from var(--xz-color-purple) 0.75 c h / 1)`
783
805
  }
784
806
  },
807
+ blackAlpha: {
808
+ 100: "oklch(0 0 0 / 0.1)",
809
+ 200: "oklch(0 0 0 / 0.2)",
810
+ 300: "oklch(0 0 0 / 0.3)",
811
+ 400: "oklch(0 0 0 / 0.4)",
812
+ 500: "oklch(0 0 0 / 0.5)",
813
+ 600: "oklch(0 0 0 / 0.6)",
814
+ 700: "oklch(0 0 0 / 0.7)",
815
+ 800: "oklch(0 0 0 / 0.8)",
816
+ 900: "oklch(0 0 0 / 0.9)",
817
+ 1e3: "oklch(0 0 0 / 1)"
818
+ },
819
+ whiteAlpha: {
820
+ 100: "oklch(1 0 0 / 0.1)",
821
+ 200: "oklch(1 0 0 / 0.2)",
822
+ 300: "oklch(1 0 0 / 0.3)",
823
+ 400: "oklch(1 0 0 / 0.4)",
824
+ 500: "oklch(1 0 0 / 0.5)",
825
+ 600: "oklch(1 0 0 / 0.6)",
826
+ 700: "oklch(1 0 0 / 0.7)",
827
+ 800: "oklch(1 0 0 / 0.8)",
828
+ 900: "oklch(1 0 0 / 0.9)",
829
+ 1e3: "oklch(1 0 0 / 1)"
830
+ },
831
+ overlay: {
832
+ 100: "oklch(1 0 0 / 0.1)",
833
+ 200: "oklch(1 0 0 / 0.2)",
834
+ 300: "oklch(1 0 0 / 0.3)",
835
+ 400: "oklch(1 0 0 / 0.4)",
836
+ 500: "oklch(1 0 0 / 0.5)",
837
+ 600: "oklch(1 0 0 / 0.6)",
838
+ 700: "oklch(1 0 0 / 0.7)",
839
+ 800: "oklch(1 0 0 / 0.8)",
840
+ 900: "oklch(1 0 0 / 0.9)",
841
+ 1e3: "oklch(1 0 0 / 1)"
842
+ },
785
843
  neutral: {
786
844
  soft: {
787
- 100: `color-mix(in oklab, var(--xz-color-gray-600) 10%, transparent)`,
788
- 200: `color-mix(in oklab, var(--xz-color-gray-600) 16%, transparent)`
845
+ 100: `color-mix(in oklab, var(--xz-color-gray) 10%, transparent)`,
846
+ 200: `color-mix(in oklab, var(--xz-color-gray) 16%, transparent)`
847
+ },
848
+ softSolid: {
849
+ 100: `color-mix(in oklab, var(--xz-color-gray) 10%, var(--xz-color-surface-100))`,
850
+ 200: `color-mix(in oklab, var(--xz-color-gray) 16%, var(--xz-color-surface-100))`
789
851
  },
790
852
  line: {
791
- 100: `color-mix(var(--xz-color-gray-600) 25%, var(--xz-color-surface-100))`,
792
- 200: `color-mix(var(--xz-color-gray-600) 50%, var(--xz-color-surface-100))`,
793
- 300: `color-mix(var(--xz-color-gray-600) 65%, var(--xz-color-surface-100))`
853
+ 100: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,
854
+ 200: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,
855
+ 300: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`
794
856
  },
795
857
  bg: {
796
- 100: "var(--xz-color-gray-600)",
797
- 200: `oklch(from var(--xz-color-gray-600) calc(l + 0.05) c h / 1)`
858
+ 100: "var(--xz-color-gray)",
859
+ 200: `oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1)`
798
860
  },
799
861
  fg: {
800
862
  100: "oklch(1 0 0)"
801
863
  },
802
864
  text: {
803
- 100: `oklch(from var(--xz-color-gray-600) calc(l + 0.15) c h)`
865
+ 100: `oklch(from var(--xz-color-gray) 0.75 c h / 1)`
804
866
  }
805
- },
806
- // Color tokens
807
- fastwork: fastwork2,
808
- gray: gray2,
809
- green: green2,
810
- mint: mint2,
811
- amber: amber2,
812
- red: red2,
813
- orange: orange2,
814
- purple: purple2,
815
- cyan: cyan2
867
+ }
816
868
  }
817
869
  };
818
870