@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.a6a4b391

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 +26 -26
  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 +26 -26
  12. package/dist/css/functional/themes/dark.css +26 -26
  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 +43196 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7751 -517
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7795 -561
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7749 -519
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7751 -517
  26. package/dist/docs/functional/themes/dark.json +7751 -517
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43156 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7742 -508
  29. package/dist/docs/functional/themes/light-high-contrast.json +7758 -528
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7740 -506
  32. package/dist/docs/functional/themes/light.json +7740 -506
  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 +35 -38
  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 +35 -38
  42. package/dist/figma/themes/dark.json +35 -38
  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 +26 -26
  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 +26 -26
  56. package/dist/internalCss/dark.css +26 -26
  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 +43196 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7751 -517
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7795 -561
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7749 -519
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7751 -517
  70. package/dist/styleLint/functional/themes/dark.json +7751 -517
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43156 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7742 -508
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7758 -528
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7740 -506
  76. package/dist/styleLint/functional/themes/light.json +7740 -506
  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 +343 -0
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -17
  95. package/src/tokens/functional/color/syntax.json5 +44 -2
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -2,14 +2,14 @@
2
2
  [data-color-mode="dark"][data-dark-theme="dark_dimmed"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="dark_dimmed"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_dimmed"] ::backdrop {
5
- --button-danger-bgColor-active: #c33d38;
5
+ --button-danger-fgColor-active: #ffffff;
6
+ --button-danger-fgColor-hover: #ffffff;
6
7
  --button-danger-fgColor-rest: #ea5c53;
7
- --button-danger-iconColor-rest: #ea5c53;
8
8
  --button-outline-fgColor-disabled: #478be680;
9
9
  --button-primary-bgColor-active: #428f46;
10
- --button-primary-bgColor-disabled: #50a254;
10
+ --button-primary-bgColor-disabled: #105823;
11
11
  --button-primary-bgColor-hover: #3b8640;
12
- --button-primary-borderColor-disabled: #50a254;
12
+ --button-primary-borderColor-disabled: #105823;
13
13
  --button-primary-fgColor-rest: #ffffff;
14
14
  --button-primary-iconColor-rest: #ffffff;
15
15
  --color-ansi-cyan: #39c5cf;
@@ -68,6 +68,7 @@
68
68
  --borderColor-transparent: #00000000;
69
69
  --button-danger-bgColor-hover: #ad2e2c;
70
70
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
71
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
71
72
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
72
73
  --button-default-borderColor-rest: var(--control-borderColor-rest);
73
74
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
@@ -149,11 +150,7 @@
149
150
  --contribution-default-bgColor-2: #2b6a30;
150
151
  --contribution-default-bgColor-3: #46954a;
151
152
  --contribution-default-bgColor-4: #6bc46d;
152
- --contribution-default-borderColor-0: #cdd9e50d;
153
- --contribution-default-borderColor-1: #cdd9e50d;
154
- --contribution-default-borderColor-2: #cdd9e50d;
155
- --contribution-default-borderColor-3: #cdd9e50d;
156
- --contribution-default-borderColor-4: #cdd9e50d;
153
+ --contribution-default-borderColor-0: #0104090d;
157
154
  --contribution-halloween-bgColor-1: #fac68f;
158
155
  --contribution-halloween-bgColor-2: #c46212;
159
156
  --contribution-halloween-bgColor-3: #984b10;
@@ -649,7 +646,7 @@
649
646
  --topicTag-borderColor: #00000000;
650
647
  --underlineNav-borderColor-active: #ec775c;
651
648
  --avatar-bgColor: #cdd9e51a;
652
- --bgColor-black: #1c2128;
649
+ --bgColor-black: #010409;
653
650
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
654
651
  --bgColor-closed-muted: var(--bgColor-danger-muted);
655
652
  --bgColor-inverse: #cdd9e5;
@@ -686,10 +683,9 @@
686
683
  --borderColor-translucent: #cdd9e526;
687
684
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
688
685
  --borderColor-upsell-muted: var(--borderColor-done-muted);
686
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
689
687
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
690
- --button-danger-fgColor-active: #cdd9e5;
691
688
  --button-danger-fgColor-disabled: #e5534b80;
692
- --button-danger-fgColor-hover: #cdd9e5;
693
689
  --button-danger-iconColor-hover: #cdd9e5;
694
690
  --button-default-bgColor-active: var(--control-bgColor-active);
695
691
  --button-default-bgColor-hover: var(--control-bgColor-hover);
@@ -706,7 +702,6 @@
706
702
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
707
703
  --button-outline-fgColor-active: #cdd9e5;
708
704
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
709
- --button-primary-borderColor-rest: #cdd9e51a;
710
705
  --button-primary-fgColor-disabled: #cdd9e566;
711
706
  --buttonCounter-danger-bgColor-disabled: #c93c370d;
712
707
  --buttonCounter-danger-bgColor-hover: #cdd9e533;
@@ -728,6 +723,10 @@
728
723
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
729
724
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
730
725
  --color-ansi-white-bright: #cdd9e5;
726
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
727
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
728
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
729
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
731
730
  --control-bgColor-disabled: var(--bgColor-disabled);
732
731
  --control-bgColor-selected: var(--control-bgColor-rest);
733
732
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -736,7 +735,7 @@
736
735
  --control-borderColor-warning: var(--borderColor-attention-emphasis);
737
736
  --control-checked-bgColor-disabled: var(--fgColor-disabled);
738
737
  --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
739
- --control-checked-fgColor-disabled: #1c2128;
738
+ --control-checked-fgColor-disabled: #010409;
740
739
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
741
740
  --control-danger-bgColor-active: #e5534b66;
742
741
  --control-danger-bgColor-hover: var(--bgColor-danger-muted);
@@ -770,9 +769,9 @@
770
769
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
771
770
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
772
771
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
773
- --fgColor-black: #1c2128;
772
+ --fgColor-black: #010409;
774
773
  --fgColor-closed: var(--fgColor-danger);
775
- --fgColor-onInverse: #1c2128;
774
+ --fgColor-onInverse: #010409;
776
775
  --fgColor-open: var(--fgColor-success);
777
776
  --fgColor-upsell: var(--fgColor-done);
778
777
  --fgColor-white: #cdd9e5;
@@ -782,15 +781,15 @@
782
781
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
783
782
  --selectMenu-borderColor: var(--borderColor-default);
784
783
  --selection-bgColor: #316dcab3;
785
- --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
786
- --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
787
- --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
788
- --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
789
- --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
790
- --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
791
- --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
792
- --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
793
- --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
784
+ --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
785
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
786
+ --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
787
+ --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
788
+ --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
789
+ --shadow-inset: inset 0px 1px 0px 0px #0104093d;
790
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
791
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
792
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
794
793
  --tooltip-bgColor: var(--bgColor-emphasis);
795
794
  --tooltip-fgColor: var(--fgColor-onEmphasis);
796
795
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -805,7 +804,6 @@
805
804
  --border-upsell-emphasis: 0.0625rem solid #8256d0;
806
805
  --border-upsell-muted: 0.0625rem solid #986ee266;
807
806
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
808
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
809
807
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
810
808
  --button-default-fgColor-rest: var(--control-fgColor-rest);
811
809
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
@@ -815,8 +813,7 @@
815
813
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
816
814
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
817
815
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
818
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
819
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
816
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
820
817
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
821
818
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
822
819
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
@@ -824,20 +821,23 @@
824
821
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
825
822
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
826
823
  --focus-outline: 2px solid #316dca;
827
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
824
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
828
825
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
826
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
827
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
828
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
829
829
  }
830
830
  @media (prefers-color-scheme: dark) {
831
- [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
832
- [data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
833
- --button-danger-bgColor-active: #c33d38;
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_dimmed"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
833
+ --button-danger-fgColor-active: #ffffff;
834
+ --button-danger-fgColor-hover: #ffffff;
834
835
  --button-danger-fgColor-rest: #ea5c53;
835
- --button-danger-iconColor-rest: #ea5c53;
836
836
  --button-outline-fgColor-disabled: #478be680;
837
837
  --button-primary-bgColor-active: #428f46;
838
- --button-primary-bgColor-disabled: #50a254;
838
+ --button-primary-bgColor-disabled: #105823;
839
839
  --button-primary-bgColor-hover: #3b8640;
840
- --button-primary-borderColor-disabled: #50a254;
840
+ --button-primary-borderColor-disabled: #105823;
841
841
  --button-primary-fgColor-rest: #ffffff;
842
842
  --button-primary-iconColor-rest: #ffffff;
843
843
  --color-ansi-cyan: #39c5cf;
@@ -896,6 +896,7 @@
896
896
  --borderColor-transparent: #00000000;
897
897
  --button-danger-bgColor-hover: #ad2e2c;
898
898
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
899
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
899
900
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
900
901
  --button-default-borderColor-rest: var(--control-borderColor-rest);
901
902
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
@@ -977,11 +978,7 @@
977
978
  --contribution-default-bgColor-2: #2b6a30;
978
979
  --contribution-default-bgColor-3: #46954a;
979
980
  --contribution-default-bgColor-4: #6bc46d;
980
- --contribution-default-borderColor-0: #cdd9e50d;
981
- --contribution-default-borderColor-1: #cdd9e50d;
982
- --contribution-default-borderColor-2: #cdd9e50d;
983
- --contribution-default-borderColor-3: #cdd9e50d;
984
- --contribution-default-borderColor-4: #cdd9e50d;
981
+ --contribution-default-borderColor-0: #0104090d;
985
982
  --contribution-halloween-bgColor-1: #fac68f;
986
983
  --contribution-halloween-bgColor-2: #c46212;
987
984
  --contribution-halloween-bgColor-3: #984b10;
@@ -1477,7 +1474,7 @@
1477
1474
  --topicTag-borderColor: #00000000;
1478
1475
  --underlineNav-borderColor-active: #ec775c;
1479
1476
  --avatar-bgColor: #cdd9e51a;
1480
- --bgColor-black: #1c2128;
1477
+ --bgColor-black: #010409;
1481
1478
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1482
1479
  --bgColor-closed-muted: var(--bgColor-danger-muted);
1483
1480
  --bgColor-inverse: #cdd9e5;
@@ -1514,10 +1511,9 @@
1514
1511
  --borderColor-translucent: #cdd9e526;
1515
1512
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1516
1513
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1514
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1517
1515
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1518
- --button-danger-fgColor-active: #cdd9e5;
1519
1516
  --button-danger-fgColor-disabled: #e5534b80;
1520
- --button-danger-fgColor-hover: #cdd9e5;
1521
1517
  --button-danger-iconColor-hover: #cdd9e5;
1522
1518
  --button-default-bgColor-active: var(--control-bgColor-active);
1523
1519
  --button-default-bgColor-hover: var(--control-bgColor-hover);
@@ -1534,7 +1530,6 @@
1534
1530
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1535
1531
  --button-outline-fgColor-active: #cdd9e5;
1536
1532
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1537
- --button-primary-borderColor-rest: #cdd9e51a;
1538
1533
  --button-primary-fgColor-disabled: #cdd9e566;
1539
1534
  --buttonCounter-danger-bgColor-disabled: #c93c370d;
1540
1535
  --buttonCounter-danger-bgColor-hover: #cdd9e533;
@@ -1556,6 +1551,10 @@
1556
1551
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1557
1552
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
1558
1553
  --color-ansi-white-bright: #cdd9e5;
1554
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1555
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1556
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1557
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1559
1558
  --control-bgColor-disabled: var(--bgColor-disabled);
1560
1559
  --control-bgColor-selected: var(--control-bgColor-rest);
1561
1560
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1564,7 +1563,7 @@
1564
1563
  --control-borderColor-warning: var(--borderColor-attention-emphasis);
1565
1564
  --control-checked-bgColor-disabled: var(--fgColor-disabled);
1566
1565
  --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
1567
- --control-checked-fgColor-disabled: #1c2128;
1566
+ --control-checked-fgColor-disabled: #010409;
1568
1567
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1569
1568
  --control-danger-bgColor-active: #e5534b66;
1570
1569
  --control-danger-bgColor-hover: var(--bgColor-danger-muted);
@@ -1598,9 +1597,9 @@
1598
1597
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1599
1598
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1600
1599
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1601
- --fgColor-black: #1c2128;
1600
+ --fgColor-black: #010409;
1602
1601
  --fgColor-closed: var(--fgColor-danger);
1603
- --fgColor-onInverse: #1c2128;
1602
+ --fgColor-onInverse: #010409;
1604
1603
  --fgColor-open: var(--fgColor-success);
1605
1604
  --fgColor-upsell: var(--fgColor-done);
1606
1605
  --fgColor-white: #cdd9e5;
@@ -1610,15 +1609,15 @@
1610
1609
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1611
1610
  --selectMenu-borderColor: var(--borderColor-default);
1612
1611
  --selection-bgColor: #316dcab3;
1613
- --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
1614
- --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1615
- --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
1616
- --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1617
- --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
1618
- --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
1619
- --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
1620
- --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
1621
- --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
1612
+ --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1613
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1614
+ --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1615
+ --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1616
+ --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1617
+ --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1618
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1619
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1620
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1622
1621
  --tooltip-bgColor: var(--bgColor-emphasis);
1623
1622
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1624
1623
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -1633,7 +1632,6 @@
1633
1632
  --border-upsell-emphasis: 0.0625rem solid #8256d0;
1634
1633
  --border-upsell-muted: 0.0625rem solid #986ee266;
1635
1634
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1636
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1637
1635
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1638
1636
  --button-default-fgColor-rest: var(--control-fgColor-rest);
1639
1637
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
@@ -1643,8 +1641,7 @@
1643
1641
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1644
1642
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1645
1643
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1646
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1647
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1644
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1648
1645
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1649
1646
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1650
1647
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1652,7 +1649,10 @@
1652
1649
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1653
1650
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1654
1651
  --focus-outline: 2px solid #316dca;
1655
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1652
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1656
1653
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1654
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1655
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1656
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1657
1657
  }
1658
1658
  }
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -2,7 +2,6 @@
2
2
  [data-color-mode="dark"][data-dark-theme="dark_high_contrast"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="dark_high_contrast"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
5
- --button-danger-iconColor-rest: #ffb1af;
6
5
  --button-primary-bgColor-active: #109135;
7
6
  --button-primary-bgColor-disabled: #048f2f;
8
7
  --button-primary-bgColor-hover: #08792b;
@@ -57,6 +56,7 @@
57
56
  --borderColor-success-muted: #0ac740;
58
57
  --borderColor-translucent: #9198a1;
59
58
  --borderColor-transparent: #00000000;
59
+ --button-danger-bgColor-hover: #ad0116;
60
60
  --button-danger-borderColor-active: #ffb1af;
61
61
  --button-danger-borderColor-hover: #ffb1af;
62
62
  --button-danger-fgColor-rest: #ffb1af;
@@ -75,9 +75,7 @@
75
75
  --button-outline-fgColor-hover: #71b7ff;
76
76
  --button-outline-fgColor-rest: #5cacff;
77
77
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
78
- --button-primary-borderColor-active: #4ae168;
79
78
  --button-primary-borderColor-disabled: #4ae16866;
80
- --button-primary-borderColor-hover: #4ae168;
81
79
  --button-primary-borderColor-rest: #4ae168;
82
80
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
83
81
  --button-star-iconColor: #f7c843;
@@ -140,16 +138,11 @@
140
138
  --color-prettylights-syntax-string-regexp: #72f088;
141
139
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
142
140
  --color-prettylights-syntax-variable: #ffb757;
143
- --contribution-default-bgColor-0: #151b23;
144
141
  --contribution-default-bgColor-1: #007728;
145
142
  --contribution-default-bgColor-2: #02a232;
146
143
  --contribution-default-bgColor-3: #0ac740;
147
144
  --contribution-default-bgColor-4: #4ae168;
148
- --contribution-default-borderColor-0: #ffffff0d;
149
- --contribution-default-borderColor-1: #ffffff0d;
150
- --contribution-default-borderColor-2: #ffffff0d;
151
- --contribution-default-borderColor-3: #ffffff0d;
152
- --contribution-default-borderColor-4: #ffffff0d;
145
+ --contribution-default-borderColor-0: #ffffff;
153
146
  --contribution-halloween-bgColor-1: #fac68f;
154
147
  --contribution-halloween-bgColor-2: #c46212;
155
148
  --contribution-halloween-bgColor-3: #984b10;
@@ -635,7 +628,6 @@
635
628
  --timelineBadge-bgColor: #212830;
636
629
  --underlineNav-borderColor-active: #ff967d;
637
630
  --avatar-bgColor: #ffffff1a;
638
- --avatar-borderColor: #ffffffe6;
639
631
  --bgColor-black: #010409;
640
632
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
641
633
  --bgColor-closed-muted: var(--bgColor-danger-muted);
@@ -673,12 +665,12 @@
673
665
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
674
666
  --borderColor-upsell-muted: var(--borderColor-done-muted);
675
667
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
676
- --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
677
668
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
678
669
  --button-danger-fgColor-active: #ffffff;
679
670
  --button-danger-fgColor-disabled: #ff949280;
680
671
  --button-danger-fgColor-hover: #ffffff;
681
672
  --button-danger-iconColor-hover: #ffffff;
673
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
682
674
  --button-default-bgColor-active: var(--control-bgColor-active);
683
675
  --button-default-bgColor-hover: var(--control-bgColor-hover);
684
676
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -689,6 +681,8 @@
689
681
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
690
682
  --button-outline-fgColor-active: #ffffff;
691
683
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
684
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
685
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
692
686
  --button-primary-fgColor-disabled: #ffffff66;
693
687
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
694
688
  --buttonCounter-danger-bgColor-hover: #01040926;
@@ -704,6 +698,11 @@
704
698
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
705
699
  --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
706
700
  --color-ansi-white-bright: #ffffff;
701
+ --contribution-default-bgColor-0: #010409;
702
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
703
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
704
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
705
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
707
706
  --control-bgColor-disabled: var(--bgColor-disabled);
708
707
  --control-bgColor-selected: var(--control-bgColor-rest);
709
708
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -757,6 +756,7 @@
757
756
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
758
757
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
759
758
  --underlineNav-iconColor-rest: var(--fgColor-muted);
759
+ --avatar-borderColor: var(--borderColor-emphasis);
760
760
  --border-closed-emphasis: var(--border-danger-emphasis);
761
761
  --border-closed-muted: var(--border-danger-muted);
762
762
  --border-emphasis: 0.0625rem solid #b7bdc8;
@@ -828,9 +828,8 @@
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="dark_high_contrast"],
832
- [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
833
- --button-danger-iconColor-rest: #ffb1af;
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
834
833
  --button-primary-bgColor-active: #109135;
835
834
  --button-primary-bgColor-disabled: #048f2f;
836
835
  --button-primary-bgColor-hover: #08792b;
@@ -885,6 +884,7 @@
885
884
  --borderColor-success-muted: #0ac740;
886
885
  --borderColor-translucent: #9198a1;
887
886
  --borderColor-transparent: #00000000;
887
+ --button-danger-bgColor-hover: #ad0116;
888
888
  --button-danger-borderColor-active: #ffb1af;
889
889
  --button-danger-borderColor-hover: #ffb1af;
890
890
  --button-danger-fgColor-rest: #ffb1af;
@@ -903,9 +903,7 @@
903
903
  --button-outline-fgColor-hover: #71b7ff;
904
904
  --button-outline-fgColor-rest: #5cacff;
905
905
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
906
- --button-primary-borderColor-active: #4ae168;
907
906
  --button-primary-borderColor-disabled: #4ae16866;
908
- --button-primary-borderColor-hover: #4ae168;
909
907
  --button-primary-borderColor-rest: #4ae168;
910
908
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
911
909
  --button-star-iconColor: #f7c843;
@@ -968,16 +966,11 @@
968
966
  --color-prettylights-syntax-string-regexp: #72f088;
969
967
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
970
968
  --color-prettylights-syntax-variable: #ffb757;
971
- --contribution-default-bgColor-0: #151b23;
972
969
  --contribution-default-bgColor-1: #007728;
973
970
  --contribution-default-bgColor-2: #02a232;
974
971
  --contribution-default-bgColor-3: #0ac740;
975
972
  --contribution-default-bgColor-4: #4ae168;
976
- --contribution-default-borderColor-0: #ffffff0d;
977
- --contribution-default-borderColor-1: #ffffff0d;
978
- --contribution-default-borderColor-2: #ffffff0d;
979
- --contribution-default-borderColor-3: #ffffff0d;
980
- --contribution-default-borderColor-4: #ffffff0d;
973
+ --contribution-default-borderColor-0: #ffffff;
981
974
  --contribution-halloween-bgColor-1: #fac68f;
982
975
  --contribution-halloween-bgColor-2: #c46212;
983
976
  --contribution-halloween-bgColor-3: #984b10;
@@ -1463,7 +1456,6 @@
1463
1456
  --timelineBadge-bgColor: #212830;
1464
1457
  --underlineNav-borderColor-active: #ff967d;
1465
1458
  --avatar-bgColor: #ffffff1a;
1466
- --avatar-borderColor: #ffffffe6;
1467
1459
  --bgColor-black: #010409;
1468
1460
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1469
1461
  --bgColor-closed-muted: var(--bgColor-danger-muted);
@@ -1501,12 +1493,12 @@
1501
1493
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1502
1494
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1503
1495
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1504
- --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
1505
1496
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1506
1497
  --button-danger-fgColor-active: #ffffff;
1507
1498
  --button-danger-fgColor-disabled: #ff949280;
1508
1499
  --button-danger-fgColor-hover: #ffffff;
1509
1500
  --button-danger-iconColor-hover: #ffffff;
1501
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1510
1502
  --button-default-bgColor-active: var(--control-bgColor-active);
1511
1503
  --button-default-bgColor-hover: var(--control-bgColor-hover);
1512
1504
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1517,6 +1509,8 @@
1517
1509
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1518
1510
  --button-outline-fgColor-active: #ffffff;
1519
1511
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1512
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1513
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1520
1514
  --button-primary-fgColor-disabled: #ffffff66;
1521
1515
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
1522
1516
  --buttonCounter-danger-bgColor-hover: #01040926;
@@ -1532,6 +1526,11 @@
1532
1526
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
1533
1527
  --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
1534
1528
  --color-ansi-white-bright: #ffffff;
1529
+ --contribution-default-bgColor-0: #010409;
1530
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1531
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1532
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1533
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1535
1534
  --control-bgColor-disabled: var(--bgColor-disabled);
1536
1535
  --control-bgColor-selected: var(--control-bgColor-rest);
1537
1536
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1585,6 +1584,7 @@
1585
1584
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1586
1585
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1587
1586
  --underlineNav-iconColor-rest: var(--fgColor-muted);
1587
+ --avatar-borderColor: var(--borderColor-emphasis);
1588
1588
  --border-closed-emphasis: var(--border-danger-emphasis);
1589
1589
  --border-closed-muted: var(--border-danger-muted);
1590
1590
  --border-emphasis: 0.0625rem solid #b7bdc8;