@primer/primitives 9.0.0-rc.23ee6c3f → 9.0.0-rc.4b306e81

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 +38 -34
  2. package/dist/css/functional/themes/dark-dimmed.css +42 -38
  3. package/dist/css/functional/themes/dark-high-contrast.css +196 -192
  4. package/dist/css/functional/themes/dark-tritanopia.css +38 -34
  5. package/dist/css/functional/themes/dark.css +36 -32
  6. package/dist/css/functional/themes/light-colorblind.css +30 -26
  7. package/dist/css/functional/themes/light-high-contrast.css +30 -26
  8. package/dist/css/functional/themes/light-tritanopia.css +30 -26
  9. package/dist/css/functional/themes/light.css +28 -24
  10. package/dist/docs/functional/themes/dark-colorblind.json +177 -133
  11. package/dist/docs/functional/themes/dark-dimmed.json +184 -140
  12. package/dist/docs/functional/themes/dark-high-contrast.json +376 -304
  13. package/dist/docs/functional/themes/dark-tritanopia.json +177 -133
  14. package/dist/docs/functional/themes/dark.json +176 -132
  15. package/dist/docs/functional/themes/light-colorblind.json +175 -131
  16. package/dist/docs/functional/themes/light-high-contrast.json +189 -143
  17. package/dist/docs/functional/themes/light-tritanopia.json +175 -131
  18. package/dist/docs/functional/themes/light.json +174 -130
  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 +2253 -2222
  35. package/dist/figma/themes/dark-dimmed.json +2095 -2064
  36. package/dist/figma/themes/dark-high-contrast.json +2095 -2059
  37. package/dist/figma/themes/dark-tritanopia.json +2255 -2224
  38. package/dist/figma/themes/dark.json +2254 -2223
  39. package/dist/figma/themes/light-colorblind.json +1389 -1358
  40. package/dist/figma/themes/light-high-contrast.json +1438 -1406
  41. package/dist/figma/themes/light-tritanopia.json +1389 -1358
  42. package/dist/figma/themes/light.json +1415 -1384
  43. package/dist/internalCss/dark-colorblind.css +66 -58
  44. package/dist/internalCss/dark-dimmed.css +70 -62
  45. package/dist/internalCss/dark-high-contrast.css +224 -216
  46. package/dist/internalCss/dark-tritanopia.css +66 -58
  47. package/dist/internalCss/dark.css +64 -56
  48. package/dist/internalCss/light-colorblind.css +60 -52
  49. package/dist/internalCss/light-high-contrast.css +60 -52
  50. package/dist/internalCss/light-tritanopia.css +60 -52
  51. package/dist/internalCss/light.css +58 -50
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +177 -133
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +184 -140
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +376 -304
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +177 -133
  56. package/dist/styleLint/functional/themes/dark.json +176 -132
  57. package/dist/styleLint/functional/themes/light-colorblind.json +175 -131
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +189 -143
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +175 -131
  60. package/dist/styleLint/functional/themes/light.json +174 -130
  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 +44 -23
  70. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +151 -143
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +67 -50
  72. package/src/tokens/functional/color/dark/primitives-dark.json5 +25 -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 +77 -24
  76. package/src/tokens/functional/color/light/patterns-light.json5 +70 -52
  77. package/src/tokens/functional/color/light/primitives-light.json5 +25 -24
  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/css/functional/themes/dark-colorblind.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #9198a1;
26
26
  --codeMirror-cursor-fgColor: #f0f6fc;
27
27
  --codeMirror-selection-bgColor: #388bfd66;
28
- --codeMirror-activeline-bgColor: #2f3742b3;
28
+ --codeMirror-activeline-bgColor: #656c7633;
29
29
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
30
30
  --codeMirror-lines-bgColor: #0d1117;
31
31
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -169,10 +169,10 @@
169
169
  --control-bgColor-selected: #212830;
170
170
  --control-fgColor-rest: #f0f6fc;
171
171
  --control-fgColor-placeholder: #9198a1;
172
- --control-fgColor-disabled: #656c76;
172
+ --control-fgColor-disabled: #656c7699;
173
173
  --control-borderColor-rest: #3d444d;
174
174
  --control-borderColor-emphasis: #656c76;
175
- --control-borderColor-disabled: #212830;
175
+ --control-borderColor-disabled: #656c761a;
176
176
  --control-borderColor-selected: #f0f6fc;
177
177
  --control-borderColor-success: #1f6feb;
178
178
  --control-borderColor-danger: #bd561d;
@@ -193,21 +193,21 @@
193
193
  --control-checked-bgColor-rest: #1f6feb;
194
194
  --control-checked-bgColor-hover: #2a7aef;
195
195
  --control-checked-bgColor-active: #3685f3;
196
- --control-checked-bgColor-disabled: #656c76;
196
+ --control-checked-bgColor-disabled: #656c7699;
197
197
  --control-checked-fgColor-rest: #ffffff;
198
198
  --control-checked-fgColor-disabled: #010409;
199
199
  --control-checked-borderColor-rest: #1f6feb;
200
200
  --control-checked-borderColor-hover: #2a7aef;
201
201
  --control-checked-borderColor-active: #3685f3;
202
- --control-checked-borderColor-disabled: #656c76;
202
+ --control-checked-borderColor-disabled: #656c7699;
203
203
  --controlTrack-bgColor-rest: #262c36;
204
204
  --controlTrack-bgColor-hover: #2a313c;
205
205
  --controlTrack-bgColor-active: #2f3742;
206
- --controlTrack-bgColor-disabled: #656c76;
206
+ --controlTrack-bgColor-disabled: #656c7699;
207
207
  --controlTrack-fgColor-rest: #9198a1;
208
208
  --controlTrack-fgColor-disabled: #ffffff;
209
- --controlTrack-borderColor-rest: #00000000;
210
- --controlTrack-borderColor-disabled: #656c76;
209
+ --controlTrack-borderColor-rest: #3d444d;
210
+ --controlTrack-borderColor-disabled: #656c7699;
211
211
  --controlKnob-bgColor-rest: #010409;
212
212
  --controlKnob-bgColor-disabled: #212830;
213
213
  --controlKnob-bgColor-checked: #ffffff;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #212830;
216
216
  --controlKnob-borderColor-checked: #1f6feb;
217
217
  --counter-borderColor: #00000000;
218
+ --counter-bgColor-muted: #656c7633;
219
+ --counter-bgColor-emphasis: #656c76;
218
220
  --button-default-fgColor-rest: #f0f6fc;
219
221
  --button-default-bgColor-rest: #212830;
220
222
  --button-default-bgColor-hover: #262c36;
@@ -224,7 +226,7 @@
224
226
  --button-default-borderColor-rest: #3d444d;
225
227
  --button-default-borderColor-hover: #3d444d;
226
228
  --button-default-borderColor-active: #3d444d;
227
- --button-default-borderColor-disabled: #212830;
229
+ --button-default-borderColor-disabled: #656c761a;
228
230
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
229
231
  --button-primary-fgColor-rest: #ffffff;
230
232
  --button-primary-fgColor-disabled: #ffffff66;
@@ -240,17 +242,17 @@
240
242
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
243
  --button-invisible-fgColor-rest: #9198a1;
242
244
  --button-invisible-fgColor-hover: #9198a1;
243
- --button-invisible-fgColor-disabled: #656c76;
245
+ --button-invisible-fgColor-disabled: #656c7699;
244
246
  --button-invisible-iconColor-rest: #9198a1;
245
247
  --button-invisible-iconColor-hover: #9198a1;
246
- --button-invisible-iconColor-disabled: #656c76;
248
+ --button-invisible-iconColor-disabled: #656c7699;
247
249
  --button-invisible-bgColor-rest: #00000000;
248
250
  --button-invisible-bgColor-hover: #656c7633;
249
251
  --button-invisible-bgColor-active: #656c7640;
250
252
  --button-invisible-bgColor-disabled: #212830;
251
253
  --button-invisible-borderColor-rest: #00000000;
252
254
  --button-invisible-borderColor-hover: #00000000;
253
- --button-invisible-borderColor-disabled: #212830;
255
+ --button-invisible-borderColor-disabled: #656c761a;
254
256
  --button-outline-fgColor-rest: #388bfd;
255
257
  --button-outline-fgColor-hover: #58a6ff;
256
258
  --button-outline-fgColor-active: #ffffff;
@@ -280,7 +282,7 @@
280
282
  --button-inactive-bgColor: #262c36;
281
283
  --button-star-iconColor: #e3b341;
282
284
  --buttonCounter-default-bgColor-rest: #2f3742;
283
- --buttonCounter-invisible-bgColor-rest: #2f3742;
285
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
284
286
  --buttonCounter-primary-bgColor-rest: #04260f33;
285
287
  --buttonCounter-outline-bgColor-rest: #051d4d33;
286
288
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -436,7 +438,7 @@
436
438
  --fgColor-onInverse: #010409;
437
439
  --fgColor-white: #ffffff;
438
440
  --fgColor-black: #010409;
439
- --fgColor-disabled: #656c76;
441
+ --fgColor-disabled: #656c7699;
440
442
  --fgColor-link: #4493f8;
441
443
  --fgColor-neutral: #9198a1;
442
444
  --fgColor-accent: #4493f8;
@@ -458,7 +460,7 @@
458
460
  --bgColor-black: #010409;
459
461
  --bgColor-disabled: #212830;
460
462
  --bgColor-transparent: #00000000;
461
- --bgColor-neutral-muted: #2f3742b3;
463
+ --bgColor-neutral-muted: #656c7633;
462
464
  --bgColor-neutral-emphasis: #656c76;
463
465
  --bgColor-accent-muted: #388bfd1a;
464
466
  --bgColor-accent-emphasis: #1f6feb;
@@ -472,7 +474,7 @@
472
474
  --bgColor-severe-emphasis: #bd561d;
473
475
  --bgColor-danger-muted: #db6d281a;
474
476
  --bgColor-danger-emphasis: #bd561d;
475
- --bgColor-closed-muted: #2f37421a;
477
+ --bgColor-closed-muted: #656c761a;
476
478
  --bgColor-closed-emphasis: #656c76;
477
479
  --bgColor-done-muted: #ab7df826;
478
480
  --bgColor-done-emphasis: #8957e5;
@@ -483,7 +485,7 @@
483
485
  --borderColor-default: #3d444d;
484
486
  --borderColor-muted: #3d444db3;
485
487
  --borderColor-emphasis: #656c76;
486
- --borderColor-disabled: #212830;
488
+ --borderColor-disabled: #656c761a;
487
489
  --borderColor-transparent: #00000000;
488
490
  --borderColor-translucent: #ffffff26;
489
491
  --borderColor-neutral-muted: #3d444db3;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #9198a1;
593
595
  --codeMirror-cursor-fgColor: #f0f6fc;
594
596
  --codeMirror-selection-bgColor: #388bfd66;
595
- --codeMirror-activeline-bgColor: #2f3742b3;
597
+ --codeMirror-activeline-bgColor: #656c7633;
596
598
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
597
599
  --codeMirror-lines-bgColor: #0d1117;
598
600
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -736,10 +738,10 @@
736
738
  --control-bgColor-selected: #212830;
737
739
  --control-fgColor-rest: #f0f6fc;
738
740
  --control-fgColor-placeholder: #9198a1;
739
- --control-fgColor-disabled: #656c76;
741
+ --control-fgColor-disabled: #656c7699;
740
742
  --control-borderColor-rest: #3d444d;
741
743
  --control-borderColor-emphasis: #656c76;
742
- --control-borderColor-disabled: #212830;
744
+ --control-borderColor-disabled: #656c761a;
743
745
  --control-borderColor-selected: #f0f6fc;
744
746
  --control-borderColor-success: #1f6feb;
745
747
  --control-borderColor-danger: #bd561d;
@@ -760,21 +762,21 @@
760
762
  --control-checked-bgColor-rest: #1f6feb;
761
763
  --control-checked-bgColor-hover: #2a7aef;
762
764
  --control-checked-bgColor-active: #3685f3;
763
- --control-checked-bgColor-disabled: #656c76;
765
+ --control-checked-bgColor-disabled: #656c7699;
764
766
  --control-checked-fgColor-rest: #ffffff;
765
767
  --control-checked-fgColor-disabled: #010409;
766
768
  --control-checked-borderColor-rest: #1f6feb;
767
769
  --control-checked-borderColor-hover: #2a7aef;
768
770
  --control-checked-borderColor-active: #3685f3;
769
- --control-checked-borderColor-disabled: #656c76;
771
+ --control-checked-borderColor-disabled: #656c7699;
770
772
  --controlTrack-bgColor-rest: #262c36;
771
773
  --controlTrack-bgColor-hover: #2a313c;
772
774
  --controlTrack-bgColor-active: #2f3742;
773
- --controlTrack-bgColor-disabled: #656c76;
775
+ --controlTrack-bgColor-disabled: #656c7699;
774
776
  --controlTrack-fgColor-rest: #9198a1;
775
777
  --controlTrack-fgColor-disabled: #ffffff;
776
- --controlTrack-borderColor-rest: #00000000;
777
- --controlTrack-borderColor-disabled: #656c76;
778
+ --controlTrack-borderColor-rest: #3d444d;
779
+ --controlTrack-borderColor-disabled: #656c7699;
778
780
  --controlKnob-bgColor-rest: #010409;
779
781
  --controlKnob-bgColor-disabled: #212830;
780
782
  --controlKnob-bgColor-checked: #ffffff;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #212830;
783
785
  --controlKnob-borderColor-checked: #1f6feb;
784
786
  --counter-borderColor: #00000000;
787
+ --counter-bgColor-muted: #656c7633;
788
+ --counter-bgColor-emphasis: #656c76;
785
789
  --button-default-fgColor-rest: #f0f6fc;
786
790
  --button-default-bgColor-rest: #212830;
787
791
  --button-default-bgColor-hover: #262c36;
@@ -791,7 +795,7 @@
791
795
  --button-default-borderColor-rest: #3d444d;
792
796
  --button-default-borderColor-hover: #3d444d;
793
797
  --button-default-borderColor-active: #3d444d;
794
- --button-default-borderColor-disabled: #212830;
798
+ --button-default-borderColor-disabled: #656c761a;
795
799
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
796
800
  --button-primary-fgColor-rest: #ffffff;
797
801
  --button-primary-fgColor-disabled: #ffffff66;
@@ -807,17 +811,17 @@
807
811
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
808
812
  --button-invisible-fgColor-rest: #9198a1;
809
813
  --button-invisible-fgColor-hover: #9198a1;
810
- --button-invisible-fgColor-disabled: #656c76;
814
+ --button-invisible-fgColor-disabled: #656c7699;
811
815
  --button-invisible-iconColor-rest: #9198a1;
812
816
  --button-invisible-iconColor-hover: #9198a1;
813
- --button-invisible-iconColor-disabled: #656c76;
817
+ --button-invisible-iconColor-disabled: #656c7699;
814
818
  --button-invisible-bgColor-rest: #00000000;
815
819
  --button-invisible-bgColor-hover: #656c7633;
816
820
  --button-invisible-bgColor-active: #656c7640;
817
821
  --button-invisible-bgColor-disabled: #212830;
818
822
  --button-invisible-borderColor-rest: #00000000;
819
823
  --button-invisible-borderColor-hover: #00000000;
820
- --button-invisible-borderColor-disabled: #212830;
824
+ --button-invisible-borderColor-disabled: #656c761a;
821
825
  --button-outline-fgColor-rest: #388bfd;
822
826
  --button-outline-fgColor-hover: #58a6ff;
823
827
  --button-outline-fgColor-active: #ffffff;
@@ -847,7 +851,7 @@
847
851
  --button-inactive-bgColor: #262c36;
848
852
  --button-star-iconColor: #e3b341;
849
853
  --buttonCounter-default-bgColor-rest: #2f3742;
850
- --buttonCounter-invisible-bgColor-rest: #2f3742;
854
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
851
855
  --buttonCounter-primary-bgColor-rest: #04260f33;
852
856
  --buttonCounter-outline-bgColor-rest: #051d4d33;
853
857
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -1003,7 +1007,7 @@
1003
1007
  --fgColor-onInverse: #010409;
1004
1008
  --fgColor-white: #ffffff;
1005
1009
  --fgColor-black: #010409;
1006
- --fgColor-disabled: #656c76;
1010
+ --fgColor-disabled: #656c7699;
1007
1011
  --fgColor-link: #4493f8;
1008
1012
  --fgColor-neutral: #9198a1;
1009
1013
  --fgColor-accent: #4493f8;
@@ -1025,7 +1029,7 @@
1025
1029
  --bgColor-black: #010409;
1026
1030
  --bgColor-disabled: #212830;
1027
1031
  --bgColor-transparent: #00000000;
1028
- --bgColor-neutral-muted: #2f3742b3;
1032
+ --bgColor-neutral-muted: #656c7633;
1029
1033
  --bgColor-neutral-emphasis: #656c76;
1030
1034
  --bgColor-accent-muted: #388bfd1a;
1031
1035
  --bgColor-accent-emphasis: #1f6feb;
@@ -1039,7 +1043,7 @@
1039
1043
  --bgColor-severe-emphasis: #bd561d;
1040
1044
  --bgColor-danger-muted: #db6d281a;
1041
1045
  --bgColor-danger-emphasis: #bd561d;
1042
- --bgColor-closed-muted: #2f37421a;
1046
+ --bgColor-closed-muted: #656c761a;
1043
1047
  --bgColor-closed-emphasis: #656c76;
1044
1048
  --bgColor-done-muted: #ab7df826;
1045
1049
  --bgColor-done-emphasis: #8957e5;
@@ -1050,7 +1054,7 @@
1050
1054
  --borderColor-default: #3d444d;
1051
1055
  --borderColor-muted: #3d444db3;
1052
1056
  --borderColor-emphasis: #656c76;
1053
- --borderColor-disabled: #212830;
1057
+ --borderColor-disabled: #656c761a;
1054
1058
  --borderColor-transparent: #00000000;
1055
1059
  --borderColor-translucent: #ffffff26;
1056
1060
  --borderColor-neutral-muted: #3d444db3;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -5,28 +5,28 @@
5
5
  --topicTag-borderColor: #00000000;
6
6
  --highlight-neutral-bgColor: #c6902666;
7
7
  --page-header-bgColor: #212830;
8
- --diffBlob-addition-fgColor-text: #b7bdc8;
9
- --diffBlob-addition-fgColor-num: #b7bdc8;
8
+ --diffBlob-addition-fgColor-text: #d1d7e0;
9
+ --diffBlob-addition-fgColor-num: #d1d7e0;
10
10
  --diffBlob-addition-bgColor-num: #57ab5a4d;
11
11
  --diffBlob-addition-bgColor-line: #46954a26;
12
12
  --diffBlob-addition-bgColor-word: #46954a66;
13
- --diffBlob-deletion-fgColor-text: #b7bdc8;
14
- --diffBlob-deletion-fgColor-num: #b7bdc8;
13
+ --diffBlob-deletion-fgColor-text: #d1d7e0;
14
+ --diffBlob-deletion-fgColor-num: #d1d7e0;
15
15
  --diffBlob-deletion-bgColor-num: #e5534b4d;
16
16
  --diffBlob-deletion-bgColor-line: #e5534b26;
17
17
  --diffBlob-deletion-bgColor-word: #e5534b66;
18
18
  --diffBlob-hunk-bgColor-num: #4184e466;
19
- --diffBlob-expander-iconColor: #b7bdc8;
20
- --codeMirror-fgColor: #b7bdc8;
19
+ --diffBlob-expander-iconColor: #d1d7e0;
20
+ --codeMirror-fgColor: #d1d7e0;
21
21
  --codeMirror-bgColor: #212830;
22
22
  --codeMirror-gutters-bgColor: #212830;
23
23
  --codeMirror-gutterMarker-fgColor-default: #212830;
24
24
  --codeMirror-gutterMarker-fgColor-muted: #9198a1;
25
25
  --codeMirror-lineNumber-fgColor: #9198a1;
26
- --codeMirror-cursor-fgColor: #b7bdc8;
26
+ --codeMirror-cursor-fgColor: #d1d7e0;
27
27
  --codeMirror-selection-bgColor: #4184e466;
28
- --codeMirror-activeline-bgColor: #2f3742b3;
29
- --codeMirror-matchingBracket-fgColor: #b7bdc8;
28
+ --codeMirror-activeline-bgColor: #656c7633;
29
+ --codeMirror-matchingBracket-fgColor: #d1d7e0;
30
30
  --codeMirror-lines-bgColor: #212830;
31
31
  --codeMirror-syntax-fgColor-comment: #656c76;
32
32
  --codeMirror-syntax-fgColor-constant: #6cb6ff;
@@ -167,12 +167,12 @@
167
167
  --control-bgColor-active: #3d444d;
168
168
  --control-bgColor-disabled: #2a313c;
169
169
  --control-bgColor-selected: #2a313c;
170
- --control-fgColor-rest: #b7bdc8;
170
+ --control-fgColor-rest: #d1d7e0;
171
171
  --control-fgColor-placeholder: #9198a1;
172
172
  --control-fgColor-disabled: #656c76;
173
173
  --control-borderColor-rest: #3d444d;
174
174
  --control-borderColor-emphasis: #656c76;
175
- --control-borderColor-disabled: #2a313c;
175
+ --control-borderColor-disabled: #656c761a;
176
176
  --control-borderColor-selected: #f0f6fc;
177
177
  --control-borderColor-success: #347d39;
178
178
  --control-borderColor-danger: #c93c37;
@@ -206,7 +206,7 @@
206
206
  --controlTrack-bgColor-disabled: #656c76;
207
207
  --controlTrack-fgColor-rest: #9198a1;
208
208
  --controlTrack-fgColor-disabled: #f0f6fc;
209
- --controlTrack-borderColor-rest: #00000000;
209
+ --controlTrack-borderColor-rest: #3d444d;
210
210
  --controlTrack-borderColor-disabled: #656c76;
211
211
  --controlKnob-bgColor-rest: #151b23;
212
212
  --controlKnob-bgColor-disabled: #2a313c;
@@ -215,7 +215,9 @@
215
215
  --controlKnob-borderColor-disabled: #2a313c;
216
216
  --controlKnob-borderColor-checked: #316dca;
217
217
  --counter-borderColor: #00000000;
218
- --button-default-fgColor-rest: #b7bdc8;
218
+ --counter-bgColor-muted: #656c7633;
219
+ --counter-bgColor-emphasis: #656c76;
220
+ --button-default-fgColor-rest: #d1d7e0;
219
221
  --button-default-bgColor-rest: #2a313c;
220
222
  --button-default-bgColor-hover: #2f3742;
221
223
  --button-default-bgColor-active: #3d444d;
@@ -224,7 +226,7 @@
224
226
  --button-default-borderColor-rest: #3d444d;
225
227
  --button-default-borderColor-hover: #3d444d;
226
228
  --button-default-borderColor-active: #3d444d;
227
- --button-default-borderColor-disabled: #2a313c;
229
+ --button-default-borderColor-disabled: #656c761a;
228
230
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
229
231
  --button-primary-fgColor-rest: #ffffff;
230
232
  --button-primary-fgColor-disabled: #cdd9e566;
@@ -250,7 +252,7 @@
250
252
  --button-invisible-bgColor-disabled: #2a313c;
251
253
  --button-invisible-borderColor-rest: #00000000;
252
254
  --button-invisible-borderColor-hover: #00000000;
253
- --button-invisible-borderColor-disabled: #2a313c;
255
+ --button-invisible-borderColor-disabled: #656c761a;
254
256
  --button-outline-fgColor-rest: #4184e4;
255
257
  --button-outline-fgColor-hover: #539bf5;
256
258
  --button-outline-fgColor-active: #cdd9e5;
@@ -280,7 +282,7 @@
280
282
  --button-inactive-bgColor: #2a313c;
281
283
  --button-star-iconColor: #daaa3f;
282
284
  --buttonCounter-default-bgColor-rest: #2f3742;
283
- --buttonCounter-invisible-bgColor-rest: #2f3742;
285
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
284
286
  --buttonCounter-primary-bgColor-rest: #11341733;
285
287
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
286
288
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -430,7 +432,7 @@
430
432
  --label-coral-fgColor-active: #fdaa86;
431
433
  --tooltip-bgColor: #3d444d;
432
434
  --tooltip-fgColor: #f0f6fc;
433
- --fgColor-default: #b7bdc8;
435
+ --fgColor-default: #d1d7e0;
434
436
  --fgColor-muted: #9198a1;
435
437
  --fgColor-onEmphasis: #f0f6fc;
436
438
  --fgColor-onInverse: #1c2128;
@@ -458,7 +460,7 @@
458
460
  --bgColor-black: #1c2128;
459
461
  --bgColor-disabled: #2a313c;
460
462
  --bgColor-transparent: #00000000;
461
- --bgColor-neutral-muted: #2f3742b3;
463
+ --bgColor-neutral-muted: #656c7633;
462
464
  --bgColor-neutral-emphasis: #656c76;
463
465
  --bgColor-accent-muted: #4184e41a;
464
466
  --bgColor-accent-emphasis: #316dca;
@@ -483,7 +485,7 @@
483
485
  --borderColor-default: #3d444d;
484
486
  --borderColor-muted: #3d444db3;
485
487
  --borderColor-emphasis: #656c76;
486
- --borderColor-disabled: #2a313c;
488
+ --borderColor-disabled: #656c761a;
487
489
  --borderColor-transparent: #00000000;
488
490
  --borderColor-translucent: #cdd9e526;
489
491
  --borderColor-neutral-muted: #3d444db3;
@@ -572,28 +574,28 @@
572
574
  --topicTag-borderColor: #00000000;
573
575
  --highlight-neutral-bgColor: #c6902666;
574
576
  --page-header-bgColor: #212830;
575
- --diffBlob-addition-fgColor-text: #b7bdc8;
576
- --diffBlob-addition-fgColor-num: #b7bdc8;
577
+ --diffBlob-addition-fgColor-text: #d1d7e0;
578
+ --diffBlob-addition-fgColor-num: #d1d7e0;
577
579
  --diffBlob-addition-bgColor-num: #57ab5a4d;
578
580
  --diffBlob-addition-bgColor-line: #46954a26;
579
581
  --diffBlob-addition-bgColor-word: #46954a66;
580
- --diffBlob-deletion-fgColor-text: #b7bdc8;
581
- --diffBlob-deletion-fgColor-num: #b7bdc8;
582
+ --diffBlob-deletion-fgColor-text: #d1d7e0;
583
+ --diffBlob-deletion-fgColor-num: #d1d7e0;
582
584
  --diffBlob-deletion-bgColor-num: #e5534b4d;
583
585
  --diffBlob-deletion-bgColor-line: #e5534b26;
584
586
  --diffBlob-deletion-bgColor-word: #e5534b66;
585
587
  --diffBlob-hunk-bgColor-num: #4184e466;
586
- --diffBlob-expander-iconColor: #b7bdc8;
587
- --codeMirror-fgColor: #b7bdc8;
588
+ --diffBlob-expander-iconColor: #d1d7e0;
589
+ --codeMirror-fgColor: #d1d7e0;
588
590
  --codeMirror-bgColor: #212830;
589
591
  --codeMirror-gutters-bgColor: #212830;
590
592
  --codeMirror-gutterMarker-fgColor-default: #212830;
591
593
  --codeMirror-gutterMarker-fgColor-muted: #9198a1;
592
594
  --codeMirror-lineNumber-fgColor: #9198a1;
593
- --codeMirror-cursor-fgColor: #b7bdc8;
595
+ --codeMirror-cursor-fgColor: #d1d7e0;
594
596
  --codeMirror-selection-bgColor: #4184e466;
595
- --codeMirror-activeline-bgColor: #2f3742b3;
596
- --codeMirror-matchingBracket-fgColor: #b7bdc8;
597
+ --codeMirror-activeline-bgColor: #656c7633;
598
+ --codeMirror-matchingBracket-fgColor: #d1d7e0;
597
599
  --codeMirror-lines-bgColor: #212830;
598
600
  --codeMirror-syntax-fgColor-comment: #656c76;
599
601
  --codeMirror-syntax-fgColor-constant: #6cb6ff;
@@ -734,12 +736,12 @@
734
736
  --control-bgColor-active: #3d444d;
735
737
  --control-bgColor-disabled: #2a313c;
736
738
  --control-bgColor-selected: #2a313c;
737
- --control-fgColor-rest: #b7bdc8;
739
+ --control-fgColor-rest: #d1d7e0;
738
740
  --control-fgColor-placeholder: #9198a1;
739
741
  --control-fgColor-disabled: #656c76;
740
742
  --control-borderColor-rest: #3d444d;
741
743
  --control-borderColor-emphasis: #656c76;
742
- --control-borderColor-disabled: #2a313c;
744
+ --control-borderColor-disabled: #656c761a;
743
745
  --control-borderColor-selected: #f0f6fc;
744
746
  --control-borderColor-success: #347d39;
745
747
  --control-borderColor-danger: #c93c37;
@@ -773,7 +775,7 @@
773
775
  --controlTrack-bgColor-disabled: #656c76;
774
776
  --controlTrack-fgColor-rest: #9198a1;
775
777
  --controlTrack-fgColor-disabled: #f0f6fc;
776
- --controlTrack-borderColor-rest: #00000000;
778
+ --controlTrack-borderColor-rest: #3d444d;
777
779
  --controlTrack-borderColor-disabled: #656c76;
778
780
  --controlKnob-bgColor-rest: #151b23;
779
781
  --controlKnob-bgColor-disabled: #2a313c;
@@ -782,7 +784,9 @@
782
784
  --controlKnob-borderColor-disabled: #2a313c;
783
785
  --controlKnob-borderColor-checked: #316dca;
784
786
  --counter-borderColor: #00000000;
785
- --button-default-fgColor-rest: #b7bdc8;
787
+ --counter-bgColor-muted: #656c7633;
788
+ --counter-bgColor-emphasis: #656c76;
789
+ --button-default-fgColor-rest: #d1d7e0;
786
790
  --button-default-bgColor-rest: #2a313c;
787
791
  --button-default-bgColor-hover: #2f3742;
788
792
  --button-default-bgColor-active: #3d444d;
@@ -791,7 +795,7 @@
791
795
  --button-default-borderColor-rest: #3d444d;
792
796
  --button-default-borderColor-hover: #3d444d;
793
797
  --button-default-borderColor-active: #3d444d;
794
- --button-default-borderColor-disabled: #2a313c;
798
+ --button-default-borderColor-disabled: #656c761a;
795
799
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
796
800
  --button-primary-fgColor-rest: #ffffff;
797
801
  --button-primary-fgColor-disabled: #cdd9e566;
@@ -817,7 +821,7 @@
817
821
  --button-invisible-bgColor-disabled: #2a313c;
818
822
  --button-invisible-borderColor-rest: #00000000;
819
823
  --button-invisible-borderColor-hover: #00000000;
820
- --button-invisible-borderColor-disabled: #2a313c;
824
+ --button-invisible-borderColor-disabled: #656c761a;
821
825
  --button-outline-fgColor-rest: #4184e4;
822
826
  --button-outline-fgColor-hover: #539bf5;
823
827
  --button-outline-fgColor-active: #cdd9e5;
@@ -847,7 +851,7 @@
847
851
  --button-inactive-bgColor: #2a313c;
848
852
  --button-star-iconColor: #daaa3f;
849
853
  --buttonCounter-default-bgColor-rest: #2f3742;
850
- --buttonCounter-invisible-bgColor-rest: #2f3742;
854
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
851
855
  --buttonCounter-primary-bgColor-rest: #11341733;
852
856
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
853
857
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -997,7 +1001,7 @@
997
1001
  --label-coral-fgColor-active: #fdaa86;
998
1002
  --tooltip-bgColor: #3d444d;
999
1003
  --tooltip-fgColor: #f0f6fc;
1000
- --fgColor-default: #b7bdc8;
1004
+ --fgColor-default: #d1d7e0;
1001
1005
  --fgColor-muted: #9198a1;
1002
1006
  --fgColor-onEmphasis: #f0f6fc;
1003
1007
  --fgColor-onInverse: #1c2128;
@@ -1025,7 +1029,7 @@
1025
1029
  --bgColor-black: #1c2128;
1026
1030
  --bgColor-disabled: #2a313c;
1027
1031
  --bgColor-transparent: #00000000;
1028
- --bgColor-neutral-muted: #2f3742b3;
1032
+ --bgColor-neutral-muted: #656c7633;
1029
1033
  --bgColor-neutral-emphasis: #656c76;
1030
1034
  --bgColor-accent-muted: #4184e41a;
1031
1035
  --bgColor-accent-emphasis: #316dca;
@@ -1050,7 +1054,7 @@
1050
1054
  --borderColor-default: #3d444d;
1051
1055
  --borderColor-muted: #3d444db3;
1052
1056
  --borderColor-emphasis: #656c76;
1053
- --borderColor-disabled: #2a313c;
1057
+ --borderColor-disabled: #656c761a;
1054
1058
  --borderColor-transparent: #00000000;
1055
1059
  --borderColor-translucent: #cdd9e526;
1056
1060
  --borderColor-neutral-muted: #3d444db3;