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