@primer/primitives 9.0.0-rc.fa8264ac → 9.0.0

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 (81) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -8
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -6
  3. package/dist/css/functional/themes/dark-high-contrast.css +54 -50
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -8
  5. package/dist/css/functional/themes/dark.css +10 -6
  6. package/dist/css/functional/themes/light-colorblind.css +16 -12
  7. package/dist/css/functional/themes/light-high-contrast.css +22 -18
  8. package/dist/css/functional/themes/light-tritanopia.css +16 -12
  9. package/dist/css/functional/themes/light.css +14 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +153 -97
  11. package/dist/docs/functional/themes/dark-dimmed.json +155 -99
  12. package/dist/docs/functional/themes/dark-high-contrast.json +243 -161
  13. package/dist/docs/functional/themes/dark-tritanopia.json +153 -97
  14. package/dist/docs/functional/themes/dark.json +152 -96
  15. package/dist/docs/functional/themes/light-colorblind.json +159 -101
  16. package/dist/docs/functional/themes/light-high-contrast.json +177 -117
  17. package/dist/docs/functional/themes/light-tritanopia.json +159 -101
  18. package/dist/docs/functional/themes/light.json +158 -100
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +56 -24
  21. package/dist/figma/scales/dark-high-constrast.json +56 -24
  22. package/dist/figma/scales/dark.json +56 -24
  23. package/dist/figma/scales/light-high-constrast.json +59 -27
  24. package/dist/figma/scales/light.json +59 -27
  25. package/dist/figma/shadows/dark-colorblind.json +167 -167
  26. package/dist/figma/shadows/dark-dimmed.json +167 -167
  27. package/dist/figma/shadows/dark-high-contrast.json +167 -167
  28. package/dist/figma/shadows/dark-tritanopia.json +167 -167
  29. package/dist/figma/shadows/dark.json +167 -167
  30. package/dist/figma/shadows/light-colorblind.json +84 -84
  31. package/dist/figma/shadows/light-high-contrast.json +84 -84
  32. package/dist/figma/shadows/light-tritanopia.json +84 -84
  33. package/dist/figma/shadows/light.json +84 -84
  34. package/dist/figma/themes/dark-colorblind.json +1023 -992
  35. package/dist/figma/themes/dark-dimmed.json +1943 -1912
  36. package/dist/figma/themes/dark-high-contrast.json +2865 -2830
  37. package/dist/figma/themes/dark-tritanopia.json +1022 -991
  38. package/dist/figma/themes/dark.json +1019 -988
  39. package/dist/figma/themes/light-colorblind.json +1419 -1387
  40. package/dist/figma/themes/light-high-contrast.json +1254 -1221
  41. package/dist/figma/themes/light-tritanopia.json +1419 -1387
  42. package/dist/figma/themes/light.json +1357 -1325
  43. package/dist/internalCss/dark-colorblind.css +40 -32
  44. package/dist/internalCss/dark-dimmed.css +38 -30
  45. package/dist/internalCss/dark-high-contrast.css +82 -74
  46. package/dist/internalCss/dark-tritanopia.css +40 -32
  47. package/dist/internalCss/dark.css +38 -30
  48. package/dist/internalCss/light-colorblind.css +46 -38
  49. package/dist/internalCss/light-high-contrast.css +52 -44
  50. package/dist/internalCss/light-tritanopia.css +46 -38
  51. package/dist/internalCss/light.css +44 -36
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +153 -97
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +155 -99
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +243 -161
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -97
  56. package/dist/styleLint/functional/themes/dark.json +152 -96
  57. package/dist/styleLint/functional/themes/light-colorblind.json +159 -101
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +177 -117
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +159 -101
  60. package/dist/styleLint/functional/themes/light.json +158 -100
  61. package/package.json +1 -1
  62. package/src/schemas/colorToken.ts +1 -1
  63. package/src/schemas/dimensionToken.ts +1 -0
  64. package/src/schemas/scopes.ts +10 -21
  65. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
  66. package/src/tokens/base/color/dark/dark.json5 +29 -11
  67. package/src/tokens/base/color/light/light.json5 +29 -11
  68. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  69. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +24 -24
  70. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +82 -83
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +62 -37
  72. package/src/tokens/functional/color/dark/primitives-dark.json5 +23 -23
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  74. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  75. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -25
  76. package/src/tokens/functional/color/light/patterns-light.json5 +65 -39
  77. package/src/tokens/functional/color/light/primitives-light.json5 +23 -23
  78. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  79. package/src/tokens/functional/shadow/dark.json5 +15 -15
  80. package/src/tokens/functional/shadow/light.json5 +16 -16
  81. package/src/transformers/figmaAttributes.ts +6 -0
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -6,18 +6,20 @@
6
6
  --base-color-inset: #010409;
7
7
  --base-color-white: #ffffff;
8
8
  --base-color-transparent: #00000000;
9
- --base-color-neutral-0: #0d1117;
10
- --base-color-neutral-1: #151b23;
11
- --base-color-neutral-2: #212830;
12
- --base-color-neutral-3: #262c36;
13
- --base-color-neutral-4: #2a313c;
14
- --base-color-neutral-5: #2f3742;
15
- --base-color-neutral-6: #3d444d;
16
- --base-color-neutral-7: #656c76;
17
- --base-color-neutral-8: #9198a1;
18
- --base-color-neutral-9: #b7bdc8;
19
- --base-color-neutral-10: #d1d7e0;
20
- --base-color-neutral-11: #f0f6fc;
9
+ --base-color-neutral-0: #010409;
10
+ --base-color-neutral-1: #0d1117;
11
+ --base-color-neutral-2: #151b23;
12
+ --base-color-neutral-3: #212830;
13
+ --base-color-neutral-4: #262c36;
14
+ --base-color-neutral-5: #2a313c;
15
+ --base-color-neutral-6: #2f3742;
16
+ --base-color-neutral-7: #3d444d;
17
+ --base-color-neutral-8: #656c76;
18
+ --base-color-neutral-9: #9198a1;
19
+ --base-color-neutral-10: #b7bdc8;
20
+ --base-color-neutral-11: #d1d7e0;
21
+ --base-color-neutral-12: #f0f6fc;
22
+ --base-color-neutral-13: #ffffff;
21
23
  --base-color-blue-0: #cae8ff;
22
24
  --base-color-blue-1: #a5d6ff;
23
25
  --base-color-blue-2: #79c0ff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #9198a1;
314
316
  --codeMirror-cursor-fgColor: #f0f6fc;
315
317
  --codeMirror-selection-bgColor: #388bfd66;
316
- --codeMirror-activeline-bgColor: #2f3742b3;
318
+ --codeMirror-activeline-bgColor: #656c7633;
317
319
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
318
320
  --codeMirror-lines-bgColor: #0d1117;
319
321
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #212830;
504
506
  --controlKnob-borderColor-checked: #1f6feb;
505
507
  --counter-borderColor: #00000000;
508
+ --counter-bgColor-muted: #656c7633;
509
+ --counter-bgColor-emphasis: #656c76;
506
510
  --button-default-fgColor-rest: #f0f6fc;
507
511
  --button-default-bgColor-rest: #212830;
508
512
  --button-default-bgColor-hover: #262c36;
@@ -568,7 +572,7 @@
568
572
  --button-inactive-bgColor: #262c36;
569
573
  --button-star-iconColor: #e3b341;
570
574
  --buttonCounter-default-bgColor-rest: #2f3742;
571
- --buttonCounter-invisible-bgColor-rest: #2f3742;
575
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
572
576
  --buttonCounter-primary-bgColor-rest: #04260f33;
573
577
  --buttonCounter-outline-bgColor-rest: #051d4d33;
574
578
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -746,7 +750,7 @@
746
750
  --bgColor-black: #010409;
747
751
  --bgColor-disabled: #212830;
748
752
  --bgColor-transparent: #00000000;
749
- --bgColor-neutral-muted: #2f3742b3;
753
+ --bgColor-neutral-muted: #656c7633;
750
754
  --bgColor-neutral-emphasis: #656c76;
751
755
  --bgColor-accent-muted: #388bfd1a;
752
756
  --bgColor-accent-emphasis: #1f6feb;
@@ -760,7 +764,7 @@
760
764
  --bgColor-severe-emphasis: #da3633;
761
765
  --bgColor-danger-muted: #f851491a;
762
766
  --bgColor-danger-emphasis: #da3633;
763
- --bgColor-closed-muted: #2f37421a;
767
+ --bgColor-closed-muted: #656c761a;
764
768
  --bgColor-closed-emphasis: #656c76;
765
769
  --bgColor-done-muted: #ab7df826;
766
770
  --bgColor-done-emphasis: #8957e5;
@@ -861,18 +865,20 @@
861
865
  --base-color-inset: #010409;
862
866
  --base-color-white: #ffffff;
863
867
  --base-color-transparent: #00000000;
864
- --base-color-neutral-0: #0d1117;
865
- --base-color-neutral-1: #151b23;
866
- --base-color-neutral-2: #212830;
867
- --base-color-neutral-3: #262c36;
868
- --base-color-neutral-4: #2a313c;
869
- --base-color-neutral-5: #2f3742;
870
- --base-color-neutral-6: #3d444d;
871
- --base-color-neutral-7: #656c76;
872
- --base-color-neutral-8: #9198a1;
873
- --base-color-neutral-9: #b7bdc8;
874
- --base-color-neutral-10: #d1d7e0;
875
- --base-color-neutral-11: #f0f6fc;
868
+ --base-color-neutral-0: #010409;
869
+ --base-color-neutral-1: #0d1117;
870
+ --base-color-neutral-2: #151b23;
871
+ --base-color-neutral-3: #212830;
872
+ --base-color-neutral-4: #262c36;
873
+ --base-color-neutral-5: #2a313c;
874
+ --base-color-neutral-6: #2f3742;
875
+ --base-color-neutral-7: #3d444d;
876
+ --base-color-neutral-8: #656c76;
877
+ --base-color-neutral-9: #9198a1;
878
+ --base-color-neutral-10: #b7bdc8;
879
+ --base-color-neutral-11: #d1d7e0;
880
+ --base-color-neutral-12: #f0f6fc;
881
+ --base-color-neutral-13: #ffffff;
876
882
  --base-color-blue-0: #cae8ff;
877
883
  --base-color-blue-1: #a5d6ff;
878
884
  --base-color-blue-2: #79c0ff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #9198a1;
1169
1175
  --codeMirror-cursor-fgColor: #f0f6fc;
1170
1176
  --codeMirror-selection-bgColor: #388bfd66;
1171
- --codeMirror-activeline-bgColor: #2f3742b3;
1177
+ --codeMirror-activeline-bgColor: #656c7633;
1172
1178
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
1173
1179
  --codeMirror-lines-bgColor: #0d1117;
1174
1180
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #212830;
1359
1365
  --controlKnob-borderColor-checked: #1f6feb;
1360
1366
  --counter-borderColor: #00000000;
1367
+ --counter-bgColor-muted: #656c7633;
1368
+ --counter-bgColor-emphasis: #656c76;
1361
1369
  --button-default-fgColor-rest: #f0f6fc;
1362
1370
  --button-default-bgColor-rest: #212830;
1363
1371
  --button-default-bgColor-hover: #262c36;
@@ -1423,7 +1431,7 @@
1423
1431
  --button-inactive-bgColor: #262c36;
1424
1432
  --button-star-iconColor: #e3b341;
1425
1433
  --buttonCounter-default-bgColor-rest: #2f3742;
1426
- --buttonCounter-invisible-bgColor-rest: #2f3742;
1434
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
1427
1435
  --buttonCounter-primary-bgColor-rest: #04260f33;
1428
1436
  --buttonCounter-outline-bgColor-rest: #051d4d33;
1429
1437
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -1601,7 +1609,7 @@
1601
1609
  --bgColor-black: #010409;
1602
1610
  --bgColor-disabled: #212830;
1603
1611
  --bgColor-transparent: #00000000;
1604
- --bgColor-neutral-muted: #2f3742b3;
1612
+ --bgColor-neutral-muted: #656c7633;
1605
1613
  --bgColor-neutral-emphasis: #656c76;
1606
1614
  --bgColor-accent-muted: #388bfd1a;
1607
1615
  --bgColor-accent-emphasis: #1f6feb;
@@ -1615,7 +1623,7 @@
1615
1623
  --bgColor-severe-emphasis: #da3633;
1616
1624
  --bgColor-danger-muted: #f851491a;
1617
1625
  --bgColor-danger-emphasis: #da3633;
1618
- --bgColor-closed-muted: #2f37421a;
1626
+ --bgColor-closed-muted: #656c761a;
1619
1627
  --bgColor-closed-emphasis: #656c76;
1620
1628
  --bgColor-done-muted: #ab7df826;
1621
1629
  --bgColor-done-emphasis: #8957e5;
package/dist/internalCss/dark.css CHANGED
@@ -6,18 +6,20 @@
6
6
  --base-color-inset: #010409;
7
7
  --base-color-white: #ffffff;
8
8
  --base-color-transparent: #00000000;
9
- --base-color-neutral-0: #0d1117;
10
- --base-color-neutral-1: #151b23;
11
- --base-color-neutral-2: #212830;
12
- --base-color-neutral-3: #262c36;
13
- --base-color-neutral-4: #2a313c;
14
- --base-color-neutral-5: #2f3742;
15
- --base-color-neutral-6: #3d444d;
16
- --base-color-neutral-7: #656c76;
17
- --base-color-neutral-8: #9198a1;
18
- --base-color-neutral-9: #b7bdc8;
19
- --base-color-neutral-10: #d1d7e0;
20
- --base-color-neutral-11: #f0f6fc;
9
+ --base-color-neutral-0: #010409;
10
+ --base-color-neutral-1: #0d1117;
11
+ --base-color-neutral-2: #151b23;
12
+ --base-color-neutral-3: #212830;
13
+ --base-color-neutral-4: #262c36;
14
+ --base-color-neutral-5: #2a313c;
15
+ --base-color-neutral-6: #2f3742;
16
+ --base-color-neutral-7: #3d444d;
17
+ --base-color-neutral-8: #656c76;
18
+ --base-color-neutral-9: #9198a1;
19
+ --base-color-neutral-10: #b7bdc8;
20
+ --base-color-neutral-11: #d1d7e0;
21
+ --base-color-neutral-12: #f0f6fc;
22
+ --base-color-neutral-13: #ffffff;
21
23
  --base-color-blue-0: #cae8ff;
22
24
  --base-color-blue-1: #a5d6ff;
23
25
  --base-color-blue-2: #79c0ff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #9198a1;
314
316
  --codeMirror-cursor-fgColor: #f0f6fc;
315
317
  --codeMirror-selection-bgColor: #388bfd66;
316
- --codeMirror-activeline-bgColor: #2f3742b3;
318
+ --codeMirror-activeline-bgColor: #656c7633;
317
319
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
318
320
  --codeMirror-lines-bgColor: #0d1117;
319
321
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #212830;
504
506
  --controlKnob-borderColor-checked: #1f6feb;
505
507
  --counter-borderColor: #00000000;
508
+ --counter-bgColor-muted: #656c7633;
509
+ --counter-bgColor-emphasis: #656c76;
506
510
  --button-default-fgColor-rest: #f0f6fc;
507
511
  --button-default-bgColor-rest: #212830;
508
512
  --button-default-bgColor-hover: #262c36;
@@ -568,7 +572,7 @@
568
572
  --button-inactive-bgColor: #262c36;
569
573
  --button-star-iconColor: #e3b341;
570
574
  --buttonCounter-default-bgColor-rest: #2f3742;
571
- --buttonCounter-invisible-bgColor-rest: #2f3742;
575
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
572
576
  --buttonCounter-primary-bgColor-rest: #04260f33;
573
577
  --buttonCounter-outline-bgColor-rest: #051d4d33;
574
578
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -746,7 +750,7 @@
746
750
  --bgColor-black: #010409;
747
751
  --bgColor-disabled: #212830;
748
752
  --bgColor-transparent: #00000000;
749
- --bgColor-neutral-muted: #2f3742b3;
753
+ --bgColor-neutral-muted: #656c7633;
750
754
  --bgColor-neutral-emphasis: #656c76;
751
755
  --bgColor-accent-muted: #388bfd1a;
752
756
  --bgColor-accent-emphasis: #1f6feb;
@@ -861,18 +865,20 @@
861
865
  --base-color-inset: #010409;
862
866
  --base-color-white: #ffffff;
863
867
  --base-color-transparent: #00000000;
864
- --base-color-neutral-0: #0d1117;
865
- --base-color-neutral-1: #151b23;
866
- --base-color-neutral-2: #212830;
867
- --base-color-neutral-3: #262c36;
868
- --base-color-neutral-4: #2a313c;
869
- --base-color-neutral-5: #2f3742;
870
- --base-color-neutral-6: #3d444d;
871
- --base-color-neutral-7: #656c76;
872
- --base-color-neutral-8: #9198a1;
873
- --base-color-neutral-9: #b7bdc8;
874
- --base-color-neutral-10: #d1d7e0;
875
- --base-color-neutral-11: #f0f6fc;
868
+ --base-color-neutral-0: #010409;
869
+ --base-color-neutral-1: #0d1117;
870
+ --base-color-neutral-2: #151b23;
871
+ --base-color-neutral-3: #212830;
872
+ --base-color-neutral-4: #262c36;
873
+ --base-color-neutral-5: #2a313c;
874
+ --base-color-neutral-6: #2f3742;
875
+ --base-color-neutral-7: #3d444d;
876
+ --base-color-neutral-8: #656c76;
877
+ --base-color-neutral-9: #9198a1;
878
+ --base-color-neutral-10: #b7bdc8;
879
+ --base-color-neutral-11: #d1d7e0;
880
+ --base-color-neutral-12: #f0f6fc;
881
+ --base-color-neutral-13: #ffffff;
876
882
  --base-color-blue-0: #cae8ff;
877
883
  --base-color-blue-1: #a5d6ff;
878
884
  --base-color-blue-2: #79c0ff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #9198a1;
1169
1175
  --codeMirror-cursor-fgColor: #f0f6fc;
1170
1176
  --codeMirror-selection-bgColor: #388bfd66;
1171
- --codeMirror-activeline-bgColor: #2f3742b3;
1177
+ --codeMirror-activeline-bgColor: #656c7633;
1172
1178
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
1173
1179
  --codeMirror-lines-bgColor: #0d1117;
1174
1180
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #212830;
1359
1365
  --controlKnob-borderColor-checked: #1f6feb;
1360
1366
  --counter-borderColor: #00000000;
1367
+ --counter-bgColor-muted: #656c7633;
1368
+ --counter-bgColor-emphasis: #656c76;
1361
1369
  --button-default-fgColor-rest: #f0f6fc;
1362
1370
  --button-default-bgColor-rest: #212830;
1363
1371
  --button-default-bgColor-hover: #262c36;
@@ -1423,7 +1431,7 @@
1423
1431
  --button-inactive-bgColor: #262c36;
1424
1432
  --button-star-iconColor: #e3b341;
1425
1433
  --buttonCounter-default-bgColor-rest: #2f3742;
1426
- --buttonCounter-invisible-bgColor-rest: #2f3742;
1434
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
1427
1435
  --buttonCounter-primary-bgColor-rest: #04260f33;
1428
1436
  --buttonCounter-outline-bgColor-rest: #051d4d33;
1429
1437
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -1601,7 +1609,7 @@
1601
1609
  --bgColor-black: #010409;
1602
1610
  --bgColor-disabled: #212830;
1603
1611
  --bgColor-transparent: #00000000;
1604
- --bgColor-neutral-muted: #2f3742b3;
1612
+ --bgColor-neutral-muted: #656c7633;
1605
1613
  --bgColor-neutral-emphasis: #656c76;
1606
1614
  --bgColor-accent-muted: #388bfd1a;
1607
1615
  --bgColor-accent-emphasis: #1f6feb;
package/dist/internalCss/light-colorblind.css CHANGED
@@ -3,21 +3,23 @@
3
3
  [data-color-mode="auto"][data-light-theme="light_colorblind"],
4
4
  [data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
5
5
  --base-color-black: #1f2328;
6
- --base-color-inset: #f6f8fa;
6
+ --base-color-inset: #ffffff;
7
7
  --base-color-transparent: #ffffff00;
8
8
  --base-color-white: #ffffff;
9
- --base-color-neutral-0: #f6f8fa;
10
- --base-color-neutral-1: #eff2f5;
11
- --base-color-neutral-2: #e6eaef;
12
- --base-color-neutral-3: #e0e6eb;
13
- --base-color-neutral-4: #dae0e7;
14
- --base-color-neutral-5: #d1d9e0;
15
- --base-color-neutral-6: #c8d1da;
16
- --base-color-neutral-7: #818b98;
17
- --base-color-neutral-8: #59636e;
18
- --base-color-neutral-9: #454c54;
19
- --base-color-neutral-10: #393f46;
20
- --base-color-neutral-11: #25292e;
9
+ --base-color-neutral-0: #ffffff;
10
+ --base-color-neutral-1: #f6f8fa;
11
+ --base-color-neutral-2: #eff2f5;
12
+ --base-color-neutral-3: #e6eaef;
13
+ --base-color-neutral-4: #e0e6eb;
14
+ --base-color-neutral-5: #dae0e7;
15
+ --base-color-neutral-6: #d1d9e0;
16
+ --base-color-neutral-7: #c8d1da;
17
+ --base-color-neutral-8: #818b98;
18
+ --base-color-neutral-9: #59636e;
19
+ --base-color-neutral-10: #454c54;
20
+ --base-color-neutral-11: #393f46;
21
+ --base-color-neutral-12: #25292e;
22
+ --base-color-neutral-13: #1f2328;
21
23
  --base-color-blue-0: #ddf4ff;
22
24
  --base-color-blue-1: #b6e3ff;
23
25
  --base-color-blue-2: #80ccff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #59636e;
314
316
  --codeMirror-cursor-fgColor: #1f2328;
315
317
  --codeMirror-selection-bgColor: #54aeff66;
316
- --codeMirror-activeline-bgColor: #e0e6ebb3;
318
+ --codeMirror-activeline-bgColor: #818b981f;
317
319
  --codeMirror-matchingBracket-fgColor: #1f2328;
318
320
  --codeMirror-lines-bgColor: #ffffff;
319
321
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #eff2f5;
504
506
  --controlKnob-borderColor-checked: #0969da;
505
507
  --counter-borderColor: #ffffff00;
508
+ --counter-bgColor-muted: #818b981f;
509
+ --counter-bgColor-emphasis: #59636e;
506
510
  --button-default-fgColor-rest: #25292e;
507
511
  --button-default-bgColor-rest: #f6f8fa;
508
512
  --button-default-bgColor-hover: #eff2f5;
@@ -567,8 +571,8 @@
567
571
  --button-inactive-fgColor: #59636e;
568
572
  --button-inactive-bgColor: #e6eaef;
569
573
  --button-star-iconColor: #eac54f;
570
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
571
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
574
+ --buttonCounter-default-bgColor-rest: #818b981f;
575
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
572
576
  --buttonCounter-primary-bgColor-rest: #002d1133;
573
577
  --buttonCounter-outline-bgColor-rest: #0969da1a;
574
578
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -747,7 +751,7 @@
747
751
  --bgColor-black: #1f2328;
748
752
  --bgColor-disabled: #eff2f5;
749
753
  --bgColor-transparent: #ffffff00;
750
- --bgColor-neutral-muted: #e0e6ebb3;
754
+ --bgColor-neutral-muted: #818b981f;
751
755
  --bgColor-neutral-emphasis: #59636e;
752
756
  --bgColor-accent-muted: #ddf4ff;
753
757
  --bgColor-accent-emphasis: #0969da;
@@ -761,7 +765,7 @@
761
765
  --bgColor-severe-emphasis: #bc4c00;
762
766
  --bgColor-danger-muted: #fff1e5;
763
767
  --bgColor-danger-emphasis: #bc4c00;
764
- --bgColor-closed-muted: #e0e6ebb3;
768
+ --bgColor-closed-muted: #818b981f;
765
769
  --bgColor-closed-emphasis: #59636e;
766
770
  --bgColor-done-muted: #fbefff;
767
771
  --bgColor-done-emphasis: #8250df;
@@ -776,7 +780,7 @@
776
780
  --borderColor-transparent: #ffffff00;
777
781
  --borderColor-translucent: #1f232826;
778
782
  --borderColor-neutral-muted: #d1d9e0b3;
779
- --borderColor-neutral-emphasis: #818b98;
783
+ --borderColor-neutral-emphasis: #59636e;
780
784
  --borderColor-accent-muted: #54aeff66;
781
785
  --borderColor-accent-emphasis: #0969da;
782
786
  --borderColor-success-muted: #54aeff66;
@@ -858,21 +862,23 @@
858
862
  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
859
863
  [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
860
864
  --base-color-black: #1f2328;
861
- --base-color-inset: #f6f8fa;
865
+ --base-color-inset: #ffffff;
862
866
  --base-color-transparent: #ffffff00;
863
867
  --base-color-white: #ffffff;
864
- --base-color-neutral-0: #f6f8fa;
865
- --base-color-neutral-1: #eff2f5;
866
- --base-color-neutral-2: #e6eaef;
867
- --base-color-neutral-3: #e0e6eb;
868
- --base-color-neutral-4: #dae0e7;
869
- --base-color-neutral-5: #d1d9e0;
870
- --base-color-neutral-6: #c8d1da;
871
- --base-color-neutral-7: #818b98;
872
- --base-color-neutral-8: #59636e;
873
- --base-color-neutral-9: #454c54;
874
- --base-color-neutral-10: #393f46;
875
- --base-color-neutral-11: #25292e;
868
+ --base-color-neutral-0: #ffffff;
869
+ --base-color-neutral-1: #f6f8fa;
870
+ --base-color-neutral-2: #eff2f5;
871
+ --base-color-neutral-3: #e6eaef;
872
+ --base-color-neutral-4: #e0e6eb;
873
+ --base-color-neutral-5: #dae0e7;
874
+ --base-color-neutral-6: #d1d9e0;
875
+ --base-color-neutral-7: #c8d1da;
876
+ --base-color-neutral-8: #818b98;
877
+ --base-color-neutral-9: #59636e;
878
+ --base-color-neutral-10: #454c54;
879
+ --base-color-neutral-11: #393f46;
880
+ --base-color-neutral-12: #25292e;
881
+ --base-color-neutral-13: #1f2328;
876
882
  --base-color-blue-0: #ddf4ff;
877
883
  --base-color-blue-1: #b6e3ff;
878
884
  --base-color-blue-2: #80ccff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #59636e;
1169
1175
  --codeMirror-cursor-fgColor: #1f2328;
1170
1176
  --codeMirror-selection-bgColor: #54aeff66;
1171
- --codeMirror-activeline-bgColor: #e0e6ebb3;
1177
+ --codeMirror-activeline-bgColor: #818b981f;
1172
1178
  --codeMirror-matchingBracket-fgColor: #1f2328;
1173
1179
  --codeMirror-lines-bgColor: #ffffff;
1174
1180
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #eff2f5;
1359
1365
  --controlKnob-borderColor-checked: #0969da;
1360
1366
  --counter-borderColor: #ffffff00;
1367
+ --counter-bgColor-muted: #818b981f;
1368
+ --counter-bgColor-emphasis: #59636e;
1361
1369
  --button-default-fgColor-rest: #25292e;
1362
1370
  --button-default-bgColor-rest: #f6f8fa;
1363
1371
  --button-default-bgColor-hover: #eff2f5;
@@ -1422,8 +1430,8 @@
1422
1430
  --button-inactive-fgColor: #59636e;
1423
1431
  --button-inactive-bgColor: #e6eaef;
1424
1432
  --button-star-iconColor: #eac54f;
1425
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
1426
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
1433
+ --buttonCounter-default-bgColor-rest: #818b981f;
1434
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
1427
1435
  --buttonCounter-primary-bgColor-rest: #002d1133;
1428
1436
  --buttonCounter-outline-bgColor-rest: #0969da1a;
1429
1437
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1602,7 +1610,7 @@
1602
1610
  --bgColor-black: #1f2328;
1603
1611
  --bgColor-disabled: #eff2f5;
1604
1612
  --bgColor-transparent: #ffffff00;
1605
- --bgColor-neutral-muted: #e0e6ebb3;
1613
+ --bgColor-neutral-muted: #818b981f;
1606
1614
  --bgColor-neutral-emphasis: #59636e;
1607
1615
  --bgColor-accent-muted: #ddf4ff;
1608
1616
  --bgColor-accent-emphasis: #0969da;
@@ -1616,7 +1624,7 @@
1616
1624
  --bgColor-severe-emphasis: #bc4c00;
1617
1625
  --bgColor-danger-muted: #fff1e5;
1618
1626
  --bgColor-danger-emphasis: #bc4c00;
1619
- --bgColor-closed-muted: #e0e6ebb3;
1627
+ --bgColor-closed-muted: #818b981f;
1620
1628
  --bgColor-closed-emphasis: #59636e;
1621
1629
  --bgColor-done-muted: #fbefff;
1622
1630
  --bgColor-done-emphasis: #8250df;
@@ -1631,7 +1639,7 @@
1631
1639
  --borderColor-transparent: #ffffff00;
1632
1640
  --borderColor-translucent: #1f232826;
1633
1641
  --borderColor-neutral-muted: #d1d9e0b3;
1634
- --borderColor-neutral-emphasis: #818b98;
1642
+ --borderColor-neutral-emphasis: #59636e;
1635
1643
  --borderColor-accent-muted: #54aeff66;
1636
1644
  --borderColor-accent-emphasis: #0969da;
1637
1645
  --borderColor-success-muted: #54aeff66;