@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.56d48488

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 (95) hide show
  1. package/dist/build/platforms/css.js +2 -1
  2. package/dist/build/schemas/collections.d.ts +1 -1
  3. package/dist/build/schemas/colorToken.d.ts +260 -0
  4. package/dist/build/schemas/colorToken.js +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +1658 -0
  6. package/dist/css/functional/themes/dark-colorblind.css +30 -30
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +1658 -0
  8. package/dist/css/functional/themes/dark-dimmed.css +60 -60
  9. package/dist/css/functional/themes/dark-high-contrast.css +24 -24
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +1658 -0
  11. package/dist/css/functional/themes/dark-tritanopia.css +30 -30
  12. package/dist/css/functional/themes/dark.css +30 -30
  13. package/dist/css/functional/themes/light-colorblind-high-contrast.css +1658 -0
  14. package/dist/css/functional/themes/light-colorblind.css +30 -30
  15. package/dist/css/functional/themes/light-high-contrast.css +32 -32
  16. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +1658 -0
  17. package/dist/css/functional/themes/light-tritanopia.css +28 -28
  18. package/dist/css/functional/themes/light.css +28 -28
  19. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +43194 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7878 -648
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7797 -565
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7751 -523
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7878 -648
  26. package/dist/docs/functional/themes/dark.json +7878 -648
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43154 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7744 -512
  29. package/dist/docs/functional/themes/light-high-contrast.json +7760 -532
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7742 -510
  32. package/dist/docs/functional/themes/light.json +7742 -510
  33. package/dist/figma/figma.json +18 -8
  34. package/dist/figma/scales/dark-dimmed.json +14 -14
  35. package/dist/figma/themes/dark-colorblind-high-contrast.json +13877 -0
  36. package/dist/figma/themes/dark-colorblind.json +45 -49
  37. package/dist/figma/themes/dark-dimmed-high-contrast.json +13871 -0
  38. package/dist/figma/themes/dark-dimmed.json +102 -107
  39. package/dist/figma/themes/dark-high-contrast.json +28 -34
  40. package/dist/figma/themes/dark-tritanopia-high-contrast.json +13873 -0
  41. package/dist/figma/themes/dark-tritanopia.json +45 -49
  42. package/dist/figma/themes/dark.json +45 -49
  43. package/dist/figma/themes/light-colorblind-high-contrast.json +13857 -0
  44. package/dist/figma/themes/light-colorblind.json +21 -24
  45. package/dist/figma/themes/light-high-contrast.json +46 -51
  46. package/dist/figma/themes/light-tritanopia-high-contrast.json +13856 -0
  47. package/dist/figma/themes/light-tritanopia.json +19 -23
  48. package/dist/figma/themes/light.json +19 -23
  49. package/dist/internalCss/dark-colorblind-high-contrast.css +2266 -0
  50. package/dist/internalCss/dark-colorblind.css +30 -30
  51. package/dist/internalCss/dark-dimmed-high-contrast.css +2266 -0
  52. package/dist/internalCss/dark-dimmed.css +54 -54
  53. package/dist/internalCss/dark-high-contrast.css +24 -24
  54. package/dist/internalCss/dark-tritanopia-high-contrast.css +2266 -0
  55. package/dist/internalCss/dark-tritanopia.css +30 -30
  56. package/dist/internalCss/dark.css +30 -30
  57. package/dist/internalCss/light-colorblind-high-contrast.css +2266 -0
  58. package/dist/internalCss/light-colorblind.css +30 -30
  59. package/dist/internalCss/light-high-contrast.css +32 -32
  60. package/dist/internalCss/light-tritanopia-high-contrast.css +2266 -0
  61. package/dist/internalCss/light-tritanopia.css +28 -28
  62. package/dist/internalCss/light.css +28 -28
  63. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +43194 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7877 -647
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7797 -565
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7751 -523
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7877 -647
  70. package/dist/styleLint/functional/themes/dark.json +7877 -647
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43154 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7744 -512
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7760 -532
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7742 -510
  76. package/dist/styleLint/functional/themes/light.json +7742 -510
  77. package/package.json +1 -1
  78. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -9
  79. package/src/tokens/component/avatar.json5 +17 -4
  80. package/src/tokens/component/button.json5 +260 -61
  81. package/src/tokens/component/codeMirror.json5 +20 -2
  82. package/src/tokens/component/contribution.json5 +35 -57
  83. package/src/tokens/component/counter.json5 +5 -0
  84. package/src/tokens/component/diffBlob.json5 +75 -8
  85. package/src/tokens/component/header.json5 +2 -0
  86. package/src/tokens/component/overlay.json5 +25 -0
  87. package/src/tokens/component/skeletonLoader.json5 +20 -0
  88. package/src/tokens/component/tooltip.json5 +8 -2
  89. package/src/tokens/component/topicTag.json5 +5 -0
  90. package/src/tokens/functional/color/bgColor.json5 +86 -0
  91. package/src/tokens/functional/color/borderColor.json5 +268 -0
  92. package/src/tokens/functional/color/control.json5 +344 -1
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -18
  95. package/src/tokens/functional/color/syntax.json5 +44 -2
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -2,12 +2,10 @@
2
2
  [data-color-mode="light"][data-light-theme="light_colorblind"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="light_colorblind"],
4
4
  [data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
5
- --button-danger-bgColor-active: #7e2f00;
6
5
  --button-outline-bgColor-active: #0757ba;
7
6
  --button-primary-bgColor-active: #075fc8;
8
7
  --button-primary-bgColor-disabled: #92caff;
9
8
  --button-primary-bgColor-hover: #0864d1;
10
- --buttonCounter-danger-fgColor-rest: #c21c2c;
11
9
  --color-ansi-cyan: #1b7c83;
12
10
  --color-ansi-cyan-bright: #3192aa;
13
11
  --control-checked-bgColor-active: #0757ba;
@@ -59,7 +57,7 @@
59
57
  --borderColor-success-emphasis: #0969da;
60
58
  --borderColor-success-muted: #ddf4ff;
61
59
  --borderColor-transparent: #ffffff00;
62
- --button-danger-bgColor-hover: #953800;
60
+ --button-danger-bgColor-active: #953800;
63
61
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
64
62
  --button-inactive-bgColor: #e6eaef;
65
63
  --button-inactive-fgColor: #59636e;
@@ -69,6 +67,7 @@
69
67
  --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
70
68
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
71
69
  --button-star-iconColor: #eac54f;
70
+ --buttonCounter-danger-fgColor-rest: #953800;
72
71
  --buttonCounter-outline-fgColor-rest: #0550ae;
73
72
  --buttonCounter-primary-bgColor-rest: #002d1133;
74
73
  --codeMirror-syntax-fgColor-constant: #0550ae;
@@ -125,10 +124,6 @@
125
124
  --contribution-default-bgColor-3: #2da44e;
126
125
  --contribution-default-bgColor-4: #116329;
127
126
  --contribution-default-borderColor-0: #1f23280d;
128
- --contribution-default-borderColor-1: #1f23280d;
129
- --contribution-default-borderColor-2: #1f23280d;
130
- --contribution-default-borderColor-3: #1f23280d;
131
- --contribution-default-borderColor-4: #1f23280d;
132
127
  --contribution-halloween-bgColor-1: #f0db3d;
133
128
  --contribution-halloween-bgColor-2: #ffd642;
134
129
  --contribution-halloween-bgColor-3: #f68c41;
@@ -658,13 +653,13 @@
658
653
  --borderColor-translucent: #1f232826;
659
654
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
660
655
  --borderColor-upsell-muted: var(--borderColor-done-muted);
656
+ --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
661
657
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
662
658
  --button-danger-fgColor-active: #ffffff;
663
659
  --button-danger-fgColor-disabled: #bc4c0080;
664
660
  --button-danger-fgColor-hover: #ffffff;
665
661
  --button-danger-fgColor-rest: var(--fgColor-danger);
666
662
  --button-danger-iconColor-hover: #ffffff;
667
- --button-danger-iconColor-rest: var(--fgColor-danger);
668
663
  --button-default-bgColor-active: var(--control-bgColor-active);
669
664
  --button-default-bgColor-hover: var(--control-bgColor-hover);
670
665
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -688,7 +683,6 @@
688
683
  --button-outline-fgColor-hover: #ffffff;
689
684
  --button-outline-fgColor-rest: var(--fgColor-accent);
690
685
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
691
- --button-primary-borderColor-rest: #1f232826;
692
686
  --button-primary-fgColor-disabled: #ffffffcc;
693
687
  --buttonCounter-danger-bgColor-disabled: #bc4c000d;
694
688
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -711,6 +705,10 @@
711
705
  --color-prettylights-syntax-markup-bold: #1f2328;
712
706
  --color-prettylights-syntax-markup-italic: #1f2328;
713
707
  --color-prettylights-syntax-storage-modifier-import: #1f2328;
708
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
709
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
710
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
711
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
714
712
  --control-bgColor-disabled: var(--bgColor-disabled);
715
713
  --control-bgColor-selected: var(--control-bgColor-rest);
716
714
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -773,8 +771,8 @@
773
771
  --border-upsell-muted: 0.0625rem solid #c297ff66;
774
772
  --borderColor-neutral-muted: var(--borderColor-muted);
775
773
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
776
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
777
774
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
775
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
778
776
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
779
777
  --button-default-borderColor-active: var(--control-borderColor-rest);
780
778
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -782,8 +780,7 @@
782
780
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
783
781
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
784
782
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
785
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
786
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
783
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
787
784
  --button-primary-fgColor-rest: var(--fgColor-white);
788
785
  --button-primary-iconColor-rest: #ffffffcc;
789
786
  --card-bgColor: var(--bgColor-default);
@@ -818,24 +815,25 @@
818
815
  --tooltip-fgColor: var(--fgColor-onEmphasis);
819
816
  --underlineNav-borderColor-hover: var(--borderColor-muted);
820
817
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
821
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
818
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
822
819
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
823
- --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
820
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
821
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
824
822
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
825
823
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
826
824
  --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
827
825
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
826
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
827
+ --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
828
828
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
829
829
  }
830
830
  @media (prefers-color-scheme: dark) {
831
- [data-color-mode="auto"][data-dark-theme="light_colorblind"],
832
- [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
833
- --button-danger-bgColor-active: #7e2f00;
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="light_colorblind"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
834
833
  --button-outline-bgColor-active: #0757ba;
835
834
  --button-primary-bgColor-active: #075fc8;
836
835
  --button-primary-bgColor-disabled: #92caff;
837
836
  --button-primary-bgColor-hover: #0864d1;
838
- --buttonCounter-danger-fgColor-rest: #c21c2c;
839
837
  --color-ansi-cyan: #1b7c83;
840
838
  --color-ansi-cyan-bright: #3192aa;
841
839
  --control-checked-bgColor-active: #0757ba;
@@ -887,7 +885,7 @@
887
885
  --borderColor-success-emphasis: #0969da;
888
886
  --borderColor-success-muted: #ddf4ff;
889
887
  --borderColor-transparent: #ffffff00;
890
- --button-danger-bgColor-hover: #953800;
888
+ --button-danger-bgColor-active: #953800;
891
889
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
892
890
  --button-inactive-bgColor: #e6eaef;
893
891
  --button-inactive-fgColor: #59636e;
@@ -897,6 +895,7 @@
897
895
  --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
898
896
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
899
897
  --button-star-iconColor: #eac54f;
898
+ --buttonCounter-danger-fgColor-rest: #953800;
900
899
  --buttonCounter-outline-fgColor-rest: #0550ae;
901
900
  --buttonCounter-primary-bgColor-rest: #002d1133;
902
901
  --codeMirror-syntax-fgColor-constant: #0550ae;
@@ -953,10 +952,6 @@
953
952
  --contribution-default-bgColor-3: #2da44e;
954
953
  --contribution-default-bgColor-4: #116329;
955
954
  --contribution-default-borderColor-0: #1f23280d;
956
- --contribution-default-borderColor-1: #1f23280d;
957
- --contribution-default-borderColor-2: #1f23280d;
958
- --contribution-default-borderColor-3: #1f23280d;
959
- --contribution-default-borderColor-4: #1f23280d;
960
955
  --contribution-halloween-bgColor-1: #f0db3d;
961
956
  --contribution-halloween-bgColor-2: #ffd642;
962
957
  --contribution-halloween-bgColor-3: #f68c41;
@@ -1486,13 +1481,13 @@
1486
1481
  --borderColor-translucent: #1f232826;
1487
1482
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1488
1483
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1484
+ --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
1489
1485
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1490
1486
  --button-danger-fgColor-active: #ffffff;
1491
1487
  --button-danger-fgColor-disabled: #bc4c0080;
1492
1488
  --button-danger-fgColor-hover: #ffffff;
1493
1489
  --button-danger-fgColor-rest: var(--fgColor-danger);
1494
1490
  --button-danger-iconColor-hover: #ffffff;
1495
- --button-danger-iconColor-rest: var(--fgColor-danger);
1496
1491
  --button-default-bgColor-active: var(--control-bgColor-active);
1497
1492
  --button-default-bgColor-hover: var(--control-bgColor-hover);
1498
1493
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1516,7 +1511,6 @@
1516
1511
  --button-outline-fgColor-hover: #ffffff;
1517
1512
  --button-outline-fgColor-rest: var(--fgColor-accent);
1518
1513
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1519
- --button-primary-borderColor-rest: #1f232826;
1520
1514
  --button-primary-fgColor-disabled: #ffffffcc;
1521
1515
  --buttonCounter-danger-bgColor-disabled: #bc4c000d;
1522
1516
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -1539,6 +1533,10 @@
1539
1533
  --color-prettylights-syntax-markup-bold: #1f2328;
1540
1534
  --color-prettylights-syntax-markup-italic: #1f2328;
1541
1535
  --color-prettylights-syntax-storage-modifier-import: #1f2328;
1536
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1537
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1538
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1539
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1542
1540
  --control-bgColor-disabled: var(--bgColor-disabled);
1543
1541
  --control-bgColor-selected: var(--control-bgColor-rest);
1544
1542
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1601,8 +1599,8 @@
1601
1599
  --border-upsell-muted: 0.0625rem solid #c297ff66;
1602
1600
  --borderColor-neutral-muted: var(--borderColor-muted);
1603
1601
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1604
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1605
1602
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1603
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1606
1604
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1607
1605
  --button-default-borderColor-active: var(--control-borderColor-rest);
1608
1606
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1610,8 +1608,7 @@
1610
1608
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1611
1609
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1612
1610
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1613
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1614
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1611
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1615
1612
  --button-primary-fgColor-rest: var(--fgColor-white);
1616
1613
  --button-primary-iconColor-rest: #ffffffcc;
1617
1614
  --card-bgColor: var(--bgColor-default);
@@ -1646,13 +1643,16 @@
1646
1643
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1647
1644
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1648
1645
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1649
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1646
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1650
1647
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1651
- --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1648
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1649
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1652
1650
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1653
1651
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
1654
1652
  --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1655
1653
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
1654
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1655
+ --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1656
1656
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1657
1657
  }
1658
1658
  }
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -2,13 +2,11 @@
2
2
  [data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="light_high_contrast"],
4
4
  [data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
5
- --button-danger-bgColor-active: #74041a;
6
5
  --button-outline-bgColor-active: #033f9d;
7
6
  --button-primary-bgColor-active: #03501b;
8
7
  --button-primary-bgColor-disabled: #85cb97;
9
8
  --button-primary-bgColor-hover: #04571e;
10
9
  --button-primary-borderColor-disabled: #85cb97;
11
- --buttonCounter-danger-fgColor-rest: #980e1e;
12
10
  --color-ansi-cyan: #1b7c83;
13
11
  --color-ansi-cyan-bright: #3192aa;
14
12
  --control-checked-bgColor-active: #033f9d;
@@ -60,7 +58,7 @@
60
58
  --borderColor-success-muted: #26a148;
61
59
  --borderColor-translucent: #59636e;
62
60
  --borderColor-transparent: #ffffff00;
63
- --button-danger-bgColor-hover: #86061d;
61
+ --button-danger-bgColor-active: #86061d;
64
62
  --button-danger-borderColor-hover: #6e011a;
65
63
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
66
64
  --button-inactive-fgColor: #454c54;
@@ -68,10 +66,9 @@
68
66
  --button-invisible-borderColor-disabled: #ffffff00;
69
67
  --button-invisible-fgColor-hover: #393f46;
70
68
  --button-invisible-iconColor-hover: #393f46;
69
+ --button-outline-borderColor-hover: #022f7a;
71
70
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
72
71
  --button-primary-bgColor-rest: #055d20;
73
- --button-primary-borderColor-active: #013d14;
74
- --button-primary-borderColor-hover: #013d14;
75
72
  --button-primary-borderColor-rest: #013d14;
76
73
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
77
74
  --button-star-iconColor: #d5a824;
@@ -126,16 +123,11 @@
126
123
  --color-prettylights-syntax-string-regexp: #024c1a;
127
124
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
128
125
  --color-prettylights-syntax-variable: #702c00;
129
- --contribution-default-bgColor-0: #eff2f5;
130
126
  --contribution-default-bgColor-1: #82e596;
131
127
  --contribution-default-bgColor-2: #26a148;
132
128
  --contribution-default-bgColor-3: #117f32;
133
129
  --contribution-default-bgColor-4: #024c1a;
134
- --contribution-default-borderColor-0: #0104090d;
135
- --contribution-default-borderColor-1: #0104090d;
136
- --contribution-default-borderColor-2: #0104090d;
137
- --contribution-default-borderColor-3: #0104090d;
138
- --contribution-default-borderColor-4: #0104090d;
130
+ --contribution-default-borderColor-0: #010409;
139
131
  --contribution-halloween-bgColor-1: #f0db3d;
140
132
  --contribution-halloween-bgColor-2: #ffd642;
141
133
  --contribution-halloween-bgColor-3: #f68c41;
@@ -623,7 +615,6 @@
623
615
  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
624
616
  --underlineNav-borderColor-active: #cd3425;
625
617
  --avatar-bgColor: #ffffff;
626
- --avatar-borderColor: #010409e6;
627
618
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
628
619
  --bgColor-black: #010409;
629
620
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
@@ -660,6 +651,7 @@
660
651
  --borderColor-open-muted: var(--borderColor-success-muted);
661
652
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
662
653
  --borderColor-upsell-muted: var(--borderColor-done-muted);
654
+ --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
663
655
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
664
656
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
665
657
  --button-danger-fgColor-active: #ffffff;
@@ -667,7 +659,6 @@
667
659
  --button-danger-fgColor-hover: #ffffff;
668
660
  --button-danger-fgColor-rest: var(--fgColor-danger);
669
661
  --button-danger-iconColor-hover: #ffffff;
670
- --button-danger-iconColor-rest: var(--fgColor-danger);
671
662
  --button-default-bgColor-active: var(--control-bgColor-active);
672
663
  --button-default-bgColor-hover: var(--control-bgColor-hover);
673
664
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -684,17 +675,20 @@
684
675
  --button-invisible-iconColor-rest: var(--fgColor-muted);
685
676
  --button-outline-bgColor-hover: var(--bgColor-accent-emphasis);
686
677
  --button-outline-bgColor-rest: var(--control-bgColor-rest);
687
- --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
678
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
688
679
  --button-outline-fgColor-active: #ffffff;
689
680
  --button-outline-fgColor-disabled: #023b9580;
690
681
  --button-outline-fgColor-hover: #ffffff;
691
682
  --button-outline-fgColor-rest: var(--fgColor-accent);
683
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
684
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
692
685
  --button-primary-fgColor-disabled: #ffffffcc;
693
686
  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
694
687
  --buttonCounter-danger-bgColor-hover: #ffffff33;
695
688
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
696
689
  --buttonCounter-danger-fgColor-disabled: #86061d80;
697
690
  --buttonCounter-danger-fgColor-hover: #ffffff;
691
+ --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
698
692
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
699
693
  --buttonCounter-outline-bgColor-disabled: #0349b40d;
700
694
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -710,6 +704,11 @@
710
704
  --color-prettylights-syntax-markup-bold: #010409;
711
705
  --color-prettylights-syntax-markup-italic: #010409;
712
706
  --color-prettylights-syntax-storage-modifier-import: #010409;
707
+ --contribution-default-bgColor-0: #ffffff;
708
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
709
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
710
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
711
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
713
712
  --control-bgColor-disabled: var(--bgColor-disabled);
714
713
  --control-bgColor-selected: var(--control-bgColor-rest);
715
714
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -764,6 +763,7 @@
764
763
  --tooltip-bgColor: var(--bgColor-emphasis);
765
764
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
766
765
  --underlineNav-iconColor-rest: var(--fgColor-muted);
766
+ --avatar-borderColor: var(--borderColor-emphasis);
767
767
  --border-closed-emphasis: var(--border-danger-emphasis);
768
768
  --border-closed-muted: var(--border-danger-muted);
769
769
  --border-emphasis: 0.0625rem solid #454c54;
@@ -775,6 +775,7 @@
775
775
  --borderColor-neutral-muted: var(--borderColor-muted);
776
776
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
777
777
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
778
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
778
779
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
779
780
  --button-default-borderColor-active: var(--control-borderColor-rest);
780
781
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -783,7 +784,6 @@
783
784
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
784
785
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
785
786
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
786
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
787
787
  --button-primary-fgColor-rest: var(--fgColor-white);
788
788
  --button-primary-iconColor-rest: #ffffffcc;
789
789
  --card-bgColor: var(--bgColor-default);
@@ -828,15 +828,13 @@
828
828
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
829
829
  }
830
830
  @media (prefers-color-scheme: dark) {
831
- [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
832
- [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
833
- --button-danger-bgColor-active: #74041a;
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="light_high_contrast"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
834
833
  --button-outline-bgColor-active: #033f9d;
835
834
  --button-primary-bgColor-active: #03501b;
836
835
  --button-primary-bgColor-disabled: #85cb97;
837
836
  --button-primary-bgColor-hover: #04571e;
838
837
  --button-primary-borderColor-disabled: #85cb97;
839
- --buttonCounter-danger-fgColor-rest: #980e1e;
840
838
  --color-ansi-cyan: #1b7c83;
841
839
  --color-ansi-cyan-bright: #3192aa;
842
840
  --control-checked-bgColor-active: #033f9d;
@@ -888,7 +886,7 @@
888
886
  --borderColor-success-muted: #26a148;
889
887
  --borderColor-translucent: #59636e;
890
888
  --borderColor-transparent: #ffffff00;
891
- --button-danger-bgColor-hover: #86061d;
889
+ --button-danger-bgColor-active: #86061d;
892
890
  --button-danger-borderColor-hover: #6e011a;
893
891
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
894
892
  --button-inactive-fgColor: #454c54;
@@ -896,10 +894,9 @@
896
894
  --button-invisible-borderColor-disabled: #ffffff00;
897
895
  --button-invisible-fgColor-hover: #393f46;
898
896
  --button-invisible-iconColor-hover: #393f46;
897
+ --button-outline-borderColor-hover: #022f7a;
899
898
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
900
899
  --button-primary-bgColor-rest: #055d20;
901
- --button-primary-borderColor-active: #013d14;
902
- --button-primary-borderColor-hover: #013d14;
903
900
  --button-primary-borderColor-rest: #013d14;
904
901
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
905
902
  --button-star-iconColor: #d5a824;
@@ -954,16 +951,11 @@
954
951
  --color-prettylights-syntax-string-regexp: #024c1a;
955
952
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
956
953
  --color-prettylights-syntax-variable: #702c00;
957
- --contribution-default-bgColor-0: #eff2f5;
958
954
  --contribution-default-bgColor-1: #82e596;
959
955
  --contribution-default-bgColor-2: #26a148;
960
956
  --contribution-default-bgColor-3: #117f32;
961
957
  --contribution-default-bgColor-4: #024c1a;
962
- --contribution-default-borderColor-0: #0104090d;
963
- --contribution-default-borderColor-1: #0104090d;
964
- --contribution-default-borderColor-2: #0104090d;
965
- --contribution-default-borderColor-3: #0104090d;
966
- --contribution-default-borderColor-4: #0104090d;
958
+ --contribution-default-borderColor-0: #010409;
967
959
  --contribution-halloween-bgColor-1: #f0db3d;
968
960
  --contribution-halloween-bgColor-2: #ffd642;
969
961
  --contribution-halloween-bgColor-3: #f68c41;
@@ -1451,7 +1443,6 @@
1451
1443
  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
1452
1444
  --underlineNav-borderColor-active: #cd3425;
1453
1445
  --avatar-bgColor: #ffffff;
1454
- --avatar-borderColor: #010409e6;
1455
1446
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
1456
1447
  --bgColor-black: #010409;
1457
1448
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
@@ -1488,6 +1479,7 @@
1488
1479
  --borderColor-open-muted: var(--borderColor-success-muted);
1489
1480
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1490
1481
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1482
+ --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
1491
1483
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1492
1484
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1493
1485
  --button-danger-fgColor-active: #ffffff;
@@ -1495,7 +1487,6 @@
1495
1487
  --button-danger-fgColor-hover: #ffffff;
1496
1488
  --button-danger-fgColor-rest: var(--fgColor-danger);
1497
1489
  --button-danger-iconColor-hover: #ffffff;
1498
- --button-danger-iconColor-rest: var(--fgColor-danger);
1499
1490
  --button-default-bgColor-active: var(--control-bgColor-active);
1500
1491
  --button-default-bgColor-hover: var(--control-bgColor-hover);
1501
1492
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1512,17 +1503,20 @@
1512
1503
  --button-invisible-iconColor-rest: var(--fgColor-muted);
1513
1504
  --button-outline-bgColor-hover: var(--bgColor-accent-emphasis);
1514
1505
  --button-outline-bgColor-rest: var(--control-bgColor-rest);
1515
- --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1506
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1516
1507
  --button-outline-fgColor-active: #ffffff;
1517
1508
  --button-outline-fgColor-disabled: #023b9580;
1518
1509
  --button-outline-fgColor-hover: #ffffff;
1519
1510
  --button-outline-fgColor-rest: var(--fgColor-accent);
1511
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1512
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1520
1513
  --button-primary-fgColor-disabled: #ffffffcc;
1521
1514
  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
1522
1515
  --buttonCounter-danger-bgColor-hover: #ffffff33;
1523
1516
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
1524
1517
  --buttonCounter-danger-fgColor-disabled: #86061d80;
1525
1518
  --buttonCounter-danger-fgColor-hover: #ffffff;
1519
+ --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1526
1520
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1527
1521
  --buttonCounter-outline-bgColor-disabled: #0349b40d;
1528
1522
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1538,6 +1532,11 @@
1538
1532
  --color-prettylights-syntax-markup-bold: #010409;
1539
1533
  --color-prettylights-syntax-markup-italic: #010409;
1540
1534
  --color-prettylights-syntax-storage-modifier-import: #010409;
1535
+ --contribution-default-bgColor-0: #ffffff;
1536
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1537
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1538
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1539
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1541
1540
  --control-bgColor-disabled: var(--bgColor-disabled);
1542
1541
  --control-bgColor-selected: var(--control-bgColor-rest);
1543
1542
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1592,6 +1591,7 @@
1592
1591
  --tooltip-bgColor: var(--bgColor-emphasis);
1593
1592
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1594
1593
  --underlineNav-iconColor-rest: var(--fgColor-muted);
1594
+ --avatar-borderColor: var(--borderColor-emphasis);
1595
1595
  --border-closed-emphasis: var(--border-danger-emphasis);
1596
1596
  --border-closed-muted: var(--border-danger-muted);
1597
1597
  --border-emphasis: 0.0625rem solid #454c54;
@@ -1603,6 +1603,7 @@
1603
1603
  --borderColor-neutral-muted: var(--borderColor-muted);
1604
1604
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1605
1605
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1606
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1606
1607
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1607
1608
  --button-default-borderColor-active: var(--control-borderColor-rest);
1608
1609
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1611,7 +1612,6 @@
1611
1612
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1612
1613
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1613
1614
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1614
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1615
1615
  --button-primary-fgColor-rest: var(--fgColor-white);
1616
1616
  --button-primary-iconColor-rest: #ffffffcc;
1617
1617
  --card-bgColor: var(--bgColor-default);