villa-design-tokens 1.0.29 → 1.0.30
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.
- package/package.json +1 -1
- package/tokens/brands/human.json +42 -42
- package/tokens/brands/whitelabel.json +38 -38
- package/tokens/global.json +73 -97
- package/tokens/mode/dark.json +4 -4
- package/tokens/subbrands/human-tribune.json +1 -1
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "villa-design-tokens",
|
|
3
3
|
"description": "Design Tokens published by Design Token Studio with VPRO's Figma Design System",
|
|
4
4
|
"author": "VPRO",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.30",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/vpro/Design-tokens.git"
|
package/tokens/brands/human.json
CHANGED
|
@@ -314,19 +314,19 @@
|
|
|
314
314
|
"color": {
|
|
315
315
|
"brand": {
|
|
316
316
|
"accent": {
|
|
317
|
-
"value": "{color.global.orange.
|
|
317
|
+
"value": "{color.global.orange.100}",
|
|
318
318
|
"type": "color"
|
|
319
319
|
},
|
|
320
320
|
"primary": {
|
|
321
|
-
"value": "{color.global.grey.
|
|
321
|
+
"value": "{color.global.grey.500}",
|
|
322
322
|
"type": "color"
|
|
323
323
|
},
|
|
324
324
|
"secondary": {
|
|
325
|
-
"value": "{color.global.
|
|
325
|
+
"value": "{color.global.rose.100}",
|
|
326
326
|
"type": "color"
|
|
327
327
|
},
|
|
328
328
|
"tertiary": {
|
|
329
|
-
"value": "{color.global.grey.
|
|
329
|
+
"value": "{color.global.grey.150}",
|
|
330
330
|
"type": "color"
|
|
331
331
|
}
|
|
332
332
|
},
|
|
@@ -336,11 +336,11 @@
|
|
|
336
336
|
"type": "color"
|
|
337
337
|
},
|
|
338
338
|
"secondary": {
|
|
339
|
-
"value": "{color.global.grey.
|
|
339
|
+
"value": "{color.global.grey.150}",
|
|
340
340
|
"type": "color"
|
|
341
341
|
},
|
|
342
342
|
"tertiairy": {
|
|
343
|
-
"value": "{color.global.grey.
|
|
343
|
+
"value": "{color.global.grey.200}",
|
|
344
344
|
"type": "color"
|
|
345
345
|
}
|
|
346
346
|
},
|
|
@@ -350,51 +350,51 @@
|
|
|
350
350
|
"type": "color"
|
|
351
351
|
},
|
|
352
352
|
"secondary": {
|
|
353
|
-
"value": "{color.global.grey.
|
|
353
|
+
"value": "{color.global.grey.150}",
|
|
354
354
|
"type": "color"
|
|
355
355
|
},
|
|
356
356
|
"tertiairy": {
|
|
357
|
-
"value": "{color.global.grey.
|
|
357
|
+
"value": "{color.global.grey.200}",
|
|
358
358
|
"type": "color"
|
|
359
359
|
}
|
|
360
360
|
},
|
|
361
361
|
"functional": {
|
|
362
362
|
"error": {
|
|
363
|
-
"value": "{color.global.red.
|
|
363
|
+
"value": "{color.global.red.100}",
|
|
364
364
|
"type": "color"
|
|
365
365
|
},
|
|
366
366
|
"warning": {
|
|
367
|
-
"value": "{color.global.orange.
|
|
367
|
+
"value": "{color.global.orange.100}",
|
|
368
368
|
"type": "color"
|
|
369
369
|
},
|
|
370
370
|
"success": {
|
|
371
|
-
"value": "{color.global.green.
|
|
371
|
+
"value": "{color.global.green.100}",
|
|
372
372
|
"type": "color"
|
|
373
373
|
},
|
|
374
374
|
"info": {
|
|
375
|
-
"value": "{color.global.blue.
|
|
375
|
+
"value": "{color.global.blue.100}",
|
|
376
376
|
"type": "color"
|
|
377
377
|
}
|
|
378
378
|
},
|
|
379
379
|
"text": {
|
|
380
380
|
"title": {
|
|
381
|
-
"value": "{color.global.grey.
|
|
381
|
+
"value": "{color.global.grey.500}",
|
|
382
382
|
"type": "color"
|
|
383
383
|
},
|
|
384
384
|
"default": {
|
|
385
|
-
"value": "{color.global.grey.
|
|
385
|
+
"value": "{color.global.grey.500}",
|
|
386
386
|
"type": "color"
|
|
387
387
|
},
|
|
388
388
|
"subtle": {
|
|
389
|
-
"value": "{color.global.grey.
|
|
389
|
+
"value": "{color.global.grey.400}",
|
|
390
390
|
"type": "color"
|
|
391
391
|
},
|
|
392
392
|
"tertiary": {
|
|
393
|
-
"value": "{color.global.grey.
|
|
393
|
+
"value": "{color.global.grey.350}",
|
|
394
394
|
"type": "color"
|
|
395
395
|
},
|
|
396
396
|
"disabled": {
|
|
397
|
-
"value": "{color.global.grey.
|
|
397
|
+
"value": "{color.global.grey.300}",
|
|
398
398
|
"type": "color"
|
|
399
399
|
},
|
|
400
400
|
"inverse": {
|
|
@@ -402,25 +402,25 @@
|
|
|
402
402
|
"type": "color"
|
|
403
403
|
},
|
|
404
404
|
"error": {
|
|
405
|
-
"value": "{color.global.red.
|
|
405
|
+
"value": "{color.global.red.100}",
|
|
406
406
|
"type": "color"
|
|
407
407
|
},
|
|
408
408
|
"warning": {
|
|
409
|
-
"value": "{color.global.orange.
|
|
409
|
+
"value": "{color.global.orange.100}",
|
|
410
410
|
"type": "color"
|
|
411
411
|
}
|
|
412
412
|
},
|
|
413
413
|
"icon": {
|
|
414
414
|
"primary": {
|
|
415
|
-
"value": "{color.global.grey.
|
|
415
|
+
"value": "{color.global.grey.500}",
|
|
416
416
|
"type": "color"
|
|
417
417
|
},
|
|
418
418
|
"secondary": {
|
|
419
|
-
"value": "{color.global.grey.
|
|
419
|
+
"value": "{color.global.grey.400}",
|
|
420
420
|
"type": "color"
|
|
421
421
|
},
|
|
422
422
|
"tertiary": {
|
|
423
|
-
"value": "{color.global.grey.
|
|
423
|
+
"value": "{color.global.grey.300}",
|
|
424
424
|
"type": "color"
|
|
425
425
|
},
|
|
426
426
|
"inverse": {
|
|
@@ -428,91 +428,91 @@
|
|
|
428
428
|
"type": "color"
|
|
429
429
|
},
|
|
430
430
|
"error": {
|
|
431
|
-
"value": "{color.global.red.
|
|
431
|
+
"value": "{color.global.red.100}",
|
|
432
432
|
"type": "color"
|
|
433
433
|
},
|
|
434
434
|
"warning": {
|
|
435
|
-
"value": "{color.global.orange.
|
|
435
|
+
"value": "{color.global.orange.100}",
|
|
436
436
|
"type": "color"
|
|
437
437
|
}
|
|
438
438
|
},
|
|
439
439
|
"fill-primary": {
|
|
440
440
|
"default": {
|
|
441
|
-
"value": "{color.global.orange.
|
|
441
|
+
"value": "{color.global.orange.100}",
|
|
442
442
|
"type": "color"
|
|
443
443
|
},
|
|
444
444
|
"hover": {
|
|
445
|
-
"value": "{color.global.orange.
|
|
445
|
+
"value": "{color.global.orange.150}",
|
|
446
446
|
"type": "color"
|
|
447
447
|
},
|
|
448
448
|
"disabled": {
|
|
449
|
-
"value": "{color.global.grey.
|
|
449
|
+
"value": "{color.global.grey.250}",
|
|
450
450
|
"type": "color"
|
|
451
451
|
},
|
|
452
452
|
"active": {
|
|
453
|
-
"value": "{color.global.orange.
|
|
453
|
+
"value": "{color.global.orange.50}",
|
|
454
454
|
"type": "color"
|
|
455
455
|
}
|
|
456
456
|
},
|
|
457
457
|
"on-fill-primary": {
|
|
458
458
|
"default": {
|
|
459
|
-
"value": "{color.global.grey.
|
|
459
|
+
"value": "{color.global.grey.500}",
|
|
460
460
|
"type": "color"
|
|
461
461
|
},
|
|
462
462
|
"hover": {
|
|
463
|
-
"value": "{color.global.grey.
|
|
463
|
+
"value": "{color.global.grey.400}",
|
|
464
464
|
"type": "color"
|
|
465
465
|
},
|
|
466
466
|
"disabled": {
|
|
467
|
-
"value": "{color.global.grey.
|
|
467
|
+
"value": "{color.global.grey.400}",
|
|
468
468
|
"type": "color"
|
|
469
469
|
},
|
|
470
470
|
"active": {
|
|
471
|
-
"value": "{color.global.grey.
|
|
471
|
+
"value": "{color.global.grey.500}",
|
|
472
472
|
"type": "color"
|
|
473
473
|
}
|
|
474
474
|
},
|
|
475
475
|
"border": {
|
|
476
476
|
"default": {
|
|
477
|
-
"value": "{color.global.orange.
|
|
477
|
+
"value": "{color.global.orange.150}",
|
|
478
478
|
"type": "color"
|
|
479
479
|
},
|
|
480
480
|
"hover": {
|
|
481
|
-
"value": "{color.global.orange.
|
|
481
|
+
"value": "{color.global.orange.100}",
|
|
482
482
|
"type": "color"
|
|
483
483
|
},
|
|
484
484
|
"disabled": {
|
|
485
|
-
"value": "{color.global.orange.
|
|
485
|
+
"value": "{color.global.orange.50}",
|
|
486
486
|
"type": "color"
|
|
487
487
|
},
|
|
488
488
|
"active": {
|
|
489
|
-
"value": "{color.global.orange.
|
|
489
|
+
"value": "{color.global.orange.100}",
|
|
490
490
|
"type": "color"
|
|
491
491
|
},
|
|
492
492
|
"error": {
|
|
493
|
-
"value": "{color.global.red.
|
|
493
|
+
"value": "{color.global.red.100}",
|
|
494
494
|
"type": "color"
|
|
495
495
|
},
|
|
496
496
|
"filled": {
|
|
497
|
-
"value": "{color.global.grey.
|
|
497
|
+
"value": "{color.global.grey.500}",
|
|
498
498
|
"type": "color"
|
|
499
499
|
}
|
|
500
500
|
},
|
|
501
501
|
"link": {
|
|
502
502
|
"default": {
|
|
503
|
-
"value": "{color.global.blue.
|
|
503
|
+
"value": "{color.global.blue.150}",
|
|
504
504
|
"type": "color"
|
|
505
505
|
},
|
|
506
506
|
"hover": {
|
|
507
|
-
"value": "{color.global.blue.
|
|
507
|
+
"value": "{color.global.blue.100}",
|
|
508
508
|
"type": "color"
|
|
509
509
|
},
|
|
510
510
|
"disabled": {
|
|
511
|
-
"value": "{color.global.orange.
|
|
511
|
+
"value": "{color.global.orange.150}",
|
|
512
512
|
"type": "color"
|
|
513
513
|
},
|
|
514
514
|
"active": {
|
|
515
|
-
"value": "{color.global.blue.
|
|
515
|
+
"value": "{color.global.blue.150}",
|
|
516
516
|
"type": "color"
|
|
517
517
|
}
|
|
518
518
|
}
|
|
@@ -318,15 +318,15 @@
|
|
|
318
318
|
"type": "color"
|
|
319
319
|
},
|
|
320
320
|
"primary": {
|
|
321
|
-
"value": "{color.global.grey.
|
|
321
|
+
"value": "{color.global.grey.500}",
|
|
322
322
|
"type": "color"
|
|
323
323
|
},
|
|
324
324
|
"secondary": {
|
|
325
|
-
"value": "{color.global.
|
|
325
|
+
"value": "{color.global.rose.100}",
|
|
326
326
|
"type": "color"
|
|
327
327
|
},
|
|
328
328
|
"tertiary": {
|
|
329
|
-
"value": "{color.global.grey.
|
|
329
|
+
"value": "{color.global.grey.150}",
|
|
330
330
|
"type": "color"
|
|
331
331
|
}
|
|
332
332
|
},
|
|
@@ -336,11 +336,11 @@
|
|
|
336
336
|
"type": "color"
|
|
337
337
|
},
|
|
338
338
|
"secondary": {
|
|
339
|
-
"value": "{color.global.grey.
|
|
339
|
+
"value": "{color.global.grey.150}",
|
|
340
340
|
"type": "color"
|
|
341
341
|
},
|
|
342
342
|
"tertiairy": {
|
|
343
|
-
"value": "{color.global.grey.
|
|
343
|
+
"value": "{color.global.grey.200}",
|
|
344
344
|
"type": "color"
|
|
345
345
|
}
|
|
346
346
|
},
|
|
@@ -350,51 +350,51 @@
|
|
|
350
350
|
"type": "color"
|
|
351
351
|
},
|
|
352
352
|
"secondary": {
|
|
353
|
-
"value": "{color.global.grey.
|
|
353
|
+
"value": "{color.global.grey.150}",
|
|
354
354
|
"type": "color"
|
|
355
355
|
},
|
|
356
356
|
"tertiairy": {
|
|
357
|
-
"value": "{color.global.grey.
|
|
357
|
+
"value": "{color.global.grey.200}",
|
|
358
358
|
"type": "color"
|
|
359
359
|
}
|
|
360
360
|
},
|
|
361
361
|
"functional": {
|
|
362
362
|
"error": {
|
|
363
|
-
"value": "{color.global.red.
|
|
363
|
+
"value": "{color.global.red.100}",
|
|
364
364
|
"type": "color"
|
|
365
365
|
},
|
|
366
366
|
"warning": {
|
|
367
|
-
"value": "{color.global.orange.
|
|
367
|
+
"value": "{color.global.orange.100}",
|
|
368
368
|
"type": "color"
|
|
369
369
|
},
|
|
370
370
|
"success": {
|
|
371
|
-
"value": "{color.global.green.
|
|
371
|
+
"value": "{color.global.green.100}",
|
|
372
372
|
"type": "color"
|
|
373
373
|
},
|
|
374
374
|
"info": {
|
|
375
|
-
"value": "{color.global.blue.
|
|
375
|
+
"value": "{color.global.blue.100}",
|
|
376
376
|
"type": "color"
|
|
377
377
|
}
|
|
378
378
|
},
|
|
379
379
|
"text": {
|
|
380
380
|
"title": {
|
|
381
|
-
"value": "{color.global.grey.
|
|
381
|
+
"value": "{color.global.grey.500}",
|
|
382
382
|
"type": "color"
|
|
383
383
|
},
|
|
384
384
|
"default": {
|
|
385
|
-
"value": "{color.global.grey.
|
|
385
|
+
"value": "{color.global.grey.500}",
|
|
386
386
|
"type": "color"
|
|
387
387
|
},
|
|
388
388
|
"subtle": {
|
|
389
|
-
"value": "{color.global.grey.
|
|
389
|
+
"value": "{color.global.grey.400}",
|
|
390
390
|
"type": "color"
|
|
391
391
|
},
|
|
392
392
|
"tertiary": {
|
|
393
|
-
"value": "{color.global.grey.
|
|
393
|
+
"value": "{color.global.grey.350}",
|
|
394
394
|
"type": "color"
|
|
395
395
|
},
|
|
396
396
|
"disabled": {
|
|
397
|
-
"value": "{color.global.grey.
|
|
397
|
+
"value": "{color.global.grey.300}",
|
|
398
398
|
"type": "color"
|
|
399
399
|
},
|
|
400
400
|
"inverse": {
|
|
@@ -402,25 +402,25 @@
|
|
|
402
402
|
"type": "color"
|
|
403
403
|
},
|
|
404
404
|
"error": {
|
|
405
|
-
"value": "{color.global.red.
|
|
405
|
+
"value": "{color.global.red.100}",
|
|
406
406
|
"type": "color"
|
|
407
407
|
},
|
|
408
408
|
"warning": {
|
|
409
|
-
"value": "{color.global.orange.
|
|
409
|
+
"value": "{color.global.orange.100}",
|
|
410
410
|
"type": "color"
|
|
411
411
|
}
|
|
412
412
|
},
|
|
413
413
|
"icon": {
|
|
414
414
|
"primary": {
|
|
415
|
-
"value": "{color.global.grey.
|
|
415
|
+
"value": "{color.global.grey.500}",
|
|
416
416
|
"type": "color"
|
|
417
417
|
},
|
|
418
418
|
"secondary": {
|
|
419
|
-
"value": "{color.global.grey.
|
|
419
|
+
"value": "{color.global.grey.400}",
|
|
420
420
|
"type": "color"
|
|
421
421
|
},
|
|
422
422
|
"tertiary": {
|
|
423
|
-
"value": "{color.global.grey.
|
|
423
|
+
"value": "{color.global.grey.300}",
|
|
424
424
|
"type": "color"
|
|
425
425
|
},
|
|
426
426
|
"inverse": {
|
|
@@ -428,29 +428,29 @@
|
|
|
428
428
|
"type": "color"
|
|
429
429
|
},
|
|
430
430
|
"error": {
|
|
431
|
-
"value": "{color.global.red.
|
|
431
|
+
"value": "{color.global.red.100}",
|
|
432
432
|
"type": "color"
|
|
433
433
|
},
|
|
434
434
|
"warning": {
|
|
435
|
-
"value": "{color.global.orange.
|
|
435
|
+
"value": "{color.global.orange.100}",
|
|
436
436
|
"type": "color"
|
|
437
437
|
}
|
|
438
438
|
},
|
|
439
439
|
"fill-primary": {
|
|
440
440
|
"default": {
|
|
441
|
-
"value": "{color.global.grey.
|
|
441
|
+
"value": "{color.global.grey.500}",
|
|
442
442
|
"type": "color"
|
|
443
443
|
},
|
|
444
444
|
"hover": {
|
|
445
|
-
"value": "{color.global.grey.
|
|
445
|
+
"value": "{color.global.grey.450}",
|
|
446
446
|
"type": "color"
|
|
447
447
|
},
|
|
448
448
|
"disabled": {
|
|
449
|
-
"value": "{color.global.grey.
|
|
449
|
+
"value": "{color.global.grey.250}",
|
|
450
450
|
"type": "color"
|
|
451
451
|
},
|
|
452
452
|
"active": {
|
|
453
|
-
"value": "{color.global.grey.
|
|
453
|
+
"value": "{color.global.grey.500}",
|
|
454
454
|
"type": "color"
|
|
455
455
|
}
|
|
456
456
|
},
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
"type": "color"
|
|
465
465
|
},
|
|
466
466
|
"disabled": {
|
|
467
|
-
"value": "{color.global.grey.
|
|
467
|
+
"value": "{color.global.grey.400}",
|
|
468
468
|
"type": "color"
|
|
469
469
|
},
|
|
470
470
|
"active": {
|
|
@@ -474,45 +474,45 @@
|
|
|
474
474
|
},
|
|
475
475
|
"border": {
|
|
476
476
|
"default": {
|
|
477
|
-
"value": "{color.global.grey.
|
|
477
|
+
"value": "{color.global.grey.250}",
|
|
478
478
|
"type": "color"
|
|
479
479
|
},
|
|
480
480
|
"hover": {
|
|
481
|
-
"value": "{color.global.grey.
|
|
481
|
+
"value": "{color.global.grey.500}",
|
|
482
482
|
"type": "color"
|
|
483
483
|
},
|
|
484
484
|
"disabled": {
|
|
485
|
-
"value": "{color.global.grey.
|
|
485
|
+
"value": "{color.global.grey.200}",
|
|
486
486
|
"type": "color"
|
|
487
487
|
},
|
|
488
488
|
"active": {
|
|
489
|
-
"value": "{color.global.grey.
|
|
489
|
+
"value": "{color.global.grey.500}",
|
|
490
490
|
"type": "color"
|
|
491
491
|
},
|
|
492
492
|
"error": {
|
|
493
|
-
"value": "{color.global.red.
|
|
493
|
+
"value": "{color.global.red.100}",
|
|
494
494
|
"type": "color"
|
|
495
495
|
},
|
|
496
496
|
"filled": {
|
|
497
|
-
"value": "{color.global.grey.
|
|
497
|
+
"value": "{color.global.grey.500}",
|
|
498
498
|
"type": "color"
|
|
499
499
|
}
|
|
500
500
|
},
|
|
501
501
|
"link": {
|
|
502
502
|
"default": {
|
|
503
|
-
"value": "{color.global.grey.
|
|
503
|
+
"value": "{color.global.grey.500}",
|
|
504
504
|
"type": "color"
|
|
505
505
|
},
|
|
506
506
|
"hover": {
|
|
507
|
-
"value": "{color.global.grey.
|
|
507
|
+
"value": "{color.global.grey.450}",
|
|
508
508
|
"type": "color"
|
|
509
509
|
},
|
|
510
510
|
"disabled": {
|
|
511
|
-
"value": "{color.global.grey.
|
|
511
|
+
"value": "{color.global.grey.250}",
|
|
512
512
|
"type": "color"
|
|
513
513
|
},
|
|
514
514
|
"active": {
|
|
515
|
-
"value": "{color.global.grey.
|
|
515
|
+
"value": "{color.global.grey.500}",
|
|
516
516
|
"type": "color"
|
|
517
517
|
}
|
|
518
518
|
}
|
package/tokens/global.json
CHANGED
|
@@ -241,204 +241,180 @@
|
|
|
241
241
|
"value": "#FFFFFF",
|
|
242
242
|
"type": "color"
|
|
243
243
|
},
|
|
244
|
-
"
|
|
244
|
+
"150": {
|
|
245
245
|
"value": "#F4F4F4",
|
|
246
246
|
"type": "color"
|
|
247
247
|
},
|
|
248
|
-
"
|
|
248
|
+
"200": {
|
|
249
249
|
"value": "#E0E0E0",
|
|
250
250
|
"type": "color"
|
|
251
251
|
},
|
|
252
|
-
"
|
|
252
|
+
"250": {
|
|
253
253
|
"value": "#BDBDBD",
|
|
254
254
|
"type": "color"
|
|
255
255
|
},
|
|
256
|
-
"
|
|
256
|
+
"300": {
|
|
257
257
|
"value": "#9E9E9E",
|
|
258
258
|
"type": "color"
|
|
259
259
|
},
|
|
260
|
-
"
|
|
260
|
+
"350": {
|
|
261
261
|
"value": "#757575",
|
|
262
262
|
"type": "color"
|
|
263
263
|
},
|
|
264
|
-
"
|
|
264
|
+
"400": {
|
|
265
265
|
"value": "#616161",
|
|
266
266
|
"type": "color"
|
|
267
267
|
},
|
|
268
|
-
"
|
|
268
|
+
"450": {
|
|
269
269
|
"value": "#424242",
|
|
270
270
|
"type": "color"
|
|
271
271
|
},
|
|
272
|
-
"900": {
|
|
273
|
-
"value": "#212121",
|
|
274
|
-
"type": "color"
|
|
275
|
-
}
|
|
276
|
-
},
|
|
277
|
-
"gold": {
|
|
278
|
-
"300": {
|
|
279
|
-
"value": "#FFEB3B",
|
|
280
|
-
"type": "color"
|
|
281
|
-
},
|
|
282
272
|
"500": {
|
|
283
|
-
"value": "#
|
|
273
|
+
"value": "#212121",
|
|
284
274
|
"type": "color"
|
|
285
275
|
},
|
|
286
|
-
"
|
|
287
|
-
"value": "#
|
|
276
|
+
"550": {
|
|
277
|
+
"value": "#000000",
|
|
288
278
|
"type": "color"
|
|
289
279
|
}
|
|
290
280
|
},
|
|
291
281
|
"orange": {
|
|
292
|
-
"
|
|
293
|
-
"value": "#
|
|
282
|
+
"50": {
|
|
283
|
+
"value": "#FFB795",
|
|
294
284
|
"type": "color"
|
|
295
285
|
},
|
|
296
|
-
"
|
|
297
|
-
"value": "#
|
|
286
|
+
"100": {
|
|
287
|
+
"value": "#FF6E29",
|
|
298
288
|
"type": "color"
|
|
299
289
|
},
|
|
300
|
-
"
|
|
301
|
-
"value": "#
|
|
290
|
+
"150": {
|
|
291
|
+
"value": "#803714",
|
|
302
292
|
"type": "color"
|
|
303
293
|
}
|
|
304
294
|
},
|
|
305
295
|
"red": {
|
|
306
|
-
"
|
|
307
|
-
"value": "#
|
|
296
|
+
"50": {
|
|
297
|
+
"value": "#FF8080",
|
|
308
298
|
"type": "color"
|
|
309
299
|
},
|
|
310
|
-
"
|
|
311
|
-
"value": "#
|
|
300
|
+
"100": {
|
|
301
|
+
"value": "#FF0000",
|
|
312
302
|
"type": "color"
|
|
313
303
|
},
|
|
314
|
-
"
|
|
315
|
-
"value": "#
|
|
304
|
+
"150": {
|
|
305
|
+
"value": "#800000",
|
|
316
306
|
"type": "color"
|
|
317
307
|
}
|
|
318
308
|
},
|
|
319
309
|
"pink": {
|
|
320
|
-
"
|
|
321
|
-
"value": "#
|
|
310
|
+
"50": {
|
|
311
|
+
"value": "#FFC8FF",
|
|
322
312
|
"type": "color"
|
|
323
313
|
},
|
|
324
|
-
"
|
|
325
|
-
"value": "#
|
|
314
|
+
"100": {
|
|
315
|
+
"value": "#FF91FF",
|
|
326
316
|
"type": "color"
|
|
327
317
|
},
|
|
328
|
-
"
|
|
329
|
-
"value": "#
|
|
318
|
+
"150": {
|
|
319
|
+
"value": "#7F4980",
|
|
330
320
|
"type": "color"
|
|
331
321
|
}
|
|
332
322
|
},
|
|
333
|
-
"
|
|
334
|
-
"
|
|
335
|
-
"value": "#
|
|
323
|
+
"mint": {
|
|
324
|
+
"50": {
|
|
325
|
+
"value": "#80D8DF",
|
|
336
326
|
"type": "color"
|
|
337
327
|
},
|
|
338
|
-
"
|
|
339
|
-
"value": "#
|
|
328
|
+
"100": {
|
|
329
|
+
"value": "#00B0BF",
|
|
340
330
|
"type": "color"
|
|
341
331
|
},
|
|
342
|
-
"
|
|
343
|
-
"value": "#
|
|
332
|
+
"150": {
|
|
333
|
+
"value": "#015860",
|
|
344
334
|
"type": "color"
|
|
345
335
|
}
|
|
346
336
|
},
|
|
347
337
|
"violet": {
|
|
348
|
-
"
|
|
349
|
-
"value": "#
|
|
350
|
-
"type": "color"
|
|
351
|
-
},
|
|
352
|
-
"500": {
|
|
353
|
-
"value": "#673AB7",
|
|
354
|
-
"type": "color"
|
|
355
|
-
},
|
|
356
|
-
"700": {
|
|
357
|
-
"value": "#512DA8",
|
|
358
|
-
"type": "color"
|
|
359
|
-
}
|
|
360
|
-
},
|
|
361
|
-
"royal": {
|
|
362
|
-
"300": {
|
|
363
|
-
"value": "#BBDEFB",
|
|
338
|
+
"50": {
|
|
339
|
+
"value": "#C7A9D0",
|
|
364
340
|
"type": "color"
|
|
365
341
|
},
|
|
366
|
-
"
|
|
367
|
-
"value": "#
|
|
342
|
+
"100": {
|
|
343
|
+
"value": "#8F53A1",
|
|
368
344
|
"type": "color"
|
|
369
345
|
},
|
|
370
|
-
"
|
|
371
|
-
"value": "#
|
|
346
|
+
"150": {
|
|
347
|
+
"value": "#482A51",
|
|
372
348
|
"type": "color"
|
|
373
349
|
}
|
|
374
350
|
},
|
|
375
351
|
"blue": {
|
|
376
|
-
"
|
|
377
|
-
"value": "#
|
|
352
|
+
"50": {
|
|
353
|
+
"value": "#80BEE2",
|
|
378
354
|
"type": "color"
|
|
379
355
|
},
|
|
380
|
-
"
|
|
381
|
-
"value": "#
|
|
356
|
+
"100": {
|
|
357
|
+
"value": "#007DC5",
|
|
382
358
|
"type": "color"
|
|
383
359
|
},
|
|
384
|
-
"
|
|
385
|
-
"value": "#
|
|
360
|
+
"150": {
|
|
361
|
+
"value": "#003F63",
|
|
386
362
|
"type": "color"
|
|
387
363
|
}
|
|
388
364
|
},
|
|
389
|
-
"
|
|
390
|
-
"
|
|
391
|
-
"value": "#
|
|
365
|
+
"rose": {
|
|
366
|
+
"50": {
|
|
367
|
+
"value": "#FF82C6",
|
|
392
368
|
"type": "color"
|
|
393
369
|
},
|
|
394
|
-
"
|
|
395
|
-
"value": "#
|
|
370
|
+
"100": {
|
|
371
|
+
"value": "#FF058C",
|
|
396
372
|
"type": "color"
|
|
397
373
|
},
|
|
398
|
-
"
|
|
399
|
-
"value": "#
|
|
374
|
+
"150": {
|
|
375
|
+
"value": "#800346",
|
|
400
376
|
"type": "color"
|
|
401
377
|
}
|
|
402
378
|
},
|
|
403
379
|
"green": {
|
|
404
|
-
"
|
|
405
|
-
"value": "#
|
|
380
|
+
"50": {
|
|
381
|
+
"value": "#80D3A8",
|
|
406
382
|
"type": "color"
|
|
407
383
|
},
|
|
408
|
-
"
|
|
409
|
-
"value": "#
|
|
384
|
+
"100": {
|
|
385
|
+
"value": "#00A651",
|
|
410
386
|
"type": "color"
|
|
411
387
|
},
|
|
412
|
-
"
|
|
413
|
-
"value": "#
|
|
388
|
+
"150": {
|
|
389
|
+
"value": "#005329",
|
|
414
390
|
"type": "color"
|
|
415
391
|
}
|
|
416
392
|
},
|
|
417
|
-
"
|
|
418
|
-
"
|
|
419
|
-
"value": "#
|
|
393
|
+
"beige": {
|
|
394
|
+
"50": {
|
|
395
|
+
"value": "#DDB893",
|
|
420
396
|
"type": "color"
|
|
421
397
|
},
|
|
422
|
-
"
|
|
423
|
-
"value": "#
|
|
398
|
+
"100": {
|
|
399
|
+
"value": "#BB7027",
|
|
424
400
|
"type": "color"
|
|
425
401
|
},
|
|
426
|
-
"
|
|
427
|
-
"value": "#
|
|
402
|
+
"150": {
|
|
403
|
+
"value": "#5E3814",
|
|
428
404
|
"type": "color"
|
|
429
405
|
}
|
|
430
406
|
},
|
|
431
407
|
"yellow": {
|
|
432
|
-
"
|
|
433
|
-
"value": "#
|
|
408
|
+
"50": {
|
|
409
|
+
"value": "#FFE380",
|
|
434
410
|
"type": "color"
|
|
435
411
|
},
|
|
436
|
-
"
|
|
437
|
-
"value": "#
|
|
412
|
+
"100": {
|
|
413
|
+
"value": "#FFC700",
|
|
438
414
|
"type": "color"
|
|
439
415
|
},
|
|
440
|
-
"
|
|
441
|
-
"value": "#
|
|
416
|
+
"150": {
|
|
417
|
+
"value": "#806400",
|
|
442
418
|
"type": "color"
|
|
443
419
|
}
|
|
444
420
|
}
|
package/tokens/mode/dark.json
CHANGED
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
"alias": {
|
|
4
4
|
"background": {
|
|
5
5
|
"default": {
|
|
6
|
-
"value": "{color.global.grey.
|
|
6
|
+
"value": "{color.global.grey.450}",
|
|
7
7
|
"type": "color"
|
|
8
8
|
}
|
|
9
9
|
},
|
|
10
10
|
"surface": {
|
|
11
11
|
"default": {
|
|
12
|
-
"value": "{color.global.grey.
|
|
12
|
+
"value": "{color.global.grey.400}",
|
|
13
13
|
"type": "color"
|
|
14
14
|
}
|
|
15
15
|
},
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"type": "color"
|
|
20
20
|
},
|
|
21
21
|
"default": {
|
|
22
|
-
"value": "{color.global.grey.
|
|
22
|
+
"value": "{color.global.grey.150}",
|
|
23
23
|
"type": "color"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"fill-primary": {
|
|
27
27
|
"default": {
|
|
28
|
-
"value": "{color.global.orange.
|
|
28
|
+
"value": "{color.global.orange.150}",
|
|
29
29
|
"type": "color"
|
|
30
30
|
}
|
|
31
31
|
}
|