@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/dark-tritanopia.css CHANGED
@@ -3,9 +3,7 @@
3
3
  [data-color-mode="auto"][data-light-theme="dark_tritanopia"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
5
5
  --bgColor-sponsors-muted: #db61a21a;
6
- --button-danger-bgColor-active: #d03533;
7
6
  --button-danger-fgColor-rest: #fa5e55;
8
- --button-danger-iconColor-rest: #fa5e55;
9
7
  --button-outline-bgColor-active: #0d419d;
10
8
  --button-outline-bgColor-disabled: #212830;
11
9
  --button-outline-bgColor-hover: #262c36;
@@ -65,6 +63,7 @@
65
63
  --borderColor-success-muted: #388bfd66;
66
64
  --borderColor-transparent: #00000000;
67
65
  --button-danger-bgColor-hover: #b62324;
66
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
68
67
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
69
68
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
70
69
  --button-inactive-bgColor: #262c36;
@@ -143,11 +142,7 @@
143
142
  --contribution-default-bgColor-2: #196c2e;
144
143
  --contribution-default-bgColor-3: #2ea043;
145
144
  --contribution-default-bgColor-4: #56d364;
146
- --contribution-default-borderColor-0: #ffffff0d;
147
- --contribution-default-borderColor-1: #ffffff0d;
148
- --contribution-default-borderColor-2: #ffffff0d;
149
- --contribution-default-borderColor-3: #ffffff0d;
150
- --contribution-default-borderColor-4: #ffffff0d;
145
+ --contribution-default-borderColor-0: #0104090d;
151
146
  --contribution-halloween-bgColor-1: #fac68f;
152
147
  --contribution-halloween-bgColor-2: #c46212;
153
148
  --contribution-halloween-bgColor-3: #984b10;
@@ -166,7 +161,7 @@
166
161
  --control-transparent-bgColor-active: #656c7640;
167
162
  --control-transparent-bgColor-hover: #656c7633;
168
163
  --control-transparent-bgColor-rest: #00000000;
169
- --control-transparent-bgColor-selected: #656c761a;
164
+ --control-transparent-bgColor-selected: #656c7633;
170
165
  --control-transparent-borderColor-active: #00000000;
171
166
  --control-transparent-borderColor-hover: #00000000;
172
167
  --control-transparent-borderColor-rest: #00000000;
@@ -503,7 +498,7 @@
503
498
  --fgColor-attention: #d29922;
504
499
  --fgColor-danger: #f85149;
505
500
  --fgColor-default: #f0f6fc;
506
- --fgColor-disabled: #656c7699;
501
+ --fgColor-disabled: #656c76;
507
502
  --fgColor-done: #ab7df8;
508
503
  --fgColor-link: var(--fgColor-accent);
509
504
  --fgColor-muted: #9198a1;
@@ -676,6 +671,7 @@
676
671
  --borderColor-translucent: #ffffff26;
677
672
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
678
673
  --borderColor-upsell-muted: var(--borderColor-done-muted);
674
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
679
675
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
680
676
  --button-danger-fgColor-active: #ffffff;
681
677
  --button-danger-fgColor-disabled: #f8514980;
@@ -694,7 +690,6 @@
694
690
  --button-invisible-iconColor-rest: var(--fgColor-muted);
695
691
  --button-outline-fgColor-active: #ffffff;
696
692
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
697
- --button-primary-borderColor-rest: #ffffff1a;
698
693
  --button-primary-fgColor-disabled: #ffffff66;
699
694
  --buttonCounter-danger-bgColor-disabled: #da36330d;
700
695
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -716,6 +711,10 @@
716
711
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
717
712
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
718
713
  --color-ansi-white-bright: #ffffff;
714
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
715
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
716
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
717
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
719
718
  --control-bgColor-disabled: var(--bgColor-disabled);
720
719
  --control-bgColor-selected: var(--control-bgColor-rest);
721
720
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -787,7 +786,6 @@
787
786
  --border-upsell-muted: 0.0625rem solid #ab7df866;
788
787
  --borderColor-neutral-muted: var(--borderColor-muted);
789
788
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
790
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
791
789
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
792
790
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
793
791
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -798,8 +796,7 @@
798
796
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
799
797
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
800
798
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
801
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
802
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
799
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
803
800
  --button-primary-fgColor-rest: var(--fgColor-white);
804
801
  --button-primary-iconColor-rest: var(--fgColor-white);
805
802
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -816,24 +813,25 @@
816
813
  --overlay-borderColor: var(--borderColor-muted);
817
814
  --tooltip-fgColor: var(--fgColor-onEmphasis);
818
815
  --border-neutral-muted: 0.0625rem solid #3d444db3;
819
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
816
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
820
817
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
821
818
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
819
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
820
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
822
821
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
823
822
  --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;
824
823
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
825
824
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
826
825
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
826
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
827
827
  --button-outline-borderColor-hover: var(--button-default-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="dark_tritanopia"],
832
- [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
833
833
  --bgColor-sponsors-muted: #db61a21a;
834
- --button-danger-bgColor-active: #d03533;
835
834
  --button-danger-fgColor-rest: #fa5e55;
836
- --button-danger-iconColor-rest: #fa5e55;
837
835
  --button-outline-bgColor-active: #0d419d;
838
836
  --button-outline-bgColor-disabled: #212830;
839
837
  --button-outline-bgColor-hover: #262c36;
@@ -893,6 +891,7 @@
893
891
  --borderColor-success-muted: #388bfd66;
894
892
  --borderColor-transparent: #00000000;
895
893
  --button-danger-bgColor-hover: #b62324;
894
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
896
895
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
897
896
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
898
897
  --button-inactive-bgColor: #262c36;
@@ -971,11 +970,7 @@
971
970
  --contribution-default-bgColor-2: #196c2e;
972
971
  --contribution-default-bgColor-3: #2ea043;
973
972
  --contribution-default-bgColor-4: #56d364;
974
- --contribution-default-borderColor-0: #ffffff0d;
975
- --contribution-default-borderColor-1: #ffffff0d;
976
- --contribution-default-borderColor-2: #ffffff0d;
977
- --contribution-default-borderColor-3: #ffffff0d;
978
- --contribution-default-borderColor-4: #ffffff0d;
973
+ --contribution-default-borderColor-0: #0104090d;
979
974
  --contribution-halloween-bgColor-1: #fac68f;
980
975
  --contribution-halloween-bgColor-2: #c46212;
981
976
  --contribution-halloween-bgColor-3: #984b10;
@@ -994,7 +989,7 @@
994
989
  --control-transparent-bgColor-active: #656c7640;
995
990
  --control-transparent-bgColor-hover: #656c7633;
996
991
  --control-transparent-bgColor-rest: #00000000;
997
- --control-transparent-bgColor-selected: #656c761a;
992
+ --control-transparent-bgColor-selected: #656c7633;
998
993
  --control-transparent-borderColor-active: #00000000;
999
994
  --control-transparent-borderColor-hover: #00000000;
1000
995
  --control-transparent-borderColor-rest: #00000000;
@@ -1331,7 +1326,7 @@
1331
1326
  --fgColor-attention: #d29922;
1332
1327
  --fgColor-danger: #f85149;
1333
1328
  --fgColor-default: #f0f6fc;
1334
- --fgColor-disabled: #656c7699;
1329
+ --fgColor-disabled: #656c76;
1335
1330
  --fgColor-done: #ab7df8;
1336
1331
  --fgColor-link: var(--fgColor-accent);
1337
1332
  --fgColor-muted: #9198a1;
@@ -1504,6 +1499,7 @@
1504
1499
  --borderColor-translucent: #ffffff26;
1505
1500
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1506
1501
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1502
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1507
1503
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1508
1504
  --button-danger-fgColor-active: #ffffff;
1509
1505
  --button-danger-fgColor-disabled: #f8514980;
@@ -1522,7 +1518,6 @@
1522
1518
  --button-invisible-iconColor-rest: var(--fgColor-muted);
1523
1519
  --button-outline-fgColor-active: #ffffff;
1524
1520
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1525
- --button-primary-borderColor-rest: #ffffff1a;
1526
1521
  --button-primary-fgColor-disabled: #ffffff66;
1527
1522
  --buttonCounter-danger-bgColor-disabled: #da36330d;
1528
1523
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -1544,6 +1539,10 @@
1544
1539
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1545
1540
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
1546
1541
  --color-ansi-white-bright: #ffffff;
1542
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1543
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1544
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1545
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1547
1546
  --control-bgColor-disabled: var(--bgColor-disabled);
1548
1547
  --control-bgColor-selected: var(--control-bgColor-rest);
1549
1548
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1615,7 +1614,6 @@
1615
1614
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1616
1615
  --borderColor-neutral-muted: var(--borderColor-muted);
1617
1616
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1618
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1619
1617
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1620
1618
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1621
1619
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1626,8 +1624,7 @@
1626
1624
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1627
1625
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1628
1626
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1629
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1630
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1627
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1631
1628
  --button-primary-fgColor-rest: var(--fgColor-white);
1632
1629
  --button-primary-iconColor-rest: var(--fgColor-white);
1633
1630
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -1644,14 +1641,17 @@
1644
1641
  --overlay-borderColor: var(--borderColor-muted);
1645
1642
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1646
1643
  --border-neutral-muted: 0.0625rem solid #3d444db3;
1647
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1644
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1648
1645
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1649
1646
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1647
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1648
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1650
1649
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1651
1650
  --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;
1652
1651
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1653
1652
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1654
1653
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1654
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1655
1655
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1656
1656
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1657
1657
  }
package/dist/css/functional/themes/dark.css CHANGED
@@ -2,9 +2,7 @@
2
2
  [data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="dark"],
4
4
  [data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
5
- --button-danger-bgColor-active: #d03533;
6
5
  --button-danger-fgColor-rest: #fa5e55;
7
- --button-danger-iconColor-rest: #fa5e55;
8
6
  --button-primary-bgColor-active: #2e9a40;
9
7
  --button-primary-bgColor-disabled: #105823;
10
8
  --button-primary-bgColor-hover: #29903b;
@@ -58,6 +56,7 @@
58
56
  --borderColor-success-muted: #2ea04366;
59
57
  --borderColor-transparent: #00000000;
60
58
  --button-danger-bgColor-hover: #b62324;
59
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
61
60
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
62
61
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
63
62
  --button-inactive-bgColor: #262c36;
@@ -137,11 +136,7 @@
137
136
  --contribution-default-bgColor-2: #196c2e;
138
137
  --contribution-default-bgColor-3: #2ea043;
139
138
  --contribution-default-bgColor-4: #56d364;
140
- --contribution-default-borderColor-0: #ffffff0d;
141
- --contribution-default-borderColor-1: #ffffff0d;
142
- --contribution-default-borderColor-2: #ffffff0d;
143
- --contribution-default-borderColor-3: #ffffff0d;
144
- --contribution-default-borderColor-4: #ffffff0d;
139
+ --contribution-default-borderColor-0: #0104090d;
145
140
  --contribution-halloween-bgColor-1: #fac68f;
146
141
  --contribution-halloween-bgColor-2: #c46212;
147
142
  --contribution-halloween-bgColor-3: #984b10;
@@ -160,7 +155,7 @@
160
155
  --control-transparent-bgColor-active: #656c7640;
161
156
  --control-transparent-bgColor-hover: #656c7633;
162
157
  --control-transparent-bgColor-rest: #00000000;
163
- --control-transparent-bgColor-selected: #656c761a;
158
+ --control-transparent-bgColor-selected: #656c7633;
164
159
  --control-transparent-borderColor-active: #00000000;
165
160
  --control-transparent-borderColor-hover: #00000000;
166
161
  --control-transparent-borderColor-rest: #00000000;
@@ -495,7 +490,7 @@
495
490
  --fgColor-attention: #d29922;
496
491
  --fgColor-danger: #f85149;
497
492
  --fgColor-default: #f0f6fc;
498
- --fgColor-disabled: #656c7699;
493
+ --fgColor-disabled: #656c76;
499
494
  --fgColor-done: #ab7df8;
500
495
  --fgColor-link: var(--fgColor-accent);
501
496
  --fgColor-muted: #9198a1;
@@ -671,6 +666,7 @@
671
666
  --borderColor-translucent: #ffffff26;
672
667
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
673
668
  --borderColor-upsell-muted: var(--borderColor-done-muted);
669
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
674
670
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
675
671
  --button-danger-fgColor-active: #ffffff;
676
672
  --button-danger-fgColor-disabled: #f8514980;
@@ -690,7 +686,6 @@
690
686
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
691
687
  --button-outline-fgColor-active: #ffffff;
692
688
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
693
- --button-primary-borderColor-rest: #ffffff1a;
694
689
  --button-primary-fgColor-disabled: #ffffff66;
695
690
  --buttonCounter-danger-bgColor-disabled: #da36330d;
696
691
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -712,6 +707,10 @@
712
707
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
713
708
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
714
709
  --color-ansi-white-bright: #ffffff;
710
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
711
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
712
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
713
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
715
714
  --control-bgColor-disabled: var(--bgColor-disabled);
716
715
  --control-bgColor-selected: var(--control-bgColor-rest);
717
716
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -786,7 +785,6 @@
786
785
  --border-upsell-muted: 0.0625rem solid #ab7df866;
787
786
  --borderColor-neutral-muted: var(--borderColor-muted);
788
787
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
789
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
790
788
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
791
789
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
792
790
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -798,8 +796,7 @@
798
796
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
799
797
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
800
798
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
801
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
802
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
799
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
803
800
  --button-primary-fgColor-rest: var(--fgColor-white);
804
801
  --button-primary-iconColor-rest: var(--fgColor-white);
805
802
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -816,23 +813,24 @@
816
813
  --overlay-borderColor: var(--borderColor-muted);
817
814
  --tooltip-fgColor: var(--fgColor-onEmphasis);
818
815
  --border-neutral-muted: 0.0625rem solid #3d444db3;
819
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
816
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
820
817
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
821
818
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
819
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
820
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
822
821
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
823
822
  --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;
824
823
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
825
824
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
826
825
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
826
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
827
827
  --button-outline-borderColor-hover: var(--button-default-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="dark"],
832
- [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
833
- --button-danger-bgColor-active: #d03533;
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
834
833
  --button-danger-fgColor-rest: #fa5e55;
835
- --button-danger-iconColor-rest: #fa5e55;
836
834
  --button-primary-bgColor-active: #2e9a40;
837
835
  --button-primary-bgColor-disabled: #105823;
838
836
  --button-primary-bgColor-hover: #29903b;
@@ -886,6 +884,7 @@
886
884
  --borderColor-success-muted: #2ea04366;
887
885
  --borderColor-transparent: #00000000;
888
886
  --button-danger-bgColor-hover: #b62324;
887
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
889
888
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
890
889
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
891
890
  --button-inactive-bgColor: #262c36;
@@ -965,11 +964,7 @@
965
964
  --contribution-default-bgColor-2: #196c2e;
966
965
  --contribution-default-bgColor-3: #2ea043;
967
966
  --contribution-default-bgColor-4: #56d364;
968
- --contribution-default-borderColor-0: #ffffff0d;
969
- --contribution-default-borderColor-1: #ffffff0d;
970
- --contribution-default-borderColor-2: #ffffff0d;
971
- --contribution-default-borderColor-3: #ffffff0d;
972
- --contribution-default-borderColor-4: #ffffff0d;
967
+ --contribution-default-borderColor-0: #0104090d;
973
968
  --contribution-halloween-bgColor-1: #fac68f;
974
969
  --contribution-halloween-bgColor-2: #c46212;
975
970
  --contribution-halloween-bgColor-3: #984b10;
@@ -988,7 +983,7 @@
988
983
  --control-transparent-bgColor-active: #656c7640;
989
984
  --control-transparent-bgColor-hover: #656c7633;
990
985
  --control-transparent-bgColor-rest: #00000000;
991
- --control-transparent-bgColor-selected: #656c761a;
986
+ --control-transparent-bgColor-selected: #656c7633;
992
987
  --control-transparent-borderColor-active: #00000000;
993
988
  --control-transparent-borderColor-hover: #00000000;
994
989
  --control-transparent-borderColor-rest: #00000000;
@@ -1323,7 +1318,7 @@
1323
1318
  --fgColor-attention: #d29922;
1324
1319
  --fgColor-danger: #f85149;
1325
1320
  --fgColor-default: #f0f6fc;
1326
- --fgColor-disabled: #656c7699;
1321
+ --fgColor-disabled: #656c76;
1327
1322
  --fgColor-done: #ab7df8;
1328
1323
  --fgColor-link: var(--fgColor-accent);
1329
1324
  --fgColor-muted: #9198a1;
@@ -1499,6 +1494,7 @@
1499
1494
  --borderColor-translucent: #ffffff26;
1500
1495
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1501
1496
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1497
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1502
1498
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1503
1499
  --button-danger-fgColor-active: #ffffff;
1504
1500
  --button-danger-fgColor-disabled: #f8514980;
@@ -1518,7 +1514,6 @@
1518
1514
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1519
1515
  --button-outline-fgColor-active: #ffffff;
1520
1516
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1521
- --button-primary-borderColor-rest: #ffffff1a;
1522
1517
  --button-primary-fgColor-disabled: #ffffff66;
1523
1518
  --buttonCounter-danger-bgColor-disabled: #da36330d;
1524
1519
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -1540,6 +1535,10 @@
1540
1535
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1541
1536
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
1542
1537
  --color-ansi-white-bright: #ffffff;
1538
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1539
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1540
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1541
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1543
1542
  --control-bgColor-disabled: var(--bgColor-disabled);
1544
1543
  --control-bgColor-selected: var(--control-bgColor-rest);
1545
1544
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1614,7 +1613,6 @@
1614
1613
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1615
1614
  --borderColor-neutral-muted: var(--borderColor-muted);
1616
1615
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1617
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1618
1616
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1619
1617
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1620
1618
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1626,8 +1624,7 @@
1626
1624
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1627
1625
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1628
1626
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1629
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1630
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1627
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1631
1628
  --button-primary-fgColor-rest: var(--fgColor-white);
1632
1629
  --button-primary-iconColor-rest: var(--fgColor-white);
1633
1630
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -1644,14 +1641,17 @@
1644
1641
  --overlay-borderColor: var(--borderColor-muted);
1645
1642
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1646
1643
  --border-neutral-muted: 0.0625rem solid #3d444db3;
1647
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1644
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1648
1645
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1649
1646
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1647
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1648
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1650
1649
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1651
1650
  --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;
1652
1651
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1653
1652
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1654
1653
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1654
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1655
1655
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1656
1656
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1657
1657
  }