@primer/primitives 0.0.0-20260709212708 → 0.0.0-20260709220612

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 (51) hide show
  1. package/dist/css/functional/themes/light-colorblind-high-contrast.css +10 -10
  2. package/dist/css/functional/themes/light-colorblind.css +16 -16
  3. package/dist/css/functional/themes/light-high-contrast.css +10 -10
  4. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +10 -10
  5. package/dist/css/functional/themes/light-tritanopia.css +16 -16
  6. package/dist/css/functional/themes/light.css +40 -40
  7. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +52 -18
  8. package/dist/docs/functional/themes/dark-colorblind.json +52 -18
  9. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +52 -18
  10. package/dist/docs/functional/themes/dark-dimmed.json +52 -18
  11. package/dist/docs/functional/themes/dark-high-contrast.json +52 -18
  12. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +52 -18
  13. package/dist/docs/functional/themes/dark-tritanopia.json +52 -18
  14. package/dist/docs/functional/themes/dark.json +52 -18
  15. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +76 -42
  16. package/dist/docs/functional/themes/light-colorblind.json +97 -63
  17. package/dist/docs/functional/themes/light-high-contrast.json +77 -43
  18. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +76 -42
  19. package/dist/docs/functional/themes/light-tritanopia.json +97 -63
  20. package/dist/docs/functional/themes/light.json +136 -102
  21. package/dist/figma/scales/light-high-constrast.json +75 -0
  22. package/dist/figma/scales/light.json +105 -30
  23. package/dist/figma/themes/light-colorblind.json +29 -29
  24. package/dist/figma/themes/light-high-contrast.json +44 -44
  25. package/dist/figma/themes/light-tritanopia.json +29 -29
  26. package/dist/figma/themes/light.json +102 -102
  27. package/dist/internalCss/light-colorblind-high-contrast.css +20 -10
  28. package/dist/internalCss/light-colorblind.css +38 -28
  29. package/dist/internalCss/light-high-contrast.css +20 -10
  30. package/dist/internalCss/light-tritanopia-high-contrast.css +20 -10
  31. package/dist/internalCss/light-tritanopia.css +38 -28
  32. package/dist/internalCss/light.css +44 -34
  33. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +52 -18
  34. package/dist/styleLint/functional/themes/dark-colorblind.json +52 -18
  35. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +52 -18
  36. package/dist/styleLint/functional/themes/dark-dimmed.json +52 -18
  37. package/dist/styleLint/functional/themes/dark-high-contrast.json +52 -18
  38. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +52 -18
  39. package/dist/styleLint/functional/themes/dark-tritanopia.json +52 -18
  40. package/dist/styleLint/functional/themes/dark.json +52 -18
  41. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +76 -42
  42. package/dist/styleLint/functional/themes/light-colorblind.json +97 -63
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +77 -43
  44. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +76 -42
  45. package/dist/styleLint/functional/themes/light-tritanopia.json +97 -63
  46. package/dist/styleLint/functional/themes/light.json +136 -102
  47. package/package.json +1 -1
  48. package/src/tokens/base/color/light/light.json5 +85 -20
  49. package/src/tokens/component/avatarStack.json5 +16 -0
  50. package/src/tokens/functional/color/control.json5 +9 -9
  51. package/src/tokens/functional/color/fgColor.json5 +1 -0
package/dist/internalCss/light-colorblind.css CHANGED
@@ -23,16 +23,21 @@
23
23
  --base-color-coral-7: #801f0f;
24
24
  --base-color-coral-8: #691105;
25
25
  --base-color-coral-9: #510901;
26
- --base-color-green-0: #dafbe1;
27
- --base-color-green-1: #aceebb;
28
- --base-color-green-2: #6fdd8b;
29
- --base-color-green-3: #4ac26b;
30
- --base-color-green-4: #2da44e;
31
- --base-color-green-5: #1a7f37;
32
- --base-color-green-6: #116329;
33
- --base-color-green-7: #044f1e;
34
- --base-color-green-8: #003d16;
35
- --base-color-green-9: #002d11;
26
+ --base-color-green-0: #ebf9f4;
27
+ --base-color-green-1: #bfffd1;
28
+ --base-color-green-10: #0d6731;
29
+ --base-color-green-11: #0e4a2e;
30
+ --base-color-green-12: #0e402a;
31
+ --base-color-green-13: #0d3024;
32
+ --base-color-green-14: #102b1e;
33
+ --base-color-green-2: #abfdbe;
34
+ --base-color-green-3: #8cf2a6;
35
+ --base-color-green-4: #5fed83;
36
+ --base-color-green-5: #55db73;
37
+ --base-color-green-6: #0fbf3e;
38
+ --base-color-green-7: #00a236;
39
+ --base-color-green-8: #08872b;
40
+ --base-color-green-9: #137a33;
36
41
  --base-color-neutral-0: #f9fbf9;
37
42
  --base-color-neutral-1: #f2f7f3;
38
43
  --base-color-neutral-10: #58635b;
@@ -316,8 +321,8 @@
316
321
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
317
322
  --avatar-bgColor: var(--base-color-neutral-0);
318
323
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
319
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
320
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
324
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
325
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
321
326
  --base-color-inset: var(--base-color-neutral-0);
322
327
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
323
328
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -393,7 +398,7 @@
393
398
  --buttonCounter-outline-bgColor-hover: #f9fbf933;
394
399
  --buttonCounter-outline-fgColor-hover: var(--base-color-neutral-0);
395
400
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
396
- --buttonCounter-primary-bgColor-rest: #002d1133;
401
+ --buttonCounter-primary-bgColor-rest: #137a3333;
397
402
  --buttonKeybindingHint-danger-bgColor-active: #1f232866;
398
403
  --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
399
404
  --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-2);
@@ -1053,7 +1058,7 @@
1053
1058
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1054
1059
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1055
1060
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1056
- --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
1061
+ --buttonKeybindingHint-primary-bgColor-disabled: #137a331a;
1057
1062
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1058
1063
  --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
1059
1064
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
@@ -1279,16 +1284,21 @@
1279
1284
  --base-color-coral-7: #801f0f;
1280
1285
  --base-color-coral-8: #691105;
1281
1286
  --base-color-coral-9: #510901;
1282
- --base-color-green-0: #dafbe1;
1283
- --base-color-green-1: #aceebb;
1284
- --base-color-green-2: #6fdd8b;
1285
- --base-color-green-3: #4ac26b;
1286
- --base-color-green-4: #2da44e;
1287
- --base-color-green-5: #1a7f37;
1288
- --base-color-green-6: #116329;
1289
- --base-color-green-7: #044f1e;
1290
- --base-color-green-8: #003d16;
1291
- --base-color-green-9: #002d11;
1287
+ --base-color-green-0: #ebf9f4;
1288
+ --base-color-green-1: #bfffd1;
1289
+ --base-color-green-10: #0d6731;
1290
+ --base-color-green-11: #0e4a2e;
1291
+ --base-color-green-12: #0e402a;
1292
+ --base-color-green-13: #0d3024;
1293
+ --base-color-green-14: #102b1e;
1294
+ --base-color-green-2: #abfdbe;
1295
+ --base-color-green-3: #8cf2a6;
1296
+ --base-color-green-4: #5fed83;
1297
+ --base-color-green-5: #55db73;
1298
+ --base-color-green-6: #0fbf3e;
1299
+ --base-color-green-7: #00a236;
1300
+ --base-color-green-8: #08872b;
1301
+ --base-color-green-9: #137a33;
1292
1302
  --base-color-neutral-0: #f9fbf9;
1293
1303
  --base-color-neutral-1: #f2f7f3;
1294
1304
  --base-color-neutral-10: #58635b;
@@ -1572,8 +1582,8 @@
1572
1582
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
1573
1583
  --avatar-bgColor: var(--base-color-neutral-0);
1574
1584
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
1575
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1576
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1585
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
1586
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
1577
1587
  --base-color-inset: var(--base-color-neutral-0);
1578
1588
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
1579
1589
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -1649,7 +1659,7 @@
1649
1659
  --buttonCounter-outline-bgColor-hover: #f9fbf933;
1650
1660
  --buttonCounter-outline-fgColor-hover: var(--base-color-neutral-0);
1651
1661
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
1652
- --buttonCounter-primary-bgColor-rest: #002d1133;
1662
+ --buttonCounter-primary-bgColor-rest: #137a3333;
1653
1663
  --buttonKeybindingHint-danger-bgColor-active: #1f232866;
1654
1664
  --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
1655
1665
  --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-2);
@@ -2309,7 +2319,7 @@
2309
2319
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2310
2320
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2311
2321
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2312
- --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
2322
+ --buttonKeybindingHint-primary-bgColor-disabled: #137a331a;
2313
2323
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2314
2324
  --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
2315
2325
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
package/dist/internalCss/light-high-contrast.css CHANGED
@@ -25,6 +25,11 @@
25
25
  --base-color-coral-9: #430200;
26
26
  --base-color-green-0: #d2fedb;
27
27
  --base-color-green-1: #82e596;
28
+ --base-color-green-10: #0d6731;
29
+ --base-color-green-11: #0e4a2e;
30
+ --base-color-green-12: #0e402a;
31
+ --base-color-green-13: #0d3024;
32
+ --base-color-green-14: #102b1e;
28
33
  --base-color-green-2: #43c663;
29
34
  --base-color-green-3: #26a148;
30
35
  --base-color-green-4: #117f32;
@@ -323,8 +328,8 @@
323
328
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
324
329
  --avatar-bgColor: var(--base-color-neutral-0);
325
330
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
326
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
327
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
331
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
332
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
328
333
  --base-color-inset: var(--base-color-neutral-0);
329
334
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
330
335
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -437,9 +442,9 @@
437
442
  --contribution-winter-bgColor-2: var(--base-color-blue-3);
438
443
  --contribution-winter-bgColor-3: var(--base-color-blue-5);
439
444
  --contribution-winter-bgColor-4: var(--base-color-blue-8);
440
- --control-bgColor-active: var(--base-color-neutral-4);
441
- --control-bgColor-hover: var(--base-color-neutral-4);
442
- --control-bgColor-rest: var(--base-color-neutral-4);
445
+ --control-bgColor-active: var(--base-color-neutral-3);
446
+ --control-bgColor-hover: var(--base-color-neutral-3);
447
+ --control-bgColor-rest: var(--base-color-neutral-3);
443
448
  --control-danger-fgColor-rest: var(--fgColor-danger);
444
449
  --control-fgColor-placeholder: var(--base-color-neutral-11);
445
450
  --control-fgColor-rest: var(--base-color-neutral-12);
@@ -1281,6 +1286,11 @@
1281
1286
  --base-color-coral-9: #430200;
1282
1287
  --base-color-green-0: #d2fedb;
1283
1288
  --base-color-green-1: #82e596;
1289
+ --base-color-green-10: #0d6731;
1290
+ --base-color-green-11: #0e4a2e;
1291
+ --base-color-green-12: #0e402a;
1292
+ --base-color-green-13: #0d3024;
1293
+ --base-color-green-14: #102b1e;
1284
1294
  --base-color-green-2: #43c663;
1285
1295
  --base-color-green-3: #26a148;
1286
1296
  --base-color-green-4: #117f32;
@@ -1579,8 +1589,8 @@
1579
1589
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
1580
1590
  --avatar-bgColor: var(--base-color-neutral-0);
1581
1591
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
1582
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1583
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1592
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
1593
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
1584
1594
  --base-color-inset: var(--base-color-neutral-0);
1585
1595
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
1586
1596
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -1693,9 +1703,9 @@
1693
1703
  --contribution-winter-bgColor-2: var(--base-color-blue-3);
1694
1704
  --contribution-winter-bgColor-3: var(--base-color-blue-5);
1695
1705
  --contribution-winter-bgColor-4: var(--base-color-blue-8);
1696
- --control-bgColor-active: var(--base-color-neutral-4);
1697
- --control-bgColor-hover: var(--base-color-neutral-4);
1698
- --control-bgColor-rest: var(--base-color-neutral-4);
1706
+ --control-bgColor-active: var(--base-color-neutral-3);
1707
+ --control-bgColor-hover: var(--base-color-neutral-3);
1708
+ --control-bgColor-rest: var(--base-color-neutral-3);
1699
1709
  --control-danger-fgColor-rest: var(--fgColor-danger);
1700
1710
  --control-fgColor-placeholder: var(--base-color-neutral-11);
1701
1711
  --control-fgColor-rest: var(--base-color-neutral-12);
package/dist/internalCss/light-tritanopia-high-contrast.css CHANGED
@@ -25,6 +25,11 @@
25
25
  --base-color-coral-9: #430200;
26
26
  --base-color-green-0: #d2fedb;
27
27
  --base-color-green-1: #82e596;
28
+ --base-color-green-10: #0d6731;
29
+ --base-color-green-11: #0e4a2e;
30
+ --base-color-green-12: #0e402a;
31
+ --base-color-green-13: #0d3024;
32
+ --base-color-green-14: #102b1e;
28
33
  --base-color-green-2: #43c663;
29
34
  --base-color-green-3: #26a148;
30
35
  --base-color-green-4: #117f32;
@@ -319,8 +324,8 @@
319
324
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
320
325
  --avatar-bgColor: var(--base-color-neutral-0);
321
326
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
322
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
323
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
327
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
328
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
324
329
  --base-color-inset: var(--base-color-neutral-0);
325
330
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
326
331
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -434,9 +439,9 @@
434
439
  --contribution-winter-bgColor-2: var(--base-color-blue-3);
435
440
  --contribution-winter-bgColor-3: var(--base-color-blue-5);
436
441
  --contribution-winter-bgColor-4: var(--base-color-blue-8);
437
- --control-bgColor-active: var(--base-color-neutral-4);
438
- --control-bgColor-hover: var(--base-color-neutral-4);
439
- --control-bgColor-rest: var(--base-color-neutral-4);
442
+ --control-bgColor-active: var(--base-color-neutral-3);
443
+ --control-bgColor-hover: var(--base-color-neutral-3);
444
+ --control-bgColor-rest: var(--base-color-neutral-3);
440
445
  --control-fgColor-placeholder: var(--base-color-neutral-11);
441
446
  --control-fgColor-rest: var(--base-color-neutral-12);
442
447
  --control-transparent-bgColor-active: var(--base-color-neutral-6);
@@ -1281,6 +1286,11 @@
1281
1286
  --base-color-coral-9: #430200;
1282
1287
  --base-color-green-0: #d2fedb;
1283
1288
  --base-color-green-1: #82e596;
1289
+ --base-color-green-10: #0d6731;
1290
+ --base-color-green-11: #0e4a2e;
1291
+ --base-color-green-12: #0e402a;
1292
+ --base-color-green-13: #0d3024;
1293
+ --base-color-green-14: #102b1e;
1284
1294
  --base-color-green-2: #43c663;
1285
1295
  --base-color-green-3: #26a148;
1286
1296
  --base-color-green-4: #117f32;
@@ -1575,8 +1585,8 @@
1575
1585
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
1576
1586
  --avatar-bgColor: var(--base-color-neutral-0);
1577
1587
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
1578
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1579
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1588
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
1589
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
1580
1590
  --base-color-inset: var(--base-color-neutral-0);
1581
1591
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
1582
1592
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -1690,9 +1700,9 @@
1690
1700
  --contribution-winter-bgColor-2: var(--base-color-blue-3);
1691
1701
  --contribution-winter-bgColor-3: var(--base-color-blue-5);
1692
1702
  --contribution-winter-bgColor-4: var(--base-color-blue-8);
1693
- --control-bgColor-active: var(--base-color-neutral-4);
1694
- --control-bgColor-hover: var(--base-color-neutral-4);
1695
- --control-bgColor-rest: var(--base-color-neutral-4);
1703
+ --control-bgColor-active: var(--base-color-neutral-3);
1704
+ --control-bgColor-hover: var(--base-color-neutral-3);
1705
+ --control-bgColor-rest: var(--base-color-neutral-3);
1696
1706
  --control-fgColor-placeholder: var(--base-color-neutral-11);
1697
1707
  --control-fgColor-rest: var(--base-color-neutral-12);
1698
1708
  --control-transparent-bgColor-active: var(--base-color-neutral-6);
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -23,16 +23,21 @@
23
23
  --base-color-coral-7: #801f0f;
24
24
  --base-color-coral-8: #691105;
25
25
  --base-color-coral-9: #510901;
26
- --base-color-green-0: #dafbe1;
27
- --base-color-green-1: #aceebb;
28
- --base-color-green-2: #6fdd8b;
29
- --base-color-green-3: #4ac26b;
30
- --base-color-green-4: #2da44e;
31
- --base-color-green-5: #1a7f37;
32
- --base-color-green-6: #116329;
33
- --base-color-green-7: #044f1e;
34
- --base-color-green-8: #003d16;
35
- --base-color-green-9: #002d11;
26
+ --base-color-green-0: #ebf9f4;
27
+ --base-color-green-1: #bfffd1;
28
+ --base-color-green-10: #0d6731;
29
+ --base-color-green-11: #0e4a2e;
30
+ --base-color-green-12: #0e402a;
31
+ --base-color-green-13: #0d3024;
32
+ --base-color-green-14: #102b1e;
33
+ --base-color-green-2: #abfdbe;
34
+ --base-color-green-3: #8cf2a6;
35
+ --base-color-green-4: #5fed83;
36
+ --base-color-green-5: #55db73;
37
+ --base-color-green-6: #0fbf3e;
38
+ --base-color-green-7: #00a236;
39
+ --base-color-green-8: #08872b;
40
+ --base-color-green-9: #137a33;
36
41
  --base-color-neutral-0: #f9fbf9;
37
42
  --base-color-neutral-1: #f2f7f3;
38
43
  --base-color-neutral-10: #58635b;
@@ -318,8 +323,8 @@
318
323
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
319
324
  --avatar-bgColor: var(--base-color-neutral-0);
320
325
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
321
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
322
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
326
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
327
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
323
328
  --base-color-inset: var(--base-color-neutral-0);
324
329
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
325
330
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -397,7 +402,7 @@
397
402
  --buttonCounter-outline-bgColor-hover: #f9fbf933;
398
403
  --buttonCounter-outline-fgColor-hover: var(--base-color-neutral-0);
399
404
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
400
- --buttonCounter-primary-bgColor-rest: #002d1133;
405
+ --buttonCounter-primary-bgColor-rest: #137a3333;
401
406
  --buttonKeybindingHint-danger-bgColor-active: #1f232866;
402
407
  --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
403
408
  --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-2);
@@ -1058,7 +1063,7 @@
1058
1063
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1059
1064
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1060
1065
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1061
- --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
1066
+ --buttonKeybindingHint-primary-bgColor-disabled: #137a331a;
1062
1067
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1063
1068
  --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
1064
1069
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
@@ -1279,16 +1284,21 @@
1279
1284
  --base-color-coral-7: #801f0f;
1280
1285
  --base-color-coral-8: #691105;
1281
1286
  --base-color-coral-9: #510901;
1282
- --base-color-green-0: #dafbe1;
1283
- --base-color-green-1: #aceebb;
1284
- --base-color-green-2: #6fdd8b;
1285
- --base-color-green-3: #4ac26b;
1286
- --base-color-green-4: #2da44e;
1287
- --base-color-green-5: #1a7f37;
1288
- --base-color-green-6: #116329;
1289
- --base-color-green-7: #044f1e;
1290
- --base-color-green-8: #003d16;
1291
- --base-color-green-9: #002d11;
1287
+ --base-color-green-0: #ebf9f4;
1288
+ --base-color-green-1: #bfffd1;
1289
+ --base-color-green-10: #0d6731;
1290
+ --base-color-green-11: #0e4a2e;
1291
+ --base-color-green-12: #0e402a;
1292
+ --base-color-green-13: #0d3024;
1293
+ --base-color-green-14: #102b1e;
1294
+ --base-color-green-2: #abfdbe;
1295
+ --base-color-green-3: #8cf2a6;
1296
+ --base-color-green-4: #5fed83;
1297
+ --base-color-green-5: #55db73;
1298
+ --base-color-green-6: #0fbf3e;
1299
+ --base-color-green-7: #00a236;
1300
+ --base-color-green-8: #08872b;
1301
+ --base-color-green-9: #137a33;
1292
1302
  --base-color-neutral-0: #f9fbf9;
1293
1303
  --base-color-neutral-1: #f2f7f3;
1294
1304
  --base-color-neutral-10: #58635b;
@@ -1574,8 +1584,8 @@
1574
1584
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
1575
1585
  --avatar-bgColor: var(--base-color-neutral-0);
1576
1586
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
1577
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1578
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1587
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
1588
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
1579
1589
  --base-color-inset: var(--base-color-neutral-0);
1580
1590
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
1581
1591
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -1653,7 +1663,7 @@
1653
1663
  --buttonCounter-outline-bgColor-hover: #f9fbf933;
1654
1664
  --buttonCounter-outline-fgColor-hover: var(--base-color-neutral-0);
1655
1665
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
1656
- --buttonCounter-primary-bgColor-rest: #002d1133;
1666
+ --buttonCounter-primary-bgColor-rest: #137a3333;
1657
1667
  --buttonKeybindingHint-danger-bgColor-active: #1f232866;
1658
1668
  --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
1659
1669
  --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-2);
@@ -2314,7 +2324,7 @@
2314
2324
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2315
2325
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2316
2326
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2317
- --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
2327
+ --buttonKeybindingHint-primary-bgColor-disabled: #137a331a;
2318
2328
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2319
2329
  --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
2320
2330
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
package/dist/internalCss/light.css CHANGED
@@ -23,16 +23,21 @@
23
23
  --base-color-coral-7: #801f0f;
24
24
  --base-color-coral-8: #691105;
25
25
  --base-color-coral-9: #510901;
26
- --base-color-green-0: #dafbe1;
27
- --base-color-green-1: #aceebb;
28
- --base-color-green-2: #6fdd8b;
29
- --base-color-green-3: #4ac26b;
30
- --base-color-green-4: #2da44e;
31
- --base-color-green-5: #1a7f37;
32
- --base-color-green-6: #116329;
33
- --base-color-green-7: #044f1e;
34
- --base-color-green-8: #003d16;
35
- --base-color-green-9: #002d11;
26
+ --base-color-green-0: #ebf9f4;
27
+ --base-color-green-1: #bfffd1;
28
+ --base-color-green-10: #0d6731;
29
+ --base-color-green-11: #0e4a2e;
30
+ --base-color-green-12: #0e402a;
31
+ --base-color-green-13: #0d3024;
32
+ --base-color-green-14: #102b1e;
33
+ --base-color-green-2: #abfdbe;
34
+ --base-color-green-3: #8cf2a6;
35
+ --base-color-green-4: #5fed83;
36
+ --base-color-green-5: #55db73;
37
+ --base-color-green-6: #0fbf3e;
38
+ --base-color-green-7: #00a236;
39
+ --base-color-green-8: #08872b;
40
+ --base-color-green-9: #137a33;
36
41
  --base-color-neutral-0: #f9fbf9;
37
42
  --base-color-neutral-1: #f2f7f3;
38
43
  --base-color-neutral-10: #58635b;
@@ -319,8 +324,8 @@
319
324
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
320
325
  --avatar-bgColor: var(--base-color-neutral-0);
321
326
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
322
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
323
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
327
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
328
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
324
329
  --base-color-inset: var(--base-color-neutral-0);
325
330
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
326
331
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -363,7 +368,7 @@
363
368
  --borderColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong border for prominent GitHub Sponsors elements */
364
369
  --borderColor-sponsors-muted: #ff80c866; /** Subtle border for GitHub Sponsors content */
365
370
  --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
366
- --borderColor-success-muted: #4ac26b66; /** Subtle success border for positive feedback elements */
371
+ --borderColor-success-muted: #8cf2a666; /** Subtle success border for positive feedback elements */
367
372
  --borderColor-translucent: #252b2726; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
368
373
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
369
374
  --boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -387,7 +392,7 @@
387
392
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
388
393
  --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
389
394
  --button-primary-fgColor-disabled: #f9fbf9cc;
390
- --button-primary-shadow-selected: inset 0 1px 0 0 #002d114d;
395
+ --button-primary-shadow-selected: inset 0 1px 0 0 #137a334d;
391
396
  --button-star-iconColor: var(--base-color-yellow-2);
392
397
  --buttonCounter-danger-bgColor-hover: #f9fbf933;
393
398
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
@@ -395,7 +400,7 @@
395
400
  --buttonCounter-outline-bgColor-hover: #f9fbf933;
396
401
  --buttonCounter-outline-fgColor-hover: var(--base-color-neutral-0);
397
402
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
398
- --buttonCounter-primary-bgColor-rest: #002d1133;
403
+ --buttonCounter-primary-bgColor-rest: #137a3333;
399
404
  --buttonKeybindingHint-danger-bgColor-active: #1f232866;
400
405
  --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
401
406
  --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-2);
@@ -784,7 +789,7 @@
784
789
  --fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
785
790
  --fgColor-severe: var(--base-color-orange-5); /** Severe text for high-priority warnings */
786
791
  --fgColor-sponsors: var(--base-color-pink-5); /** Text color for GitHub Sponsors content */
787
- --fgColor-success: var(--base-color-green-5); /** Success text for positive feedback and completed states */
792
+ --fgColor-success: var(--base-color-green-9); /** Success text for positive feedback and completed states */
788
793
  --fgColor-white: var(--base-color-white); /** Pure white text */
789
794
  --header-bgColor: var(--base-color-neutral-12);
790
795
  --header-borderColor-divider: var(--base-color-neutral-8);
@@ -1056,7 +1061,7 @@
1056
1061
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1057
1062
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1058
1063
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1059
- --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
1064
+ --buttonKeybindingHint-primary-bgColor-disabled: #137a331a;
1060
1065
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1061
1066
  --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
1062
1067
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
@@ -1279,16 +1284,21 @@
1279
1284
  --base-color-coral-7: #801f0f;
1280
1285
  --base-color-coral-8: #691105;
1281
1286
  --base-color-coral-9: #510901;
1282
- --base-color-green-0: #dafbe1;
1283
- --base-color-green-1: #aceebb;
1284
- --base-color-green-2: #6fdd8b;
1285
- --base-color-green-3: #4ac26b;
1286
- --base-color-green-4: #2da44e;
1287
- --base-color-green-5: #1a7f37;
1288
- --base-color-green-6: #116329;
1289
- --base-color-green-7: #044f1e;
1290
- --base-color-green-8: #003d16;
1291
- --base-color-green-9: #002d11;
1287
+ --base-color-green-0: #ebf9f4;
1288
+ --base-color-green-1: #bfffd1;
1289
+ --base-color-green-10: #0d6731;
1290
+ --base-color-green-11: #0e4a2e;
1291
+ --base-color-green-12: #0e402a;
1292
+ --base-color-green-13: #0d3024;
1293
+ --base-color-green-14: #102b1e;
1294
+ --base-color-green-2: #abfdbe;
1295
+ --base-color-green-3: #8cf2a6;
1296
+ --base-color-green-4: #5fed83;
1297
+ --base-color-green-5: #55db73;
1298
+ --base-color-green-6: #0fbf3e;
1299
+ --base-color-green-7: #00a236;
1300
+ --base-color-green-8: #08872b;
1301
+ --base-color-green-9: #137a33;
1292
1302
  --base-color-neutral-0: #f9fbf9;
1293
1303
  --base-color-neutral-1: #f2f7f3;
1294
1304
  --base-color-neutral-10: #58635b;
@@ -1575,8 +1585,8 @@
1575
1585
  --ansi-yellowBright: var(--base-color-yellow-7); /** ANSI bright yellow for highlighted warnings in terminal */
1576
1586
  --avatar-bgColor: var(--base-color-neutral-0);
1577
1587
  --avatar-shadow: 0 0 0 2px #f9fbf9cc;
1578
- --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1579
- --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1588
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-4);
1589
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-3);
1580
1590
  --base-color-inset: var(--base-color-neutral-0);
1581
1591
  --bgColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent background for active states and focused states */
1582
1592
  --bgColor-accent-muted: var(--base-color-blue-0); /** Subtle accent background for informational or selected elements */
@@ -1619,7 +1629,7 @@
1619
1629
  --borderColor-sponsors-emphasis: var(--base-color-pink-5); /** Strong border for prominent GitHub Sponsors elements */
1620
1630
  --borderColor-sponsors-muted: #ff80c866; /** Subtle border for GitHub Sponsors content */
1621
1631
  --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
1622
- --borderColor-success-muted: #4ac26b66; /** Subtle success border for positive feedback elements */
1632
+ --borderColor-success-muted: #8cf2a666; /** Subtle success border for positive feedback elements */
1623
1633
  --borderColor-translucent: #252b2726; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1624
1634
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
1625
1635
  --boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -1643,7 +1653,7 @@
1643
1653
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1644
1654
  --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
1645
1655
  --button-primary-fgColor-disabled: #f9fbf9cc;
1646
- --button-primary-shadow-selected: inset 0 1px 0 0 #002d114d;
1656
+ --button-primary-shadow-selected: inset 0 1px 0 0 #137a334d;
1647
1657
  --button-star-iconColor: var(--base-color-yellow-2);
1648
1658
  --buttonCounter-danger-bgColor-hover: #f9fbf933;
1649
1659
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
@@ -1651,7 +1661,7 @@
1651
1661
  --buttonCounter-outline-bgColor-hover: #f9fbf933;
1652
1662
  --buttonCounter-outline-fgColor-hover: var(--base-color-neutral-0);
1653
1663
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-6);
1654
- --buttonCounter-primary-bgColor-rest: #002d1133;
1664
+ --buttonCounter-primary-bgColor-rest: #137a3333;
1655
1665
  --buttonKeybindingHint-danger-bgColor-active: #1f232866;
1656
1666
  --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
1657
1667
  --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-2);
@@ -2040,7 +2050,7 @@
2040
2050
  --fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
2041
2051
  --fgColor-severe: var(--base-color-orange-5); /** Severe text for high-priority warnings */
2042
2052
  --fgColor-sponsors: var(--base-color-pink-5); /** Text color for GitHub Sponsors content */
2043
- --fgColor-success: var(--base-color-green-5); /** Success text for positive feedback and completed states */
2053
+ --fgColor-success: var(--base-color-green-9); /** Success text for positive feedback and completed states */
2044
2054
  --fgColor-white: var(--base-color-white); /** Pure white text */
2045
2055
  --header-bgColor: var(--base-color-neutral-12);
2046
2056
  --header-borderColor-divider: var(--base-color-neutral-8);
@@ -2312,7 +2322,7 @@
2312
2322
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2313
2323
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2314
2324
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2315
- --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
2325
+ --buttonKeybindingHint-primary-bgColor-disabled: #137a331a;
2316
2326
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2317
2327
  --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
2318
2328
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);