@wtasnorg/candi 0.0.27 → 0.0.31
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/README.md +66 -43
- package/dist/base.css +120 -0
- package/dist/colors.js +960 -0
- package/dist/colors.json +960 -0
- package/dist/colors.mjs +960 -0
- package/dist/scandinavian.css +120 -0
- package/dist/v4/theme.css +300 -0
- package/package.json +4 -3
package/dist/colors.mjs
CHANGED
|
@@ -279,6 +279,486 @@ export default {
|
|
|
279
279
|
"c": 0.01,
|
|
280
280
|
"h": 85
|
|
281
281
|
},
|
|
282
|
+
"red": {
|
|
283
|
+
"oklch": "oklch(55% 0.14 25)",
|
|
284
|
+
"name": "Red",
|
|
285
|
+
"usage": "Base red",
|
|
286
|
+
"l": 55,
|
|
287
|
+
"c": 0.14,
|
|
288
|
+
"h": 25
|
|
289
|
+
},
|
|
290
|
+
"redSubtle": {
|
|
291
|
+
"oklch": "oklch(88% 0.11 25)",
|
|
292
|
+
"name": "Red Subtle",
|
|
293
|
+
"usage": "Subtle red background",
|
|
294
|
+
"l": 88,
|
|
295
|
+
"c": 0.11,
|
|
296
|
+
"h": 25
|
|
297
|
+
},
|
|
298
|
+
"redSoft": {
|
|
299
|
+
"oklch": "oklch(65% 0.13 25)",
|
|
300
|
+
"name": "Red Soft",
|
|
301
|
+
"usage": "Soft red",
|
|
302
|
+
"l": 65,
|
|
303
|
+
"c": 0.13,
|
|
304
|
+
"h": 25
|
|
305
|
+
},
|
|
306
|
+
"redStrong": {
|
|
307
|
+
"oklch": "oklch(45% 0.15 25)",
|
|
308
|
+
"name": "Red Strong",
|
|
309
|
+
"usage": "Strong red",
|
|
310
|
+
"l": 45,
|
|
311
|
+
"c": 0.15,
|
|
312
|
+
"h": 25
|
|
313
|
+
},
|
|
314
|
+
"redOutline": {
|
|
315
|
+
"oklch": "oklch(40% 0.13 25)",
|
|
316
|
+
"name": "Red Outline",
|
|
317
|
+
"usage": "Red outline/border",
|
|
318
|
+
"l": 40,
|
|
319
|
+
"c": 0.13,
|
|
320
|
+
"h": 25
|
|
321
|
+
},
|
|
322
|
+
"onRed": {
|
|
323
|
+
"oklch": "oklch(100% 0 0)",
|
|
324
|
+
"name": "On Red",
|
|
325
|
+
"usage": "Text on red",
|
|
326
|
+
"l": 100,
|
|
327
|
+
"c": 0,
|
|
328
|
+
"h": 0
|
|
329
|
+
},
|
|
330
|
+
"blue": {
|
|
331
|
+
"oklch": "oklch(50% 0.12 250)",
|
|
332
|
+
"name": "Blue",
|
|
333
|
+
"usage": "Base blue",
|
|
334
|
+
"l": 50,
|
|
335
|
+
"c": 0.12,
|
|
336
|
+
"h": 250
|
|
337
|
+
},
|
|
338
|
+
"blueSubtle": {
|
|
339
|
+
"oklch": "oklch(83% 0.10 250)",
|
|
340
|
+
"name": "Blue Subtle",
|
|
341
|
+
"usage": "Subtle blue background",
|
|
342
|
+
"l": 83,
|
|
343
|
+
"c": 0.1,
|
|
344
|
+
"h": 250
|
|
345
|
+
},
|
|
346
|
+
"blueSoft": {
|
|
347
|
+
"oklch": "oklch(60% 0.11 250)",
|
|
348
|
+
"name": "Blue Soft",
|
|
349
|
+
"usage": "Soft blue",
|
|
350
|
+
"l": 60,
|
|
351
|
+
"c": 0.11,
|
|
352
|
+
"h": 250
|
|
353
|
+
},
|
|
354
|
+
"blueStrong": {
|
|
355
|
+
"oklch": "oklch(40% 0.13 250)",
|
|
356
|
+
"name": "Blue Strong",
|
|
357
|
+
"usage": "Strong blue",
|
|
358
|
+
"l": 40,
|
|
359
|
+
"c": 0.13,
|
|
360
|
+
"h": 250
|
|
361
|
+
},
|
|
362
|
+
"blueOutline": {
|
|
363
|
+
"oklch": "oklch(35% 0.11 250)",
|
|
364
|
+
"name": "Blue Outline",
|
|
365
|
+
"usage": "Blue outline/border",
|
|
366
|
+
"l": 35,
|
|
367
|
+
"c": 0.11,
|
|
368
|
+
"h": 250
|
|
369
|
+
},
|
|
370
|
+
"onBlue": {
|
|
371
|
+
"oklch": "oklch(100% 0 0)",
|
|
372
|
+
"name": "On Blue",
|
|
373
|
+
"usage": "Text on blue",
|
|
374
|
+
"l": 100,
|
|
375
|
+
"c": 0,
|
|
376
|
+
"h": 0
|
|
377
|
+
},
|
|
378
|
+
"green": {
|
|
379
|
+
"oklch": "oklch(55% 0.12 145)",
|
|
380
|
+
"name": "Green",
|
|
381
|
+
"usage": "Base green",
|
|
382
|
+
"l": 55,
|
|
383
|
+
"c": 0.12,
|
|
384
|
+
"h": 145
|
|
385
|
+
},
|
|
386
|
+
"greenSubtle": {
|
|
387
|
+
"oklch": "oklch(88% 0.10 145)",
|
|
388
|
+
"name": "Green Subtle",
|
|
389
|
+
"usage": "Subtle green background",
|
|
390
|
+
"l": 88,
|
|
391
|
+
"c": 0.1,
|
|
392
|
+
"h": 145
|
|
393
|
+
},
|
|
394
|
+
"greenSoft": {
|
|
395
|
+
"oklch": "oklch(65% 0.11 145)",
|
|
396
|
+
"name": "Green Soft",
|
|
397
|
+
"usage": "Soft green",
|
|
398
|
+
"l": 65,
|
|
399
|
+
"c": 0.11,
|
|
400
|
+
"h": 145
|
|
401
|
+
},
|
|
402
|
+
"greenStrong": {
|
|
403
|
+
"oklch": "oklch(45% 0.13 145)",
|
|
404
|
+
"name": "Green Strong",
|
|
405
|
+
"usage": "Strong green",
|
|
406
|
+
"l": 45,
|
|
407
|
+
"c": 0.13,
|
|
408
|
+
"h": 145
|
|
409
|
+
},
|
|
410
|
+
"greenOutline": {
|
|
411
|
+
"oklch": "oklch(40% 0.11 145)",
|
|
412
|
+
"name": "Green Outline",
|
|
413
|
+
"usage": "Green outline/border",
|
|
414
|
+
"l": 40,
|
|
415
|
+
"c": 0.11,
|
|
416
|
+
"h": 145
|
|
417
|
+
},
|
|
418
|
+
"onGreen": {
|
|
419
|
+
"oklch": "oklch(100% 0 0)",
|
|
420
|
+
"name": "On Green",
|
|
421
|
+
"usage": "Text on green",
|
|
422
|
+
"l": 100,
|
|
423
|
+
"c": 0,
|
|
424
|
+
"h": 0
|
|
425
|
+
},
|
|
426
|
+
"yellow": {
|
|
427
|
+
"oklch": "oklch(75% 0.14 90)",
|
|
428
|
+
"name": "Yellow",
|
|
429
|
+
"usage": "Base yellow",
|
|
430
|
+
"l": 75,
|
|
431
|
+
"c": 0.14,
|
|
432
|
+
"h": 90
|
|
433
|
+
},
|
|
434
|
+
"yellowSubtle": {
|
|
435
|
+
"oklch": "oklch(95% 0.11 90)",
|
|
436
|
+
"name": "Yellow Subtle",
|
|
437
|
+
"usage": "Subtle yellow background",
|
|
438
|
+
"l": 95,
|
|
439
|
+
"c": 0.11,
|
|
440
|
+
"h": 90
|
|
441
|
+
},
|
|
442
|
+
"yellowSoft": {
|
|
443
|
+
"oklch": "oklch(82% 0.13 90)",
|
|
444
|
+
"name": "Yellow Soft",
|
|
445
|
+
"usage": "Soft yellow",
|
|
446
|
+
"l": 82,
|
|
447
|
+
"c": 0.13,
|
|
448
|
+
"h": 90
|
|
449
|
+
},
|
|
450
|
+
"yellowStrong": {
|
|
451
|
+
"oklch": "oklch(65% 0.15 90)",
|
|
452
|
+
"name": "Yellow Strong",
|
|
453
|
+
"usage": "Strong yellow",
|
|
454
|
+
"l": 65,
|
|
455
|
+
"c": 0.15,
|
|
456
|
+
"h": 90
|
|
457
|
+
},
|
|
458
|
+
"yellowOutline": {
|
|
459
|
+
"oklch": "oklch(60% 0.13 90)",
|
|
460
|
+
"name": "Yellow Outline",
|
|
461
|
+
"usage": "Yellow outline/border",
|
|
462
|
+
"l": 60,
|
|
463
|
+
"c": 0.13,
|
|
464
|
+
"h": 90
|
|
465
|
+
},
|
|
466
|
+
"onYellow": {
|
|
467
|
+
"oklch": "oklch(0% 0 0)",
|
|
468
|
+
"name": "On Yellow",
|
|
469
|
+
"usage": "Text on yellow",
|
|
470
|
+
"l": 0,
|
|
471
|
+
"c": 0,
|
|
472
|
+
"h": 0
|
|
473
|
+
},
|
|
474
|
+
"magenta": {
|
|
475
|
+
"oklch": "oklch(55% 0.18 330)",
|
|
476
|
+
"name": "Magenta",
|
|
477
|
+
"usage": "Base magenta",
|
|
478
|
+
"l": 55,
|
|
479
|
+
"c": 0.18,
|
|
480
|
+
"h": 330
|
|
481
|
+
},
|
|
482
|
+
"magentaSubtle": {
|
|
483
|
+
"oklch": "oklch(88% 0.14 330)",
|
|
484
|
+
"name": "Magenta Subtle",
|
|
485
|
+
"usage": "Subtle magenta background",
|
|
486
|
+
"l": 88,
|
|
487
|
+
"c": 0.14,
|
|
488
|
+
"h": 330
|
|
489
|
+
},
|
|
490
|
+
"magentaSoft": {
|
|
491
|
+
"oklch": "oklch(65% 0.16 330)",
|
|
492
|
+
"name": "Magenta Soft",
|
|
493
|
+
"usage": "Soft magenta",
|
|
494
|
+
"l": 65,
|
|
495
|
+
"c": 0.16,
|
|
496
|
+
"h": 330
|
|
497
|
+
},
|
|
498
|
+
"magentaStrong": {
|
|
499
|
+
"oklch": "oklch(45% 0.20 330)",
|
|
500
|
+
"name": "Magenta Strong",
|
|
501
|
+
"usage": "Strong magenta",
|
|
502
|
+
"l": 45,
|
|
503
|
+
"c": 0.2,
|
|
504
|
+
"h": 330
|
|
505
|
+
},
|
|
506
|
+
"magentaOutline": {
|
|
507
|
+
"oklch": "oklch(40% 0.16 330)",
|
|
508
|
+
"name": "Magenta Outline",
|
|
509
|
+
"usage": "Magenta outline/border",
|
|
510
|
+
"l": 40,
|
|
511
|
+
"c": 0.16,
|
|
512
|
+
"h": 330
|
|
513
|
+
},
|
|
514
|
+
"onMagenta": {
|
|
515
|
+
"oklch": "oklch(100% 0 0)",
|
|
516
|
+
"name": "On Magenta",
|
|
517
|
+
"usage": "Text on magenta",
|
|
518
|
+
"l": 100,
|
|
519
|
+
"c": 0,
|
|
520
|
+
"h": 0
|
|
521
|
+
},
|
|
522
|
+
"cyan": {
|
|
523
|
+
"oklch": "oklch(65% 0.10 200)",
|
|
524
|
+
"name": "Cyan",
|
|
525
|
+
"usage": "Base cyan",
|
|
526
|
+
"l": 65,
|
|
527
|
+
"c": 0.1,
|
|
528
|
+
"h": 200
|
|
529
|
+
},
|
|
530
|
+
"cyanSubtle": {
|
|
531
|
+
"oklch": "oklch(90% 0.08 200)",
|
|
532
|
+
"name": "Cyan Subtle",
|
|
533
|
+
"usage": "Subtle cyan background",
|
|
534
|
+
"l": 90,
|
|
535
|
+
"c": 0.08,
|
|
536
|
+
"h": 200
|
|
537
|
+
},
|
|
538
|
+
"cyanSoft": {
|
|
539
|
+
"oklch": "oklch(72% 0.09 200)",
|
|
540
|
+
"name": "Cyan Soft",
|
|
541
|
+
"usage": "Soft cyan",
|
|
542
|
+
"l": 72,
|
|
543
|
+
"c": 0.09,
|
|
544
|
+
"h": 200
|
|
545
|
+
},
|
|
546
|
+
"cyanStrong": {
|
|
547
|
+
"oklch": "oklch(55% 0.11 200)",
|
|
548
|
+
"name": "Cyan Strong",
|
|
549
|
+
"usage": "Strong cyan",
|
|
550
|
+
"l": 55,
|
|
551
|
+
"c": 0.11,
|
|
552
|
+
"h": 200
|
|
553
|
+
},
|
|
554
|
+
"cyanOutline": {
|
|
555
|
+
"oklch": "oklch(50% 0.09 200)",
|
|
556
|
+
"name": "Cyan Outline",
|
|
557
|
+
"usage": "Cyan outline/border",
|
|
558
|
+
"l": 50,
|
|
559
|
+
"c": 0.09,
|
|
560
|
+
"h": 200
|
|
561
|
+
},
|
|
562
|
+
"onCyan": {
|
|
563
|
+
"oklch": "oklch(0% 0 0)",
|
|
564
|
+
"name": "On Cyan",
|
|
565
|
+
"usage": "Text on cyan",
|
|
566
|
+
"l": 0,
|
|
567
|
+
"c": 0,
|
|
568
|
+
"h": 0
|
|
569
|
+
},
|
|
570
|
+
"teal": {
|
|
571
|
+
"oklch": "oklch(55% 0.10 175)",
|
|
572
|
+
"name": "Teal",
|
|
573
|
+
"usage": "Base teal",
|
|
574
|
+
"l": 55,
|
|
575
|
+
"c": 0.1,
|
|
576
|
+
"h": 175
|
|
577
|
+
},
|
|
578
|
+
"tealSubtle": {
|
|
579
|
+
"oklch": "oklch(88% 0.08 175)",
|
|
580
|
+
"name": "Teal Subtle",
|
|
581
|
+
"usage": "Subtle teal background",
|
|
582
|
+
"l": 88,
|
|
583
|
+
"c": 0.08,
|
|
584
|
+
"h": 175
|
|
585
|
+
},
|
|
586
|
+
"tealSoft": {
|
|
587
|
+
"oklch": "oklch(65% 0.09 175)",
|
|
588
|
+
"name": "Teal Soft",
|
|
589
|
+
"usage": "Soft teal",
|
|
590
|
+
"l": 65,
|
|
591
|
+
"c": 0.09,
|
|
592
|
+
"h": 175
|
|
593
|
+
},
|
|
594
|
+
"tealStrong": {
|
|
595
|
+
"oklch": "oklch(45% 0.11 175)",
|
|
596
|
+
"name": "Teal Strong",
|
|
597
|
+
"usage": "Strong teal",
|
|
598
|
+
"l": 45,
|
|
599
|
+
"c": 0.11,
|
|
600
|
+
"h": 175
|
|
601
|
+
},
|
|
602
|
+
"tealOutline": {
|
|
603
|
+
"oklch": "oklch(40% 0.09 175)",
|
|
604
|
+
"name": "Teal Outline",
|
|
605
|
+
"usage": "Teal outline/border",
|
|
606
|
+
"l": 40,
|
|
607
|
+
"c": 0.09,
|
|
608
|
+
"h": 175
|
|
609
|
+
},
|
|
610
|
+
"onTeal": {
|
|
611
|
+
"oklch": "oklch(100% 0 0)",
|
|
612
|
+
"name": "On Teal",
|
|
613
|
+
"usage": "Text on teal",
|
|
614
|
+
"l": 100,
|
|
615
|
+
"c": 0,
|
|
616
|
+
"h": 0
|
|
617
|
+
},
|
|
618
|
+
"pink": {
|
|
619
|
+
"oklch": "oklch(70% 0.12 0)",
|
|
620
|
+
"name": "Pink",
|
|
621
|
+
"usage": "Base pink",
|
|
622
|
+
"l": 70,
|
|
623
|
+
"c": 0.12,
|
|
624
|
+
"h": 0
|
|
625
|
+
},
|
|
626
|
+
"pinkSubtle": {
|
|
627
|
+
"oklch": "oklch(92% 0.10 0)",
|
|
628
|
+
"name": "Pink Subtle",
|
|
629
|
+
"usage": "Subtle pink background",
|
|
630
|
+
"l": 92,
|
|
631
|
+
"c": 0.1,
|
|
632
|
+
"h": 0
|
|
633
|
+
},
|
|
634
|
+
"pinkSoft": {
|
|
635
|
+
"oklch": "oklch(78% 0.11 0)",
|
|
636
|
+
"name": "Pink Soft",
|
|
637
|
+
"usage": "Soft pink",
|
|
638
|
+
"l": 78,
|
|
639
|
+
"c": 0.11,
|
|
640
|
+
"h": 0
|
|
641
|
+
},
|
|
642
|
+
"pinkStrong": {
|
|
643
|
+
"oklch": "oklch(60% 0.13 0)",
|
|
644
|
+
"name": "Pink Strong",
|
|
645
|
+
"usage": "Strong pink",
|
|
646
|
+
"l": 60,
|
|
647
|
+
"c": 0.13,
|
|
648
|
+
"h": 0
|
|
649
|
+
},
|
|
650
|
+
"pinkOutline": {
|
|
651
|
+
"oklch": "oklch(55% 0.11 0)",
|
|
652
|
+
"name": "Pink Outline",
|
|
653
|
+
"usage": "Pink outline/border",
|
|
654
|
+
"l": 55,
|
|
655
|
+
"c": 0.11,
|
|
656
|
+
"h": 0
|
|
657
|
+
},
|
|
658
|
+
"onPink": {
|
|
659
|
+
"oklch": "oklch(0% 0 0)",
|
|
660
|
+
"name": "On Pink",
|
|
661
|
+
"usage": "Text on pink",
|
|
662
|
+
"l": 0,
|
|
663
|
+
"c": 0,
|
|
664
|
+
"h": 0
|
|
665
|
+
},
|
|
666
|
+
"gold": {
|
|
667
|
+
"oklch": "oklch(70% 0.12 70)",
|
|
668
|
+
"name": "Gold",
|
|
669
|
+
"usage": "Base gold",
|
|
670
|
+
"l": 70,
|
|
671
|
+
"c": 0.12,
|
|
672
|
+
"h": 70
|
|
673
|
+
},
|
|
674
|
+
"goldSubtle": {
|
|
675
|
+
"oklch": "oklch(92% 0.10 70)",
|
|
676
|
+
"name": "Gold Subtle",
|
|
677
|
+
"usage": "Subtle gold background",
|
|
678
|
+
"l": 92,
|
|
679
|
+
"c": 0.1,
|
|
680
|
+
"h": 70
|
|
681
|
+
},
|
|
682
|
+
"goldSoft": {
|
|
683
|
+
"oklch": "oklch(78% 0.11 70)",
|
|
684
|
+
"name": "Gold Soft",
|
|
685
|
+
"usage": "Soft gold",
|
|
686
|
+
"l": 78,
|
|
687
|
+
"c": 0.11,
|
|
688
|
+
"h": 70
|
|
689
|
+
},
|
|
690
|
+
"goldStrong": {
|
|
691
|
+
"oklch": "oklch(60% 0.13 70)",
|
|
692
|
+
"name": "Gold Strong",
|
|
693
|
+
"usage": "Strong gold",
|
|
694
|
+
"l": 60,
|
|
695
|
+
"c": 0.13,
|
|
696
|
+
"h": 70
|
|
697
|
+
},
|
|
698
|
+
"goldOutline": {
|
|
699
|
+
"oklch": "oklch(55% 0.11 70)",
|
|
700
|
+
"name": "Gold Outline",
|
|
701
|
+
"usage": "Gold outline/border",
|
|
702
|
+
"l": 55,
|
|
703
|
+
"c": 0.11,
|
|
704
|
+
"h": 70
|
|
705
|
+
},
|
|
706
|
+
"onGold": {
|
|
707
|
+
"oklch": "oklch(0% 0 0)",
|
|
708
|
+
"name": "On Gold",
|
|
709
|
+
"usage": "Text on gold",
|
|
710
|
+
"l": 0,
|
|
711
|
+
"c": 0,
|
|
712
|
+
"h": 0
|
|
713
|
+
},
|
|
714
|
+
"silver": {
|
|
715
|
+
"oklch": "oklch(75% 0.01 250)",
|
|
716
|
+
"name": "Silver",
|
|
717
|
+
"usage": "Base silver",
|
|
718
|
+
"l": 75,
|
|
719
|
+
"c": 0.01,
|
|
720
|
+
"h": 250
|
|
721
|
+
},
|
|
722
|
+
"silverSubtle": {
|
|
723
|
+
"oklch": "oklch(92% 0.008 250)",
|
|
724
|
+
"name": "Silver Subtle",
|
|
725
|
+
"usage": "Subtle silver background",
|
|
726
|
+
"l": 92,
|
|
727
|
+
"c": 0.008,
|
|
728
|
+
"h": 250
|
|
729
|
+
},
|
|
730
|
+
"silverSoft": {
|
|
731
|
+
"oklch": "oklch(82% 0.009 250)",
|
|
732
|
+
"name": "Silver Soft",
|
|
733
|
+
"usage": "Soft silver",
|
|
734
|
+
"l": 82,
|
|
735
|
+
"c": 0.009,
|
|
736
|
+
"h": 250
|
|
737
|
+
},
|
|
738
|
+
"silverStrong": {
|
|
739
|
+
"oklch": "oklch(65% 0.012 250)",
|
|
740
|
+
"name": "Silver Strong",
|
|
741
|
+
"usage": "Strong silver",
|
|
742
|
+
"l": 65,
|
|
743
|
+
"c": 0.012,
|
|
744
|
+
"h": 250
|
|
745
|
+
},
|
|
746
|
+
"silverOutline": {
|
|
747
|
+
"oklch": "oklch(60% 0.009 250)",
|
|
748
|
+
"name": "Silver Outline",
|
|
749
|
+
"usage": "Silver outline/border",
|
|
750
|
+
"l": 60,
|
|
751
|
+
"c": 0.009,
|
|
752
|
+
"h": 250
|
|
753
|
+
},
|
|
754
|
+
"onSilver": {
|
|
755
|
+
"oklch": "oklch(0% 0 0)",
|
|
756
|
+
"name": "On Silver",
|
|
757
|
+
"usage": "Text on silver",
|
|
758
|
+
"l": 0,
|
|
759
|
+
"c": 0,
|
|
760
|
+
"h": 0
|
|
761
|
+
},
|
|
282
762
|
"accent": {
|
|
283
763
|
"oklch": "oklch(52% 0.14 275)",
|
|
284
764
|
"name": "Accent",
|
|
@@ -848,6 +1328,486 @@ export default {
|
|
|
848
1328
|
"c": 0.01,
|
|
849
1329
|
"h": 85
|
|
850
1330
|
},
|
|
1331
|
+
"red": {
|
|
1332
|
+
"oklch": "oklch(70% 0.12 25)",
|
|
1333
|
+
"name": "Red",
|
|
1334
|
+
"usage": "Base red",
|
|
1335
|
+
"l": 70,
|
|
1336
|
+
"c": 0.12,
|
|
1337
|
+
"h": 25
|
|
1338
|
+
},
|
|
1339
|
+
"redSubtle": {
|
|
1340
|
+
"oklch": "oklch(40% 0.10 25)",
|
|
1341
|
+
"name": "Red Subtle",
|
|
1342
|
+
"usage": "Subtle red background",
|
|
1343
|
+
"l": 40,
|
|
1344
|
+
"c": 0.1,
|
|
1345
|
+
"h": 25
|
|
1346
|
+
},
|
|
1347
|
+
"redSoft": {
|
|
1348
|
+
"oklch": "oklch(78% 0.11 25)",
|
|
1349
|
+
"name": "Red Soft",
|
|
1350
|
+
"usage": "Soft red",
|
|
1351
|
+
"l": 78,
|
|
1352
|
+
"c": 0.11,
|
|
1353
|
+
"h": 25
|
|
1354
|
+
},
|
|
1355
|
+
"redStrong": {
|
|
1356
|
+
"oklch": "oklch(60% 0.13 25)",
|
|
1357
|
+
"name": "Red Strong",
|
|
1358
|
+
"usage": "Strong red",
|
|
1359
|
+
"l": 60,
|
|
1360
|
+
"c": 0.13,
|
|
1361
|
+
"h": 25
|
|
1362
|
+
},
|
|
1363
|
+
"redOutline": {
|
|
1364
|
+
"oklch": "oklch(55% 0.11 25)",
|
|
1365
|
+
"name": "Red Outline",
|
|
1366
|
+
"usage": "Red outline/border",
|
|
1367
|
+
"l": 55,
|
|
1368
|
+
"c": 0.11,
|
|
1369
|
+
"h": 25
|
|
1370
|
+
},
|
|
1371
|
+
"onRed": {
|
|
1372
|
+
"oklch": "oklch(0% 0 0)",
|
|
1373
|
+
"name": "On Red",
|
|
1374
|
+
"usage": "Text on red",
|
|
1375
|
+
"l": 0,
|
|
1376
|
+
"c": 0,
|
|
1377
|
+
"h": 0
|
|
1378
|
+
},
|
|
1379
|
+
"blue": {
|
|
1380
|
+
"oklch": "oklch(70% 0.10 250)",
|
|
1381
|
+
"name": "Blue",
|
|
1382
|
+
"usage": "Base blue",
|
|
1383
|
+
"l": 70,
|
|
1384
|
+
"c": 0.1,
|
|
1385
|
+
"h": 250
|
|
1386
|
+
},
|
|
1387
|
+
"blueSubtle": {
|
|
1388
|
+
"oklch": "oklch(38% 0.08 250)",
|
|
1389
|
+
"name": "Blue Subtle",
|
|
1390
|
+
"usage": "Subtle blue background",
|
|
1391
|
+
"l": 38,
|
|
1392
|
+
"c": 0.08,
|
|
1393
|
+
"h": 250
|
|
1394
|
+
},
|
|
1395
|
+
"blueSoft": {
|
|
1396
|
+
"oklch": "oklch(78% 0.09 250)",
|
|
1397
|
+
"name": "Blue Soft",
|
|
1398
|
+
"usage": "Soft blue",
|
|
1399
|
+
"l": 78,
|
|
1400
|
+
"c": 0.09,
|
|
1401
|
+
"h": 250
|
|
1402
|
+
},
|
|
1403
|
+
"blueStrong": {
|
|
1404
|
+
"oklch": "oklch(60% 0.11 250)",
|
|
1405
|
+
"name": "Blue Strong",
|
|
1406
|
+
"usage": "Strong blue",
|
|
1407
|
+
"l": 60,
|
|
1408
|
+
"c": 0.11,
|
|
1409
|
+
"h": 250
|
|
1410
|
+
},
|
|
1411
|
+
"blueOutline": {
|
|
1412
|
+
"oklch": "oklch(55% 0.09 250)",
|
|
1413
|
+
"name": "Blue Outline",
|
|
1414
|
+
"usage": "Blue outline/border",
|
|
1415
|
+
"l": 55,
|
|
1416
|
+
"c": 0.09,
|
|
1417
|
+
"h": 250
|
|
1418
|
+
},
|
|
1419
|
+
"onBlue": {
|
|
1420
|
+
"oklch": "oklch(0% 0 0)",
|
|
1421
|
+
"name": "On Blue",
|
|
1422
|
+
"usage": "Text on blue",
|
|
1423
|
+
"l": 0,
|
|
1424
|
+
"c": 0,
|
|
1425
|
+
"h": 0
|
|
1426
|
+
},
|
|
1427
|
+
"green": {
|
|
1428
|
+
"oklch": "oklch(70% 0.10 145)",
|
|
1429
|
+
"name": "Green",
|
|
1430
|
+
"usage": "Base green",
|
|
1431
|
+
"l": 70,
|
|
1432
|
+
"c": 0.1,
|
|
1433
|
+
"h": 145
|
|
1434
|
+
},
|
|
1435
|
+
"greenSubtle": {
|
|
1436
|
+
"oklch": "oklch(40% 0.08 145)",
|
|
1437
|
+
"name": "Green Subtle",
|
|
1438
|
+
"usage": "Subtle green background",
|
|
1439
|
+
"l": 40,
|
|
1440
|
+
"c": 0.08,
|
|
1441
|
+
"h": 145
|
|
1442
|
+
},
|
|
1443
|
+
"greenSoft": {
|
|
1444
|
+
"oklch": "oklch(78% 0.09 145)",
|
|
1445
|
+
"name": "Green Soft",
|
|
1446
|
+
"usage": "Soft green",
|
|
1447
|
+
"l": 78,
|
|
1448
|
+
"c": 0.09,
|
|
1449
|
+
"h": 145
|
|
1450
|
+
},
|
|
1451
|
+
"greenStrong": {
|
|
1452
|
+
"oklch": "oklch(60% 0.11 145)",
|
|
1453
|
+
"name": "Green Strong",
|
|
1454
|
+
"usage": "Strong green",
|
|
1455
|
+
"l": 60,
|
|
1456
|
+
"c": 0.11,
|
|
1457
|
+
"h": 145
|
|
1458
|
+
},
|
|
1459
|
+
"greenOutline": {
|
|
1460
|
+
"oklch": "oklch(55% 0.09 145)",
|
|
1461
|
+
"name": "Green Outline",
|
|
1462
|
+
"usage": "Green outline/border",
|
|
1463
|
+
"l": 55,
|
|
1464
|
+
"c": 0.09,
|
|
1465
|
+
"h": 145
|
|
1466
|
+
},
|
|
1467
|
+
"onGreen": {
|
|
1468
|
+
"oklch": "oklch(0% 0 0)",
|
|
1469
|
+
"name": "On Green",
|
|
1470
|
+
"usage": "Text on green",
|
|
1471
|
+
"l": 0,
|
|
1472
|
+
"c": 0,
|
|
1473
|
+
"h": 0
|
|
1474
|
+
},
|
|
1475
|
+
"yellow": {
|
|
1476
|
+
"oklch": "oklch(85% 0.12 90)",
|
|
1477
|
+
"name": "Yellow",
|
|
1478
|
+
"usage": "Base yellow",
|
|
1479
|
+
"l": 85,
|
|
1480
|
+
"c": 0.12,
|
|
1481
|
+
"h": 90
|
|
1482
|
+
},
|
|
1483
|
+
"yellowSubtle": {
|
|
1484
|
+
"oklch": "oklch(50% 0.10 90)",
|
|
1485
|
+
"name": "Yellow Subtle",
|
|
1486
|
+
"usage": "Subtle yellow background",
|
|
1487
|
+
"l": 50,
|
|
1488
|
+
"c": 0.1,
|
|
1489
|
+
"h": 90
|
|
1490
|
+
},
|
|
1491
|
+
"yellowSoft": {
|
|
1492
|
+
"oklch": "oklch(90% 0.11 90)",
|
|
1493
|
+
"name": "Yellow Soft",
|
|
1494
|
+
"usage": "Soft yellow",
|
|
1495
|
+
"l": 90,
|
|
1496
|
+
"c": 0.11,
|
|
1497
|
+
"h": 90
|
|
1498
|
+
},
|
|
1499
|
+
"yellowStrong": {
|
|
1500
|
+
"oklch": "oklch(75% 0.13 90)",
|
|
1501
|
+
"name": "Yellow Strong",
|
|
1502
|
+
"usage": "Strong yellow",
|
|
1503
|
+
"l": 75,
|
|
1504
|
+
"c": 0.13,
|
|
1505
|
+
"h": 90
|
|
1506
|
+
},
|
|
1507
|
+
"yellowOutline": {
|
|
1508
|
+
"oklch": "oklch(70% 0.11 90)",
|
|
1509
|
+
"name": "Yellow Outline",
|
|
1510
|
+
"usage": "Yellow outline/border",
|
|
1511
|
+
"l": 70,
|
|
1512
|
+
"c": 0.11,
|
|
1513
|
+
"h": 90
|
|
1514
|
+
},
|
|
1515
|
+
"onYellow": {
|
|
1516
|
+
"oklch": "oklch(0% 0 0)",
|
|
1517
|
+
"name": "On Yellow",
|
|
1518
|
+
"usage": "Text on yellow",
|
|
1519
|
+
"l": 0,
|
|
1520
|
+
"c": 0,
|
|
1521
|
+
"h": 0
|
|
1522
|
+
},
|
|
1523
|
+
"magenta": {
|
|
1524
|
+
"oklch": "oklch(70% 0.15 330)",
|
|
1525
|
+
"name": "Magenta",
|
|
1526
|
+
"usage": "Base magenta",
|
|
1527
|
+
"l": 70,
|
|
1528
|
+
"c": 0.15,
|
|
1529
|
+
"h": 330
|
|
1530
|
+
},
|
|
1531
|
+
"magentaSubtle": {
|
|
1532
|
+
"oklch": "oklch(40% 0.12 330)",
|
|
1533
|
+
"name": "Magenta Subtle",
|
|
1534
|
+
"usage": "Subtle magenta background",
|
|
1535
|
+
"l": 40,
|
|
1536
|
+
"c": 0.12,
|
|
1537
|
+
"h": 330
|
|
1538
|
+
},
|
|
1539
|
+
"magentaSoft": {
|
|
1540
|
+
"oklch": "oklch(78% 0.14 330)",
|
|
1541
|
+
"name": "Magenta Soft",
|
|
1542
|
+
"usage": "Soft magenta",
|
|
1543
|
+
"l": 78,
|
|
1544
|
+
"c": 0.14,
|
|
1545
|
+
"h": 330
|
|
1546
|
+
},
|
|
1547
|
+
"magentaStrong": {
|
|
1548
|
+
"oklch": "oklch(60% 0.17 330)",
|
|
1549
|
+
"name": "Magenta Strong",
|
|
1550
|
+
"usage": "Strong magenta",
|
|
1551
|
+
"l": 60,
|
|
1552
|
+
"c": 0.17,
|
|
1553
|
+
"h": 330
|
|
1554
|
+
},
|
|
1555
|
+
"magentaOutline": {
|
|
1556
|
+
"oklch": "oklch(55% 0.14 330)",
|
|
1557
|
+
"name": "Magenta Outline",
|
|
1558
|
+
"usage": "Magenta outline/border",
|
|
1559
|
+
"l": 55,
|
|
1560
|
+
"c": 0.14,
|
|
1561
|
+
"h": 330
|
|
1562
|
+
},
|
|
1563
|
+
"onMagenta": {
|
|
1564
|
+
"oklch": "oklch(0% 0 0)",
|
|
1565
|
+
"name": "On Magenta",
|
|
1566
|
+
"usage": "Text on magenta",
|
|
1567
|
+
"l": 0,
|
|
1568
|
+
"c": 0,
|
|
1569
|
+
"h": 0
|
|
1570
|
+
},
|
|
1571
|
+
"cyan": {
|
|
1572
|
+
"oklch": "oklch(75% 0.08 200)",
|
|
1573
|
+
"name": "Cyan",
|
|
1574
|
+
"usage": "Base cyan",
|
|
1575
|
+
"l": 75,
|
|
1576
|
+
"c": 0.08,
|
|
1577
|
+
"h": 200
|
|
1578
|
+
},
|
|
1579
|
+
"cyanSubtle": {
|
|
1580
|
+
"oklch": "oklch(45% 0.06 200)",
|
|
1581
|
+
"name": "Cyan Subtle",
|
|
1582
|
+
"usage": "Subtle cyan background",
|
|
1583
|
+
"l": 45,
|
|
1584
|
+
"c": 0.06,
|
|
1585
|
+
"h": 200
|
|
1586
|
+
},
|
|
1587
|
+
"cyanSoft": {
|
|
1588
|
+
"oklch": "oklch(82% 0.07 200)",
|
|
1589
|
+
"name": "Cyan Soft",
|
|
1590
|
+
"usage": "Soft cyan",
|
|
1591
|
+
"l": 82,
|
|
1592
|
+
"c": 0.07,
|
|
1593
|
+
"h": 200
|
|
1594
|
+
},
|
|
1595
|
+
"cyanStrong": {
|
|
1596
|
+
"oklch": "oklch(65% 0.09 200)",
|
|
1597
|
+
"name": "Cyan Strong",
|
|
1598
|
+
"usage": "Strong cyan",
|
|
1599
|
+
"l": 65,
|
|
1600
|
+
"c": 0.09,
|
|
1601
|
+
"h": 200
|
|
1602
|
+
},
|
|
1603
|
+
"cyanOutline": {
|
|
1604
|
+
"oklch": "oklch(60% 0.07 200)",
|
|
1605
|
+
"name": "Cyan Outline",
|
|
1606
|
+
"usage": "Cyan outline/border",
|
|
1607
|
+
"l": 60,
|
|
1608
|
+
"c": 0.07,
|
|
1609
|
+
"h": 200
|
|
1610
|
+
},
|
|
1611
|
+
"onCyan": {
|
|
1612
|
+
"oklch": "oklch(0% 0 0)",
|
|
1613
|
+
"name": "On Cyan",
|
|
1614
|
+
"usage": "Text on cyan",
|
|
1615
|
+
"l": 0,
|
|
1616
|
+
"c": 0,
|
|
1617
|
+
"h": 0
|
|
1618
|
+
},
|
|
1619
|
+
"teal": {
|
|
1620
|
+
"oklch": "oklch(70% 0.08 175)",
|
|
1621
|
+
"name": "Teal",
|
|
1622
|
+
"usage": "Base teal",
|
|
1623
|
+
"l": 70,
|
|
1624
|
+
"c": 0.08,
|
|
1625
|
+
"h": 175
|
|
1626
|
+
},
|
|
1627
|
+
"tealSubtle": {
|
|
1628
|
+
"oklch": "oklch(40% 0.06 175)",
|
|
1629
|
+
"name": "Teal Subtle",
|
|
1630
|
+
"usage": "Subtle teal background",
|
|
1631
|
+
"l": 40,
|
|
1632
|
+
"c": 0.06,
|
|
1633
|
+
"h": 175
|
|
1634
|
+
},
|
|
1635
|
+
"tealSoft": {
|
|
1636
|
+
"oklch": "oklch(78% 0.07 175)",
|
|
1637
|
+
"name": "Teal Soft",
|
|
1638
|
+
"usage": "Soft teal",
|
|
1639
|
+
"l": 78,
|
|
1640
|
+
"c": 0.07,
|
|
1641
|
+
"h": 175
|
|
1642
|
+
},
|
|
1643
|
+
"tealStrong": {
|
|
1644
|
+
"oklch": "oklch(60% 0.09 175)",
|
|
1645
|
+
"name": "Teal Strong",
|
|
1646
|
+
"usage": "Strong teal",
|
|
1647
|
+
"l": 60,
|
|
1648
|
+
"c": 0.09,
|
|
1649
|
+
"h": 175
|
|
1650
|
+
},
|
|
1651
|
+
"tealOutline": {
|
|
1652
|
+
"oklch": "oklch(55% 0.07 175)",
|
|
1653
|
+
"name": "Teal Outline",
|
|
1654
|
+
"usage": "Teal outline/border",
|
|
1655
|
+
"l": 55,
|
|
1656
|
+
"c": 0.07,
|
|
1657
|
+
"h": 175
|
|
1658
|
+
},
|
|
1659
|
+
"onTeal": {
|
|
1660
|
+
"oklch": "oklch(0% 0 0)",
|
|
1661
|
+
"name": "On Teal",
|
|
1662
|
+
"usage": "Text on teal",
|
|
1663
|
+
"l": 0,
|
|
1664
|
+
"c": 0,
|
|
1665
|
+
"h": 0
|
|
1666
|
+
},
|
|
1667
|
+
"pink": {
|
|
1668
|
+
"oklch": "oklch(80% 0.10 0)",
|
|
1669
|
+
"name": "Pink",
|
|
1670
|
+
"usage": "Base pink",
|
|
1671
|
+
"l": 80,
|
|
1672
|
+
"c": 0.1,
|
|
1673
|
+
"h": 0
|
|
1674
|
+
},
|
|
1675
|
+
"pinkSubtle": {
|
|
1676
|
+
"oklch": "oklch(48% 0.08 0)",
|
|
1677
|
+
"name": "Pink Subtle",
|
|
1678
|
+
"usage": "Subtle pink background",
|
|
1679
|
+
"l": 48,
|
|
1680
|
+
"c": 0.08,
|
|
1681
|
+
"h": 0
|
|
1682
|
+
},
|
|
1683
|
+
"pinkSoft": {
|
|
1684
|
+
"oklch": "oklch(85% 0.09 0)",
|
|
1685
|
+
"name": "Pink Soft",
|
|
1686
|
+
"usage": "Soft pink",
|
|
1687
|
+
"l": 85,
|
|
1688
|
+
"c": 0.09,
|
|
1689
|
+
"h": 0
|
|
1690
|
+
},
|
|
1691
|
+
"pinkStrong": {
|
|
1692
|
+
"oklch": "oklch(70% 0.11 0)",
|
|
1693
|
+
"name": "Pink Strong",
|
|
1694
|
+
"usage": "Strong pink",
|
|
1695
|
+
"l": 70,
|
|
1696
|
+
"c": 0.11,
|
|
1697
|
+
"h": 0
|
|
1698
|
+
},
|
|
1699
|
+
"pinkOutline": {
|
|
1700
|
+
"oklch": "oklch(65% 0.09 0)",
|
|
1701
|
+
"name": "Pink Outline",
|
|
1702
|
+
"usage": "Pink outline/border",
|
|
1703
|
+
"l": 65,
|
|
1704
|
+
"c": 0.09,
|
|
1705
|
+
"h": 0
|
|
1706
|
+
},
|
|
1707
|
+
"onPink": {
|
|
1708
|
+
"oklch": "oklch(0% 0 0)",
|
|
1709
|
+
"name": "On Pink",
|
|
1710
|
+
"usage": "Text on pink",
|
|
1711
|
+
"l": 0,
|
|
1712
|
+
"c": 0,
|
|
1713
|
+
"h": 0
|
|
1714
|
+
},
|
|
1715
|
+
"gold": {
|
|
1716
|
+
"oklch": "oklch(80% 0.10 70)",
|
|
1717
|
+
"name": "Gold",
|
|
1718
|
+
"usage": "Base gold",
|
|
1719
|
+
"l": 80,
|
|
1720
|
+
"c": 0.1,
|
|
1721
|
+
"h": 70
|
|
1722
|
+
},
|
|
1723
|
+
"goldSubtle": {
|
|
1724
|
+
"oklch": "oklch(48% 0.08 70)",
|
|
1725
|
+
"name": "Gold Subtle",
|
|
1726
|
+
"usage": "Subtle gold background",
|
|
1727
|
+
"l": 48,
|
|
1728
|
+
"c": 0.08,
|
|
1729
|
+
"h": 70
|
|
1730
|
+
},
|
|
1731
|
+
"goldSoft": {
|
|
1732
|
+
"oklch": "oklch(85% 0.09 70)",
|
|
1733
|
+
"name": "Gold Soft",
|
|
1734
|
+
"usage": "Soft gold",
|
|
1735
|
+
"l": 85,
|
|
1736
|
+
"c": 0.09,
|
|
1737
|
+
"h": 70
|
|
1738
|
+
},
|
|
1739
|
+
"goldStrong": {
|
|
1740
|
+
"oklch": "oklch(70% 0.11 70)",
|
|
1741
|
+
"name": "Gold Strong",
|
|
1742
|
+
"usage": "Strong gold",
|
|
1743
|
+
"l": 70,
|
|
1744
|
+
"c": 0.11,
|
|
1745
|
+
"h": 70
|
|
1746
|
+
},
|
|
1747
|
+
"goldOutline": {
|
|
1748
|
+
"oklch": "oklch(65% 0.09 70)",
|
|
1749
|
+
"name": "Gold Outline",
|
|
1750
|
+
"usage": "Gold outline/border",
|
|
1751
|
+
"l": 65,
|
|
1752
|
+
"c": 0.09,
|
|
1753
|
+
"h": 70
|
|
1754
|
+
},
|
|
1755
|
+
"onGold": {
|
|
1756
|
+
"oklch": "oklch(0% 0 0)",
|
|
1757
|
+
"name": "On Gold",
|
|
1758
|
+
"usage": "Text on gold",
|
|
1759
|
+
"l": 0,
|
|
1760
|
+
"c": 0,
|
|
1761
|
+
"h": 0
|
|
1762
|
+
},
|
|
1763
|
+
"silver": {
|
|
1764
|
+
"oklch": "oklch(60% 0.01 250)",
|
|
1765
|
+
"name": "Silver",
|
|
1766
|
+
"usage": "Base silver",
|
|
1767
|
+
"l": 60,
|
|
1768
|
+
"c": 0.01,
|
|
1769
|
+
"h": 250
|
|
1770
|
+
},
|
|
1771
|
+
"silverSubtle": {
|
|
1772
|
+
"oklch": "oklch(35% 0.008 250)",
|
|
1773
|
+
"name": "Silver Subtle",
|
|
1774
|
+
"usage": "Subtle silver background",
|
|
1775
|
+
"l": 35,
|
|
1776
|
+
"c": 0.008,
|
|
1777
|
+
"h": 250
|
|
1778
|
+
},
|
|
1779
|
+
"silverSoft": {
|
|
1780
|
+
"oklch": "oklch(68% 0.009 250)",
|
|
1781
|
+
"name": "Silver Soft",
|
|
1782
|
+
"usage": "Soft silver",
|
|
1783
|
+
"l": 68,
|
|
1784
|
+
"c": 0.009,
|
|
1785
|
+
"h": 250
|
|
1786
|
+
},
|
|
1787
|
+
"silverStrong": {
|
|
1788
|
+
"oklch": "oklch(50% 0.012 250)",
|
|
1789
|
+
"name": "Silver Strong",
|
|
1790
|
+
"usage": "Strong silver",
|
|
1791
|
+
"l": 50,
|
|
1792
|
+
"c": 0.012,
|
|
1793
|
+
"h": 250
|
|
1794
|
+
},
|
|
1795
|
+
"silverOutline": {
|
|
1796
|
+
"oklch": "oklch(45% 0.009 250)",
|
|
1797
|
+
"name": "Silver Outline",
|
|
1798
|
+
"usage": "Silver outline/border",
|
|
1799
|
+
"l": 45,
|
|
1800
|
+
"c": 0.009,
|
|
1801
|
+
"h": 250
|
|
1802
|
+
},
|
|
1803
|
+
"onSilver": {
|
|
1804
|
+
"oklch": "oklch(100% 0 0)",
|
|
1805
|
+
"name": "On Silver",
|
|
1806
|
+
"usage": "Text on silver",
|
|
1807
|
+
"l": 100,
|
|
1808
|
+
"c": 0,
|
|
1809
|
+
"h": 0
|
|
1810
|
+
},
|
|
851
1811
|
"accent": {
|
|
852
1812
|
"oklch": "oklch(65% 0.13 275)",
|
|
853
1813
|
"name": "Accent",
|