@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50
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 +17 -18
- package/dist/css/functional/size/border.css +1 -0
- package/dist/css/functional/themes/dark-colorblind.css +18 -12
- package/dist/css/functional/themes/dark-dimmed.css +20 -14
- package/dist/css/functional/themes/dark-high-contrast.css +258 -252
- package/dist/css/functional/themes/dark-tritanopia.css +20 -14
- package/dist/css/functional/themes/dark.css +20 -14
- package/dist/css/functional/themes/light-colorblind.css +30 -24
- package/dist/css/functional/themes/light-high-contrast.css +154 -148
- package/dist/css/functional/themes/light-tritanopia.css +30 -24
- package/dist/css/functional/themes/light.css +18 -12
- package/dist/css/primitives.css +1 -0
- package/dist/docs/functional/size/border.json +31 -0
- package/dist/docs/functional/themes/dark-colorblind.json +236 -149
- package/dist/docs/functional/themes/dark-dimmed.json +247 -158
- package/dist/docs/functional/themes/dark-high-contrast.json +555 -458
- package/dist/docs/functional/themes/dark-tritanopia.json +240 -153
- package/dist/docs/functional/themes/dark.json +247 -158
- package/dist/docs/functional/themes/light-colorblind.json +254 -173
- package/dist/docs/functional/themes/light-high-contrast.json +452 -361
- package/dist/docs/functional/themes/light-tritanopia.json +252 -171
- package/dist/docs/functional/themes/light.json +246 -157
- package/dist/fallbacks/functional/size/border.json +1 -0
- package/dist/figma/dimension/dimension.json +14 -0
- package/dist/figma/themes/dark-colorblind.json +246 -198
- package/dist/figma/themes/dark-dimmed.json +249 -200
- package/dist/figma/themes/dark-high-contrast.json +675 -625
- package/dist/figma/themes/dark-tritanopia.json +248 -200
- package/dist/figma/themes/dark.json +249 -200
- package/dist/figma/themes/light-colorblind.json +265 -218
- package/dist/figma/themes/light-high-contrast.json +457 -407
- package/dist/figma/themes/light-tritanopia.json +264 -217
- package/dist/figma/themes/light.json +187 -138
- package/dist/internalCss/dark-colorblind.css +18 -12
- package/dist/internalCss/dark-dimmed.css +20 -14
- package/dist/internalCss/dark-high-contrast.css +258 -252
- package/dist/internalCss/dark-tritanopia.css +20 -14
- package/dist/internalCss/dark.css +20 -14
- package/dist/internalCss/light-colorblind.css +30 -24
- package/dist/internalCss/light-high-contrast.css +154 -148
- package/dist/internalCss/light-tritanopia.css +30 -24
- package/dist/internalCss/light.css +18 -12
- package/dist/styleLint/functional/size/border.json +31 -0
- package/dist/styleLint/functional/themes/dark-colorblind.json +236 -149
- package/dist/styleLint/functional/themes/dark-dimmed.json +247 -158
- package/dist/styleLint/functional/themes/dark-high-contrast.json +555 -458
- package/dist/styleLint/functional/themes/dark-tritanopia.json +240 -153
- package/dist/styleLint/functional/themes/dark.json +247 -158
- package/dist/styleLint/functional/themes/light-colorblind.json +254 -173
- package/dist/styleLint/functional/themes/light-high-contrast.json +452 -361
- package/dist/styleLint/functional/themes/light-tritanopia.json +252 -171
- package/dist/styleLint/functional/themes/light.json +246 -157
- package/package.json +38 -35
- package/src/formats/cssAdvanced.ts +3 -3
- package/src/formats/cssCustomMedia.ts +2 -2
- package/src/formats/javascriptCommonJs.ts +2 -2
- package/src/formats/javascriptEsm.ts +2 -2
- package/src/formats/jsonFigma.ts +2 -2
- package/src/formats/jsonNestedPrefixed.ts +2 -2
- package/src/formats/jsonOneDimensional.ts +2 -2
- package/src/formats/jsonPostCssFallback.ts +2 -2
- package/src/formats/typescriptExportDefinition.ts +2 -2
- package/src/schemas/designToken.ts +1 -1
- package/src/schemas/validTokenType.ts +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +528 -2
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
- package/src/tokens/functional/color/dark/patterns-dark.json5 +26 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +78 -65
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +400 -0
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
- package/src/tokens/functional/color/light/patterns-light.json5 +26 -0
- package/src/tokens/functional/color/light/primitives-light.json5 +77 -64
- package/src/tokens/functional/size/border.json +13 -0
|
@@ -348,100 +348,100 @@
|
|
|
348
348
|
--data-gray-color: #808fa3;
|
|
349
349
|
--data-gray-color-muted: #e8ecf2;
|
|
350
350
|
--display-blue-bgColor-muted: #d1f0ff;
|
|
351
|
-
--display-blue-bgColor-emphasis: #
|
|
352
|
-
--display-blue-fgColor: #
|
|
351
|
+
--display-blue-bgColor-emphasis: #004db3;
|
|
352
|
+
--display-blue-fgColor: #003d99;
|
|
353
353
|
--display-blue-borderColor-muted: #ade1ff;
|
|
354
|
-
--display-blue-borderColor-emphasis: #
|
|
354
|
+
--display-blue-borderColor-emphasis: #005fcc;
|
|
355
355
|
--display-green-bgColor-muted: #caf7ca;
|
|
356
|
-
--display-green-bgColor-emphasis: #
|
|
357
|
-
--display-green-fgColor: #
|
|
356
|
+
--display-green-bgColor-emphasis: #285c3b;
|
|
357
|
+
--display-green-fgColor: #254b34;
|
|
358
358
|
--display-green-borderColor-muted: #9ceda0;
|
|
359
|
-
--display-green-borderColor-emphasis: #
|
|
359
|
+
--display-green-borderColor-emphasis: #2b6e3f;
|
|
360
360
|
--display-orange-bgColor-muted: #ffe7d1;
|
|
361
|
-
--display-orange-bgColor-emphasis: #
|
|
362
|
-
--display-orange-fgColor: #
|
|
361
|
+
--display-orange-bgColor-emphasis: #8d3c11;
|
|
362
|
+
--display-orange-fgColor: #70300f;
|
|
363
363
|
--display-orange-borderColor-muted: #fecfaa;
|
|
364
|
-
--display-orange-borderColor-emphasis: #
|
|
364
|
+
--display-orange-borderColor-emphasis: #a24610;
|
|
365
365
|
--display-purple-bgColor-muted: #f1e5ff;
|
|
366
|
-
--display-purple-bgColor-emphasis: #
|
|
367
|
-
--display-purple-fgColor: #
|
|
366
|
+
--display-purple-bgColor-emphasis: #6223d7;
|
|
367
|
+
--display-purple-fgColor: #4f21ab;
|
|
368
368
|
--display-purple-borderColor-muted: #e6d2fe;
|
|
369
|
-
--display-purple-borderColor-emphasis: #
|
|
369
|
+
--display-purple-borderColor-emphasis: #783ae4;
|
|
370
370
|
--display-plum-bgColor-muted: #f8e5ff;
|
|
371
|
-
--display-plum-bgColor-emphasis: #
|
|
372
|
-
--display-plum-fgColor: #
|
|
371
|
+
--display-plum-bgColor-emphasis: #7d1eb8;
|
|
372
|
+
--display-plum-fgColor: #651d96;
|
|
373
373
|
--display-plum-borderColor-muted: #f0cdfe;
|
|
374
|
-
--display-plum-borderColor-emphasis: #
|
|
374
|
+
--display-plum-borderColor-emphasis: #961edc;
|
|
375
375
|
--display-red-bgColor-muted: #ffe2e0;
|
|
376
|
-
--display-red-bgColor-emphasis: #
|
|
377
|
-
--display-red-fgColor: #
|
|
376
|
+
--display-red-bgColor-emphasis: #a60c29;
|
|
377
|
+
--display-red-fgColor: #880c27;
|
|
378
378
|
--display-red-borderColor-muted: #fecdcd;
|
|
379
|
-
--display-red-borderColor-emphasis: #
|
|
379
|
+
--display-red-borderColor-emphasis: #c50d28;
|
|
380
380
|
--display-coral-bgColor-muted: #ffe5db;
|
|
381
|
-
--display-coral-bgColor-emphasis: #
|
|
382
|
-
--display-coral-fgColor: #
|
|
381
|
+
--display-coral-bgColor-emphasis: #9b2712;
|
|
382
|
+
--display-coral-fgColor: #7e2011;
|
|
383
383
|
--display-coral-borderColor-muted: #fecebe;
|
|
384
|
-
--display-coral-borderColor-emphasis: #
|
|
384
|
+
--display-coral-borderColor-emphasis: #ba2e12;
|
|
385
385
|
--display-yellow-bgColor-muted: #ffec9e;
|
|
386
|
-
--display-yellow-bgColor-emphasis: #
|
|
387
|
-
--display-yellow-fgColor: #
|
|
386
|
+
--display-yellow-bgColor-emphasis: #704d00;
|
|
387
|
+
--display-yellow-fgColor: #5c3d00;
|
|
388
388
|
--display-yellow-borderColor-muted: #ffd642;
|
|
389
|
-
--display-yellow-borderColor-emphasis: #
|
|
389
|
+
--display-yellow-borderColor-emphasis: #805900;
|
|
390
390
|
--display-gray-bgColor-muted: #e8ecf2;
|
|
391
|
-
--display-gray-bgColor-emphasis: #
|
|
392
|
-
--display-gray-fgColor: #
|
|
391
|
+
--display-gray-bgColor-emphasis: #4e535a;
|
|
392
|
+
--display-gray-fgColor: #424448;
|
|
393
393
|
--display-gray-borderColor-muted: #d2dae4;
|
|
394
|
-
--display-gray-borderColor-emphasis: #
|
|
394
|
+
--display-gray-borderColor-emphasis: #5c6570;
|
|
395
395
|
--display-auburn-bgColor-muted: #f2e9e9;
|
|
396
|
-
--display-auburn-bgColor-emphasis: #
|
|
397
|
-
--display-auburn-fgColor: #
|
|
396
|
+
--display-auburn-bgColor-emphasis: #744744;
|
|
397
|
+
--display-auburn-fgColor: #5d3937;
|
|
398
398
|
--display-auburn-borderColor-muted: #e6d6d5;
|
|
399
|
-
--display-auburn-borderColor-emphasis: #
|
|
399
|
+
--display-auburn-borderColor-emphasis: #8a5551;
|
|
400
400
|
--display-brown-bgColor-muted: #eeeae2;
|
|
401
|
-
--display-brown-bgColor-emphasis: #
|
|
402
|
-
--display-brown-fgColor: #
|
|
401
|
+
--display-brown-bgColor-emphasis: #64513a;
|
|
402
|
+
--display-brown-fgColor: #51412f;
|
|
403
403
|
--display-brown-borderColor-muted: #dfd7c8;
|
|
404
|
-
--display-brown-borderColor-emphasis: #
|
|
404
|
+
--display-brown-borderColor-emphasis: #755f43;
|
|
405
405
|
--display-lemon-bgColor-muted: #f7eea1;
|
|
406
|
-
--display-lemon-bgColor-emphasis: #
|
|
407
|
-
--display-lemon-fgColor: #
|
|
406
|
+
--display-lemon-bgColor-emphasis: #654f01;
|
|
407
|
+
--display-lemon-fgColor: #523f00;
|
|
408
408
|
--display-lemon-borderColor-muted: #f0db3d;
|
|
409
|
-
--display-lemon-borderColor-emphasis: #
|
|
409
|
+
--display-lemon-borderColor-emphasis: #786002;
|
|
410
410
|
--display-olive-bgColor-muted: #f0f0ad;
|
|
411
|
-
--display-olive-bgColor-emphasis: #
|
|
412
|
-
--display-olive-fgColor: #
|
|
411
|
+
--display-olive-bgColor-emphasis: #495a2b;
|
|
412
|
+
--display-olive-fgColor: #3b4927;
|
|
413
413
|
--display-olive-borderColor-muted: #dbe170;
|
|
414
|
-
--display-olive-borderColor-emphasis: #
|
|
414
|
+
--display-olive-borderColor-emphasis: #56682c;
|
|
415
415
|
--display-lime-bgColor-muted: #e3f2b5;
|
|
416
|
-
--display-lime-bgColor-emphasis: #
|
|
417
|
-
--display-lime-fgColor: #
|
|
416
|
+
--display-lime-bgColor-emphasis: #3a5b25;
|
|
417
|
+
--display-lime-fgColor: #2f4a21;
|
|
418
418
|
--display-lime-borderColor-muted: #c7e580;
|
|
419
|
-
--display-lime-borderColor-emphasis: #
|
|
419
|
+
--display-lime-borderColor-emphasis: #476c28;
|
|
420
420
|
--display-pine-bgColor-muted: #bff8db;
|
|
421
|
-
--display-pine-bgColor-emphasis: #
|
|
422
|
-
--display-pine-fgColor: #
|
|
421
|
+
--display-pine-bgColor-emphasis: #135d41;
|
|
422
|
+
--display-pine-fgColor: #114b36;
|
|
423
423
|
--display-pine-borderColor-muted: #80efb9;
|
|
424
|
-
--display-pine-borderColor-emphasis: #
|
|
424
|
+
--display-pine-borderColor-emphasis: #156f4b;
|
|
425
425
|
--display-teal-bgColor-muted: #c7f5ef;
|
|
426
|
-
--display-teal-bgColor-emphasis: #
|
|
427
|
-
--display-teal-fgColor: #
|
|
426
|
+
--display-teal-bgColor-emphasis: #0d5b63;
|
|
427
|
+
--display-teal-fgColor: #0a4852;
|
|
428
428
|
--display-teal-borderColor-muted: #89ebe1;
|
|
429
|
-
--display-teal-borderColor-emphasis: #
|
|
429
|
+
--display-teal-borderColor-emphasis: #106e75;
|
|
430
430
|
--display-cyan-bgColor-muted: #bdf4ff;
|
|
431
|
-
--display-cyan-bgColor-emphasis: #
|
|
432
|
-
--display-cyan-fgColor: #
|
|
431
|
+
--display-cyan-bgColor-emphasis: #00596b;
|
|
432
|
+
--display-cyan-fgColor: #004857;
|
|
433
433
|
--display-cyan-borderColor-muted: #7ae9ff;
|
|
434
|
-
--display-cyan-borderColor-emphasis: #
|
|
434
|
+
--display-cyan-borderColor-emphasis: #006a80;
|
|
435
435
|
--display-indigo-bgColor-muted: #e5e9ff;
|
|
436
|
-
--display-indigo-bgColor-emphasis: #
|
|
437
|
-
--display-indigo-fgColor: #
|
|
436
|
+
--display-indigo-bgColor-emphasis: #393cd5;
|
|
437
|
+
--display-indigo-fgColor: #2d2db4;
|
|
438
438
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
439
|
-
--display-indigo-borderColor-emphasis: #
|
|
439
|
+
--display-indigo-borderColor-emphasis: #494edf;
|
|
440
440
|
--display-pink-bgColor-muted: #ffe5f1;
|
|
441
|
-
--display-pink-bgColor-emphasis: #
|
|
442
|
-
--display-pink-fgColor: #
|
|
441
|
+
--display-pink-bgColor-emphasis: #8e2e66;
|
|
442
|
+
--display-pink-fgColor: #6e2b53;
|
|
443
443
|
--display-pink-borderColor-muted: #fdc9e2;
|
|
444
|
-
--display-pink-borderColor-emphasis: #
|
|
444
|
+
--display-pink-borderColor-emphasis: #b12f79;
|
|
445
445
|
--avatar-bgColor: #ffffff;
|
|
446
446
|
--avatar-borderColor: #010409e6;
|
|
447
447
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -453,7 +453,7 @@
|
|
|
453
453
|
--control-bgColor-disabled: #ced5dcb3;
|
|
454
454
|
--control-bgColor-selected: #acb6c0;
|
|
455
455
|
--control-fgColor-rest: #0e1116;
|
|
456
|
-
--control-fgColor-placeholder: #
|
|
456
|
+
--control-fgColor-placeholder: #464e58;
|
|
457
457
|
--control-fgColor-disabled: #66707b;
|
|
458
458
|
--control-borderColor-rest: #20252c;
|
|
459
459
|
--control-borderColor-emphasis: #20252c;
|
|
@@ -491,7 +491,7 @@
|
|
|
491
491
|
--controlTrack-bgColor-disabled: #66707b;
|
|
492
492
|
--controlTrack-fgColor-rest: #010409;
|
|
493
493
|
--controlTrack-fgColor-disabled: #ffffff;
|
|
494
|
-
--controlTrack-borderColor-rest: #
|
|
494
|
+
--controlTrack-borderColor-rest: #66707b;
|
|
495
495
|
--controlTrack-borderColor-disabled: #66707b;
|
|
496
496
|
--controlKnob-bgColor-rest: #ffffff;
|
|
497
497
|
--controlKnob-bgColor-disabled: #ced5dcb3;
|
|
@@ -564,8 +564,8 @@
|
|
|
564
564
|
--button-inactive-fgColor: #4b535d;
|
|
565
565
|
--button-inactive-bgColor: #e7ecf0;
|
|
566
566
|
--button-star-iconColor: #d5a824;
|
|
567
|
-
--buttonCounter-default-bgColor-rest: #
|
|
568
|
-
--buttonCounter-invisible-bgColor-rest: #
|
|
567
|
+
--buttonCounter-default-bgColor-rest: #4b535d33;
|
|
568
|
+
--buttonCounter-invisible-bgColor-rest: #4b535d33;
|
|
569
569
|
--buttonCounter-primary-bgColor-rest: #00230b33;
|
|
570
570
|
--buttonCounter-outline-bgColor-rest: #0349b41a;
|
|
571
571
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -714,24 +714,27 @@
|
|
|
714
714
|
--label-coral-fgColor-rest: #ba2e12;
|
|
715
715
|
--label-coral-fgColor-hover: #9b2712;
|
|
716
716
|
--label-coral-fgColor-active: #7e2011;
|
|
717
|
+
--tooltip-bgColor: #0e1116;
|
|
718
|
+
--tooltip-fgColor: #ffffff;
|
|
717
719
|
--fgColor-default: #010409;
|
|
718
720
|
--fgColor-muted: #0e1116;
|
|
719
721
|
--fgColor-onEmphasis: #ffffff;
|
|
722
|
+
--fgColor-onInverse: #ffffff;
|
|
720
723
|
--fgColor-white: #ffffff;
|
|
721
724
|
--fgColor-black: #010409;
|
|
722
725
|
--fgColor-disabled: #66707b;
|
|
723
726
|
--fgColor-link: #023b95;
|
|
724
|
-
--fgColor-neutral: #
|
|
727
|
+
--fgColor-neutral: #343b43;
|
|
725
728
|
--fgColor-accent: #023b95;
|
|
726
|
-
--fgColor-success: #
|
|
727
|
-
--fgColor-
|
|
728
|
-
--fgColor-
|
|
729
|
+
--fgColor-success: #024c1a;
|
|
730
|
+
--fgColor-open: #024c1a;
|
|
731
|
+
--fgColor-attention: #603700;
|
|
732
|
+
--fgColor-severe: #702c00;
|
|
729
733
|
--fgColor-danger: #8a071e;
|
|
730
|
-
--fgColor-open: #055d20;
|
|
731
734
|
--fgColor-closed: #8a071e;
|
|
732
|
-
--fgColor-done: #
|
|
733
|
-
--fgColor-upsell: #
|
|
734
|
-
--fgColor-sponsors: #
|
|
735
|
+
--fgColor-done: #512598;
|
|
736
|
+
--fgColor-upsell: #512598;
|
|
737
|
+
--fgColor-sponsors: #7d0c57;
|
|
735
738
|
--bgColor-default: #ffffff;
|
|
736
739
|
--bgColor-muted: #e7ecf0;
|
|
737
740
|
--bgColor-inset: #ffffff;
|
|
@@ -742,19 +745,19 @@
|
|
|
742
745
|
--bgColor-disabled: #ced5dcb3;
|
|
743
746
|
--bgColor-transparent: #ffffff00;
|
|
744
747
|
--bgColor-neutral-muted: #e7ecf0;
|
|
745
|
-
--bgColor-neutral-emphasis: #
|
|
748
|
+
--bgColor-neutral-emphasis: #4b535d;
|
|
746
749
|
--bgColor-accent-muted: #dff7ff;
|
|
747
750
|
--bgColor-accent-emphasis: #0349b4;
|
|
748
751
|
--bgColor-success-muted: #d2fedb;
|
|
749
752
|
--bgColor-success-emphasis: #055d20;
|
|
753
|
+
--bgColor-open-muted: #d2fedb;
|
|
754
|
+
--bgColor-open-emphasis: #055d20;
|
|
750
755
|
--bgColor-attention-muted: #fcf7be;
|
|
751
756
|
--bgColor-attention-emphasis: #744500;
|
|
752
757
|
--bgColor-severe-muted: #fff2d5;
|
|
753
758
|
--bgColor-severe-emphasis: #873800;
|
|
754
759
|
--bgColor-danger-muted: #fff0ee;
|
|
755
760
|
--bgColor-danger-emphasis: #a0111f;
|
|
756
|
-
--bgColor-open-muted: #d2fedb;
|
|
757
|
-
--bgColor-open-emphasis: #055d20;
|
|
758
761
|
--bgColor-closed-muted: #fff0ee;
|
|
759
762
|
--bgColor-closed-emphasis: #a0111f;
|
|
760
763
|
--bgColor-done-muted: #faf0fe;
|
|
@@ -775,14 +778,14 @@
|
|
|
775
778
|
--borderColor-accent-emphasis: #0349b4;
|
|
776
779
|
--borderColor-success-muted: #26a148;
|
|
777
780
|
--borderColor-success-emphasis: #055d20;
|
|
781
|
+
--borderColor-open-muted: #26a148;
|
|
782
|
+
--borderColor-open-emphasis: #055d20;
|
|
778
783
|
--borderColor-attention-muted: #b58407;
|
|
779
784
|
--borderColor-attention-emphasis: #744500;
|
|
780
785
|
--borderColor-severe-muted: #dc6d1a;
|
|
781
786
|
--borderColor-severe-emphasis: #873800;
|
|
782
787
|
--borderColor-danger-muted: #ee5a5d;
|
|
783
788
|
--borderColor-danger-emphasis: #a0111f;
|
|
784
|
-
--borderColor-open-muted: #26a148;
|
|
785
|
-
--borderColor-open-emphasis: #055d20;
|
|
786
789
|
--borderColor-closed-muted: #ee5a5d66;
|
|
787
790
|
--borderColor-closed-emphasis: #a0111f;
|
|
788
791
|
--borderColor-done-muted: #a371f7;
|
|
@@ -1197,100 +1200,100 @@
|
|
|
1197
1200
|
--data-gray-color: #808fa3;
|
|
1198
1201
|
--data-gray-color-muted: #e8ecf2;
|
|
1199
1202
|
--display-blue-bgColor-muted: #d1f0ff;
|
|
1200
|
-
--display-blue-bgColor-emphasis: #
|
|
1201
|
-
--display-blue-fgColor: #
|
|
1203
|
+
--display-blue-bgColor-emphasis: #004db3;
|
|
1204
|
+
--display-blue-fgColor: #003d99;
|
|
1202
1205
|
--display-blue-borderColor-muted: #ade1ff;
|
|
1203
|
-
--display-blue-borderColor-emphasis: #
|
|
1206
|
+
--display-blue-borderColor-emphasis: #005fcc;
|
|
1204
1207
|
--display-green-bgColor-muted: #caf7ca;
|
|
1205
|
-
--display-green-bgColor-emphasis: #
|
|
1206
|
-
--display-green-fgColor: #
|
|
1208
|
+
--display-green-bgColor-emphasis: #285c3b;
|
|
1209
|
+
--display-green-fgColor: #254b34;
|
|
1207
1210
|
--display-green-borderColor-muted: #9ceda0;
|
|
1208
|
-
--display-green-borderColor-emphasis: #
|
|
1211
|
+
--display-green-borderColor-emphasis: #2b6e3f;
|
|
1209
1212
|
--display-orange-bgColor-muted: #ffe7d1;
|
|
1210
|
-
--display-orange-bgColor-emphasis: #
|
|
1211
|
-
--display-orange-fgColor: #
|
|
1213
|
+
--display-orange-bgColor-emphasis: #8d3c11;
|
|
1214
|
+
--display-orange-fgColor: #70300f;
|
|
1212
1215
|
--display-orange-borderColor-muted: #fecfaa;
|
|
1213
|
-
--display-orange-borderColor-emphasis: #
|
|
1216
|
+
--display-orange-borderColor-emphasis: #a24610;
|
|
1214
1217
|
--display-purple-bgColor-muted: #f1e5ff;
|
|
1215
|
-
--display-purple-bgColor-emphasis: #
|
|
1216
|
-
--display-purple-fgColor: #
|
|
1218
|
+
--display-purple-bgColor-emphasis: #6223d7;
|
|
1219
|
+
--display-purple-fgColor: #4f21ab;
|
|
1217
1220
|
--display-purple-borderColor-muted: #e6d2fe;
|
|
1218
|
-
--display-purple-borderColor-emphasis: #
|
|
1221
|
+
--display-purple-borderColor-emphasis: #783ae4;
|
|
1219
1222
|
--display-plum-bgColor-muted: #f8e5ff;
|
|
1220
|
-
--display-plum-bgColor-emphasis: #
|
|
1221
|
-
--display-plum-fgColor: #
|
|
1223
|
+
--display-plum-bgColor-emphasis: #7d1eb8;
|
|
1224
|
+
--display-plum-fgColor: #651d96;
|
|
1222
1225
|
--display-plum-borderColor-muted: #f0cdfe;
|
|
1223
|
-
--display-plum-borderColor-emphasis: #
|
|
1226
|
+
--display-plum-borderColor-emphasis: #961edc;
|
|
1224
1227
|
--display-red-bgColor-muted: #ffe2e0;
|
|
1225
|
-
--display-red-bgColor-emphasis: #
|
|
1226
|
-
--display-red-fgColor: #
|
|
1228
|
+
--display-red-bgColor-emphasis: #a60c29;
|
|
1229
|
+
--display-red-fgColor: #880c27;
|
|
1227
1230
|
--display-red-borderColor-muted: #fecdcd;
|
|
1228
|
-
--display-red-borderColor-emphasis: #
|
|
1231
|
+
--display-red-borderColor-emphasis: #c50d28;
|
|
1229
1232
|
--display-coral-bgColor-muted: #ffe5db;
|
|
1230
|
-
--display-coral-bgColor-emphasis: #
|
|
1231
|
-
--display-coral-fgColor: #
|
|
1233
|
+
--display-coral-bgColor-emphasis: #9b2712;
|
|
1234
|
+
--display-coral-fgColor: #7e2011;
|
|
1232
1235
|
--display-coral-borderColor-muted: #fecebe;
|
|
1233
|
-
--display-coral-borderColor-emphasis: #
|
|
1236
|
+
--display-coral-borderColor-emphasis: #ba2e12;
|
|
1234
1237
|
--display-yellow-bgColor-muted: #ffec9e;
|
|
1235
|
-
--display-yellow-bgColor-emphasis: #
|
|
1236
|
-
--display-yellow-fgColor: #
|
|
1238
|
+
--display-yellow-bgColor-emphasis: #704d00;
|
|
1239
|
+
--display-yellow-fgColor: #5c3d00;
|
|
1237
1240
|
--display-yellow-borderColor-muted: #ffd642;
|
|
1238
|
-
--display-yellow-borderColor-emphasis: #
|
|
1241
|
+
--display-yellow-borderColor-emphasis: #805900;
|
|
1239
1242
|
--display-gray-bgColor-muted: #e8ecf2;
|
|
1240
|
-
--display-gray-bgColor-emphasis: #
|
|
1241
|
-
--display-gray-fgColor: #
|
|
1243
|
+
--display-gray-bgColor-emphasis: #4e535a;
|
|
1244
|
+
--display-gray-fgColor: #424448;
|
|
1242
1245
|
--display-gray-borderColor-muted: #d2dae4;
|
|
1243
|
-
--display-gray-borderColor-emphasis: #
|
|
1246
|
+
--display-gray-borderColor-emphasis: #5c6570;
|
|
1244
1247
|
--display-auburn-bgColor-muted: #f2e9e9;
|
|
1245
|
-
--display-auburn-bgColor-emphasis: #
|
|
1246
|
-
--display-auburn-fgColor: #
|
|
1248
|
+
--display-auburn-bgColor-emphasis: #744744;
|
|
1249
|
+
--display-auburn-fgColor: #5d3937;
|
|
1247
1250
|
--display-auburn-borderColor-muted: #e6d6d5;
|
|
1248
|
-
--display-auburn-borderColor-emphasis: #
|
|
1251
|
+
--display-auburn-borderColor-emphasis: #8a5551;
|
|
1249
1252
|
--display-brown-bgColor-muted: #eeeae2;
|
|
1250
|
-
--display-brown-bgColor-emphasis: #
|
|
1251
|
-
--display-brown-fgColor: #
|
|
1253
|
+
--display-brown-bgColor-emphasis: #64513a;
|
|
1254
|
+
--display-brown-fgColor: #51412f;
|
|
1252
1255
|
--display-brown-borderColor-muted: #dfd7c8;
|
|
1253
|
-
--display-brown-borderColor-emphasis: #
|
|
1256
|
+
--display-brown-borderColor-emphasis: #755f43;
|
|
1254
1257
|
--display-lemon-bgColor-muted: #f7eea1;
|
|
1255
|
-
--display-lemon-bgColor-emphasis: #
|
|
1256
|
-
--display-lemon-fgColor: #
|
|
1258
|
+
--display-lemon-bgColor-emphasis: #654f01;
|
|
1259
|
+
--display-lemon-fgColor: #523f00;
|
|
1257
1260
|
--display-lemon-borderColor-muted: #f0db3d;
|
|
1258
|
-
--display-lemon-borderColor-emphasis: #
|
|
1261
|
+
--display-lemon-borderColor-emphasis: #786002;
|
|
1259
1262
|
--display-olive-bgColor-muted: #f0f0ad;
|
|
1260
|
-
--display-olive-bgColor-emphasis: #
|
|
1261
|
-
--display-olive-fgColor: #
|
|
1263
|
+
--display-olive-bgColor-emphasis: #495a2b;
|
|
1264
|
+
--display-olive-fgColor: #3b4927;
|
|
1262
1265
|
--display-olive-borderColor-muted: #dbe170;
|
|
1263
|
-
--display-olive-borderColor-emphasis: #
|
|
1266
|
+
--display-olive-borderColor-emphasis: #56682c;
|
|
1264
1267
|
--display-lime-bgColor-muted: #e3f2b5;
|
|
1265
|
-
--display-lime-bgColor-emphasis: #
|
|
1266
|
-
--display-lime-fgColor: #
|
|
1268
|
+
--display-lime-bgColor-emphasis: #3a5b25;
|
|
1269
|
+
--display-lime-fgColor: #2f4a21;
|
|
1267
1270
|
--display-lime-borderColor-muted: #c7e580;
|
|
1268
|
-
--display-lime-borderColor-emphasis: #
|
|
1271
|
+
--display-lime-borderColor-emphasis: #476c28;
|
|
1269
1272
|
--display-pine-bgColor-muted: #bff8db;
|
|
1270
|
-
--display-pine-bgColor-emphasis: #
|
|
1271
|
-
--display-pine-fgColor: #
|
|
1273
|
+
--display-pine-bgColor-emphasis: #135d41;
|
|
1274
|
+
--display-pine-fgColor: #114b36;
|
|
1272
1275
|
--display-pine-borderColor-muted: #80efb9;
|
|
1273
|
-
--display-pine-borderColor-emphasis: #
|
|
1276
|
+
--display-pine-borderColor-emphasis: #156f4b;
|
|
1274
1277
|
--display-teal-bgColor-muted: #c7f5ef;
|
|
1275
|
-
--display-teal-bgColor-emphasis: #
|
|
1276
|
-
--display-teal-fgColor: #
|
|
1278
|
+
--display-teal-bgColor-emphasis: #0d5b63;
|
|
1279
|
+
--display-teal-fgColor: #0a4852;
|
|
1277
1280
|
--display-teal-borderColor-muted: #89ebe1;
|
|
1278
|
-
--display-teal-borderColor-emphasis: #
|
|
1281
|
+
--display-teal-borderColor-emphasis: #106e75;
|
|
1279
1282
|
--display-cyan-bgColor-muted: #bdf4ff;
|
|
1280
|
-
--display-cyan-bgColor-emphasis: #
|
|
1281
|
-
--display-cyan-fgColor: #
|
|
1283
|
+
--display-cyan-bgColor-emphasis: #00596b;
|
|
1284
|
+
--display-cyan-fgColor: #004857;
|
|
1282
1285
|
--display-cyan-borderColor-muted: #7ae9ff;
|
|
1283
|
-
--display-cyan-borderColor-emphasis: #
|
|
1286
|
+
--display-cyan-borderColor-emphasis: #006a80;
|
|
1284
1287
|
--display-indigo-bgColor-muted: #e5e9ff;
|
|
1285
|
-
--display-indigo-bgColor-emphasis: #
|
|
1286
|
-
--display-indigo-fgColor: #
|
|
1288
|
+
--display-indigo-bgColor-emphasis: #393cd5;
|
|
1289
|
+
--display-indigo-fgColor: #2d2db4;
|
|
1287
1290
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
1288
|
-
--display-indigo-borderColor-emphasis: #
|
|
1291
|
+
--display-indigo-borderColor-emphasis: #494edf;
|
|
1289
1292
|
--display-pink-bgColor-muted: #ffe5f1;
|
|
1290
|
-
--display-pink-bgColor-emphasis: #
|
|
1291
|
-
--display-pink-fgColor: #
|
|
1293
|
+
--display-pink-bgColor-emphasis: #8e2e66;
|
|
1294
|
+
--display-pink-fgColor: #6e2b53;
|
|
1292
1295
|
--display-pink-borderColor-muted: #fdc9e2;
|
|
1293
|
-
--display-pink-borderColor-emphasis: #
|
|
1296
|
+
--display-pink-borderColor-emphasis: #b12f79;
|
|
1294
1297
|
--avatar-bgColor: #ffffff;
|
|
1295
1298
|
--avatar-borderColor: #010409e6;
|
|
1296
1299
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -1302,7 +1305,7 @@
|
|
|
1302
1305
|
--control-bgColor-disabled: #ced5dcb3;
|
|
1303
1306
|
--control-bgColor-selected: #acb6c0;
|
|
1304
1307
|
--control-fgColor-rest: #0e1116;
|
|
1305
|
-
--control-fgColor-placeholder: #
|
|
1308
|
+
--control-fgColor-placeholder: #464e58;
|
|
1306
1309
|
--control-fgColor-disabled: #66707b;
|
|
1307
1310
|
--control-borderColor-rest: #20252c;
|
|
1308
1311
|
--control-borderColor-emphasis: #20252c;
|
|
@@ -1340,7 +1343,7 @@
|
|
|
1340
1343
|
--controlTrack-bgColor-disabled: #66707b;
|
|
1341
1344
|
--controlTrack-fgColor-rest: #010409;
|
|
1342
1345
|
--controlTrack-fgColor-disabled: #ffffff;
|
|
1343
|
-
--controlTrack-borderColor-rest: #
|
|
1346
|
+
--controlTrack-borderColor-rest: #66707b;
|
|
1344
1347
|
--controlTrack-borderColor-disabled: #66707b;
|
|
1345
1348
|
--controlKnob-bgColor-rest: #ffffff;
|
|
1346
1349
|
--controlKnob-bgColor-disabled: #ced5dcb3;
|
|
@@ -1413,8 +1416,8 @@
|
|
|
1413
1416
|
--button-inactive-fgColor: #4b535d;
|
|
1414
1417
|
--button-inactive-bgColor: #e7ecf0;
|
|
1415
1418
|
--button-star-iconColor: #d5a824;
|
|
1416
|
-
--buttonCounter-default-bgColor-rest: #
|
|
1417
|
-
--buttonCounter-invisible-bgColor-rest: #
|
|
1419
|
+
--buttonCounter-default-bgColor-rest: #4b535d33;
|
|
1420
|
+
--buttonCounter-invisible-bgColor-rest: #4b535d33;
|
|
1418
1421
|
--buttonCounter-primary-bgColor-rest: #00230b33;
|
|
1419
1422
|
--buttonCounter-outline-bgColor-rest: #0349b41a;
|
|
1420
1423
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -1563,24 +1566,27 @@
|
|
|
1563
1566
|
--label-coral-fgColor-rest: #ba2e12;
|
|
1564
1567
|
--label-coral-fgColor-hover: #9b2712;
|
|
1565
1568
|
--label-coral-fgColor-active: #7e2011;
|
|
1569
|
+
--tooltip-bgColor: #0e1116;
|
|
1570
|
+
--tooltip-fgColor: #ffffff;
|
|
1566
1571
|
--fgColor-default: #010409;
|
|
1567
1572
|
--fgColor-muted: #0e1116;
|
|
1568
1573
|
--fgColor-onEmphasis: #ffffff;
|
|
1574
|
+
--fgColor-onInverse: #ffffff;
|
|
1569
1575
|
--fgColor-white: #ffffff;
|
|
1570
1576
|
--fgColor-black: #010409;
|
|
1571
1577
|
--fgColor-disabled: #66707b;
|
|
1572
1578
|
--fgColor-link: #023b95;
|
|
1573
|
-
--fgColor-neutral: #
|
|
1579
|
+
--fgColor-neutral: #343b43;
|
|
1574
1580
|
--fgColor-accent: #023b95;
|
|
1575
|
-
--fgColor-success: #
|
|
1576
|
-
--fgColor-
|
|
1577
|
-
--fgColor-
|
|
1581
|
+
--fgColor-success: #024c1a;
|
|
1582
|
+
--fgColor-open: #024c1a;
|
|
1583
|
+
--fgColor-attention: #603700;
|
|
1584
|
+
--fgColor-severe: #702c00;
|
|
1578
1585
|
--fgColor-danger: #8a071e;
|
|
1579
|
-
--fgColor-open: #055d20;
|
|
1580
1586
|
--fgColor-closed: #8a071e;
|
|
1581
|
-
--fgColor-done: #
|
|
1582
|
-
--fgColor-upsell: #
|
|
1583
|
-
--fgColor-sponsors: #
|
|
1587
|
+
--fgColor-done: #512598;
|
|
1588
|
+
--fgColor-upsell: #512598;
|
|
1589
|
+
--fgColor-sponsors: #7d0c57;
|
|
1584
1590
|
--bgColor-default: #ffffff;
|
|
1585
1591
|
--bgColor-muted: #e7ecf0;
|
|
1586
1592
|
--bgColor-inset: #ffffff;
|
|
@@ -1591,19 +1597,19 @@
|
|
|
1591
1597
|
--bgColor-disabled: #ced5dcb3;
|
|
1592
1598
|
--bgColor-transparent: #ffffff00;
|
|
1593
1599
|
--bgColor-neutral-muted: #e7ecf0;
|
|
1594
|
-
--bgColor-neutral-emphasis: #
|
|
1600
|
+
--bgColor-neutral-emphasis: #4b535d;
|
|
1595
1601
|
--bgColor-accent-muted: #dff7ff;
|
|
1596
1602
|
--bgColor-accent-emphasis: #0349b4;
|
|
1597
1603
|
--bgColor-success-muted: #d2fedb;
|
|
1598
1604
|
--bgColor-success-emphasis: #055d20;
|
|
1605
|
+
--bgColor-open-muted: #d2fedb;
|
|
1606
|
+
--bgColor-open-emphasis: #055d20;
|
|
1599
1607
|
--bgColor-attention-muted: #fcf7be;
|
|
1600
1608
|
--bgColor-attention-emphasis: #744500;
|
|
1601
1609
|
--bgColor-severe-muted: #fff2d5;
|
|
1602
1610
|
--bgColor-severe-emphasis: #873800;
|
|
1603
1611
|
--bgColor-danger-muted: #fff0ee;
|
|
1604
1612
|
--bgColor-danger-emphasis: #a0111f;
|
|
1605
|
-
--bgColor-open-muted: #d2fedb;
|
|
1606
|
-
--bgColor-open-emphasis: #055d20;
|
|
1607
1613
|
--bgColor-closed-muted: #fff0ee;
|
|
1608
1614
|
--bgColor-closed-emphasis: #a0111f;
|
|
1609
1615
|
--bgColor-done-muted: #faf0fe;
|
|
@@ -1624,14 +1630,14 @@
|
|
|
1624
1630
|
--borderColor-accent-emphasis: #0349b4;
|
|
1625
1631
|
--borderColor-success-muted: #26a148;
|
|
1626
1632
|
--borderColor-success-emphasis: #055d20;
|
|
1633
|
+
--borderColor-open-muted: #26a148;
|
|
1634
|
+
--borderColor-open-emphasis: #055d20;
|
|
1627
1635
|
--borderColor-attention-muted: #b58407;
|
|
1628
1636
|
--borderColor-attention-emphasis: #744500;
|
|
1629
1637
|
--borderColor-severe-muted: #dc6d1a;
|
|
1630
1638
|
--borderColor-severe-emphasis: #873800;
|
|
1631
1639
|
--borderColor-danger-muted: #ee5a5d;
|
|
1632
1640
|
--borderColor-danger-emphasis: #a0111f;
|
|
1633
|
-
--borderColor-open-muted: #26a148;
|
|
1634
|
-
--borderColor-open-emphasis: #055d20;
|
|
1635
1641
|
--borderColor-closed-muted: #ee5a5d66;
|
|
1636
1642
|
--borderColor-closed-emphasis: #a0111f;
|
|
1637
1643
|
--borderColor-done-muted: #a371f7;
|