@primer/primitives 9.0.0-rc.23ee6c3f → 9.0.0-rc.62824cb6

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 (77) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +26 -26
  2. package/dist/css/functional/themes/dark-dimmed.css +32 -32
  3. package/dist/css/functional/themes/dark-high-contrast.css +142 -142
  4. package/dist/css/functional/themes/dark-tritanopia.css +26 -26
  5. package/dist/css/functional/themes/dark.css +26 -26
  6. package/dist/css/functional/themes/light-colorblind.css +16 -16
  7. package/dist/css/functional/themes/light-high-contrast.css +10 -10
  8. package/dist/css/functional/themes/light-tritanopia.css +16 -16
  9. package/dist/css/functional/themes/light.css +16 -16
  10. package/dist/docs/functional/themes/dark-colorblind.json +112 -124
  11. package/dist/docs/functional/themes/dark-dimmed.json +120 -132
  12. package/dist/docs/functional/themes/dark-high-contrast.json +226 -236
  13. package/dist/docs/functional/themes/dark-tritanopia.json +112 -124
  14. package/dist/docs/functional/themes/dark.json +112 -124
  15. package/dist/docs/functional/themes/light-colorblind.json +108 -122
  16. package/dist/docs/functional/themes/light-high-contrast.json +105 -119
  17. package/dist/docs/functional/themes/light-tritanopia.json +108 -122
  18. package/dist/docs/functional/themes/light.json +108 -122
  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 +2211 -2211
  35. package/dist/figma/themes/dark-dimmed.json +1407 -1407
  36. package/dist/figma/themes/dark-high-contrast.json +1991 -1990
  37. package/dist/figma/themes/dark-tritanopia.json +2208 -2208
  38. package/dist/figma/themes/dark.json +2208 -2208
  39. package/dist/figma/themes/light-colorblind.json +1424 -1425
  40. package/dist/figma/themes/light-high-contrast.json +1323 -1324
  41. package/dist/figma/themes/light-tritanopia.json +1424 -1425
  42. package/dist/figma/themes/light.json +1395 -1396
  43. package/dist/internalCss/dark-colorblind.css +54 -50
  44. package/dist/internalCss/dark-dimmed.css +60 -56
  45. package/dist/internalCss/dark-high-contrast.css +170 -166
  46. package/dist/internalCss/dark-tritanopia.css +54 -50
  47. package/dist/internalCss/dark.css +54 -50
  48. package/dist/internalCss/light-colorblind.css +46 -42
  49. package/dist/internalCss/light-high-contrast.css +40 -36
  50. package/dist/internalCss/light-tritanopia.css +46 -42
  51. package/dist/internalCss/light.css +46 -42
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +112 -124
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +120 -132
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +226 -236
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +112 -124
  56. package/dist/styleLint/functional/themes/dark.json +112 -124
  57. package/dist/styleLint/functional/themes/light-colorblind.json +108 -122
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +105 -119
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +108 -122
  60. package/dist/styleLint/functional/themes/light.json +108 -122
  61. package/package.json +1 -1
  62. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
  63. package/src/tokens/base/color/dark/dark.json5 +29 -11
  64. package/src/tokens/base/color/light/light.json5 +29 -11
  65. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  66. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +44 -23
  67. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +101 -92
  68. package/src/tokens/functional/color/dark/patterns-dark.json5 +41 -49
  69. package/src/tokens/functional/color/dark/primitives-dark.json5 +24 -22
  70. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  71. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  72. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +29 -24
  73. package/src/tokens/functional/color/light/patterns-light.json5 +43 -51
  74. package/src/tokens/functional/color/light/primitives-light.json5 +24 -23
  75. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  76. package/src/tokens/functional/shadow/dark.json5 +15 -15
  77. package/src/tokens/functional/shadow/light.json5 +16 -16
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -5,16 +5,16 @@
5
5
  --topicTag-borderColor: #409eff;
6
6
  --highlight-neutral-bgColor: #f0b72f66;
7
7
  --page-header-bgColor: #010409;
8
- --diffBlob-addition-fgColor-text: #010409;
8
+ --diffBlob-addition-fgColor-text: #ffffff;
9
9
  --diffBlob-addition-fgColor-num: #ffffff;
10
10
  --diffBlob-addition-bgColor-num: #28d7514d;
11
11
  --diffBlob-addition-bgColor-line: #0ac74026;
12
- --diffBlob-addition-bgColor-word: #0ac740;
13
- --diffBlob-deletion-fgColor-text: #010409;
12
+ --diffBlob-addition-bgColor-word: #006222;
13
+ --diffBlob-deletion-fgColor-text: #ffffff;
14
14
  --diffBlob-deletion-fgColor-num: #ffffff;
15
15
  --diffBlob-deletion-bgColor-num: #ff80804d;
16
16
  --diffBlob-deletion-bgColor-line: #ff808026;
17
- --diffBlob-deletion-bgColor-word: #ff6a69;
17
+ --diffBlob-deletion-bgColor-word: #ad0116;
18
18
  --diffBlob-hunk-bgColor-num: #5cacff66;
19
19
  --diffBlob-expander-iconColor: #ffffff;
20
20
  --codeMirror-fgColor: #ffffff;
@@ -63,97 +63,97 @@
63
63
  --data-gray-color-emphasis: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
- --display-blue-bgColor-emphasis: #4da0ff;
66
+ --display-blue-bgColor-emphasis: #0046a8;
67
67
  --display-blue-fgColor: #85c2ff;
68
68
  --display-blue-borderColor-muted: #002766;
69
69
  --display-blue-borderColor-emphasis: #4da0ff;
70
70
  --display-green-bgColor-muted: #122117;
71
- --display-green-bgColor-emphasis: #41b445;
71
+ --display-green-bgColor-emphasis: #285830;
72
72
  --display-green-fgColor: #75d36f;
73
73
  --display-green-borderColor-muted: #182f1f;
74
74
  --display-green-borderColor-emphasis: #41b445;
75
75
  --display-orange-bgColor-muted: #311708;
76
- --display-orange-bgColor-emphasis: #ed8326;
76
+ --display-orange-bgColor-emphasis: #7b3c0e;
77
77
  --display-orange-fgColor: #f6b06a;
78
78
  --display-orange-borderColor-muted: #43200a;
79
79
  --display-orange-borderColor-emphasis: #ed8326;
80
80
  --display-purple-bgColor-muted: #211047;
81
- --display-purple-bgColor-emphasis: #b687f7;
81
+ --display-purple-bgColor-emphasis: #5b1cca;
82
82
  --display-purple-fgColor: #d2affd;
83
83
  --display-purple-borderColor-muted: #31146b;
84
84
  --display-purple-borderColor-emphasis: #b687f7;
85
85
  --display-plum-bgColor-muted: #2a0e3f;
86
- --display-plum-bgColor-emphasis: #d07ef7;
86
+ --display-plum-bgColor-emphasis: #7517ab;
87
87
  --display-plum-fgColor: #e4a5fd;
88
88
  --display-plum-borderColor-muted: #40125e;
89
89
  --display-plum-borderColor-emphasis: #d07ef7;
90
90
  --display-red-bgColor-muted: #3c0614;
91
- --display-red-bgColor-emphasis: #f27d83;
91
+ --display-red-bgColor-emphasis: #990f24;
92
92
  --display-red-fgColor: #f7adab;
93
93
  --display-red-borderColor-muted: #58091a;
94
94
  --display-red-borderColor-emphasis: #f27d83;
95
95
  --display-coral-bgColor-muted: #3c0614;
96
- --display-coral-bgColor-emphasis: #f7794b;
96
+ --display-coral-bgColor-emphasis: #902a0e;
97
97
  --display-coral-fgColor: #fdaa86;
98
98
  --display-coral-borderColor-muted: #58091a;
99
99
  --display-coral-borderColor-emphasis: #f7794b;
100
100
  --display-yellow-bgColor-muted: #2e1a00;
101
- --display-yellow-bgColor-emphasis: #d3910d;
101
+ --display-yellow-bgColor-emphasis: #6d4403;
102
102
  --display-yellow-fgColor: #edb431;
103
103
  --display-yellow-borderColor-muted: #3d2401;
104
104
  --display-yellow-borderColor-emphasis: #d3910d;
105
105
  --display-gray-bgColor-muted: #1c1c1c;
106
- --display-gray-bgColor-emphasis: #92a1b5;
106
+ --display-gray-bgColor-emphasis: #474e57;
107
107
  --display-gray-fgColor: #b3c0d1;
108
108
  --display-gray-borderColor-muted: #2a2b2d;
109
109
  --display-gray-borderColor-emphasis: #92a1b5;
110
110
  --display-auburn-bgColor-muted: #271817;
111
- --display-auburn-bgColor-emphasis: #bf9592;
111
+ --display-auburn-bgColor-emphasis: #6d4340;
112
112
  --display-auburn-fgColor: #d4b7b5;
113
113
  --display-auburn-borderColor-muted: #3a2422;
114
114
  --display-auburn-borderColor-emphasis: #bf9592;
115
115
  --display-brown-bgColor-muted: #241c14;
116
- --display-brown-bgColor-emphasis: #b69a6d;
116
+ --display-brown-bgColor-emphasis: #5d4a32;
117
117
  --display-brown-fgColor: #cdbb98;
118
118
  --display-brown-borderColor-muted: #342a1d;
119
119
  --display-brown-borderColor-emphasis: #b69a6d;
120
120
  --display-lemon-bgColor-muted: #291d00;
121
- --display-lemon-bgColor-emphasis: #ba9b12;
121
+ --display-lemon-bgColor-emphasis: #614c05;
122
122
  --display-lemon-fgColor: #d7bc1d;
123
123
  --display-lemon-borderColor-muted: #372901;
124
124
  --display-lemon-borderColor-emphasis: #ba9b12;
125
125
  --display-olive-bgColor-muted: #171e0b;
126
- --display-olive-bgColor-emphasis: #a2a626;
126
+ --display-olive-bgColor-emphasis: #485219;
127
127
  --display-olive-fgColor: #cbc025;
128
128
  --display-olive-borderColor-muted: #252d10;
129
129
  --display-olive-borderColor-emphasis: #a2a626;
130
130
  --display-lime-bgColor-muted: #141f0f;
131
- --display-lime-bgColor-emphasis: #7dae37;
131
+ --display-lime-bgColor-emphasis: #375421;
132
132
  --display-lime-fgColor: #9fcc3e;
133
133
  --display-lime-borderColor-muted: #1f3116;
134
134
  --display-lime-borderColor-emphasis: #7dae37;
135
135
  --display-pine-bgColor-muted: #082119;
136
- --display-pine-bgColor-emphasis: #1bb673;
136
+ --display-pine-bgColor-emphasis: #115a3e;
137
137
  --display-pine-fgColor: #1bda81;
138
138
  --display-pine-borderColor-muted: #0b3224;
139
139
  --display-pine-borderColor-emphasis: #1bb673;
140
140
  --display-teal-bgColor-muted: #041f25;
141
- --display-teal-bgColor-emphasis: #1cb0ab;
141
+ --display-teal-bgColor-emphasis: #0c555a;
142
142
  --display-teal-fgColor: #24d6c4;
143
143
  --display-teal-borderColor-muted: #073036;
144
144
  --display-teal-borderColor-emphasis: #1cb0ab;
145
145
  --display-cyan-bgColor-muted: #001f29;
146
- --display-cyan-bgColor-emphasis: #07ace4;
146
+ --display-cyan-bgColor-emphasis: #02536f;
147
147
  --display-cyan-fgColor: #45cbf7;
148
148
  --display-cyan-borderColor-muted: #002e3d;
149
149
  --display-cyan-borderColor-emphasis: #07ace4;
150
150
  --display-indigo-bgColor-muted: #1b183f;
151
- --display-indigo-bgColor-emphasis: #9899ec;
151
+ --display-indigo-bgColor-emphasis: #3935c0;
152
152
  --display-indigo-fgColor: #b7baf6;
153
153
  --display-indigo-borderColor-muted: #25215f;
154
154
  --display-indigo-borderColor-emphasis: #9899ec;
155
155
  --display-pink-bgColor-muted: #2d1524;
156
- --display-pink-bgColor-emphasis: #e57bb2;
156
+ --display-pink-bgColor-emphasis: #842a5d;
157
157
  --display-pink-fgColor: #f4a9cd;
158
158
  --display-pink-borderColor-muted: #451c35;
159
159
  --display-pink-borderColor-emphasis: #e57bb2;
@@ -169,10 +169,10 @@
169
169
  --control-bgColor-selected: #262c36;
170
170
  --control-fgColor-rest: #ffffff;
171
171
  --control-fgColor-placeholder: #b7bdc8;
172
- --control-fgColor-disabled: #9198a1;
172
+ --control-fgColor-disabled: #9198a199;
173
173
  --control-borderColor-rest: #b7bdc8;
174
174
  --control-borderColor-emphasis: #b7bdc8;
175
- --control-borderColor-disabled: #262c36;
175
+ --control-borderColor-disabled: #9198a11f;
176
176
  --control-borderColor-selected: #f0f6fc;
177
177
  --control-borderColor-success: #09b43a;
178
178
  --control-borderColor-danger: #ff6a69;
@@ -187,33 +187,33 @@
187
187
  --control-transparent-borderColor-hover: #b7bdc8;
188
188
  --control-transparent-borderColor-active: #b7bdc8;
189
189
  --control-danger-fgColor-rest: #ff9492;
190
- --control-danger-fgColor-hover: #010409;
191
- --control-danger-bgColor-hover: #ff8080;
192
- --control-danger-bgColor-active: #f65e60;
193
- --control-checked-bgColor-rest: #5cacff;
194
- --control-checked-bgColor-hover: #60aeff;
195
- --control-checked-bgColor-active: #64b0ff;
196
- --control-checked-bgColor-disabled: #9198a1;
197
- --control-checked-fgColor-rest: #010409;
190
+ --control-danger-fgColor-hover: #ff9492;
191
+ --control-danger-bgColor-hover: #ad0116;
192
+ --control-danger-bgColor-active: #c51120;
193
+ --control-checked-bgColor-rest: #194fb1;
194
+ --control-checked-bgColor-hover: #2b64c1;
195
+ --control-checked-bgColor-active: #3c79d0;
196
+ --control-checked-bgColor-disabled: #9198a199;
197
+ --control-checked-fgColor-rest: #ffffff;
198
198
  --control-checked-fgColor-disabled: #010409;
199
- --control-checked-borderColor-rest: #5cacff;
200
- --control-checked-borderColor-hover: #60aeff;
201
- --control-checked-borderColor-active: #64b0ff;
202
- --control-checked-borderColor-disabled: #9198a1;
199
+ --control-checked-borderColor-rest: #91cbff;
200
+ --control-checked-borderColor-hover: #91cbff;
201
+ --control-checked-borderColor-active: #91cbff;
202
+ --control-checked-borderColor-disabled: #9198a199;
203
203
  --controlTrack-bgColor-rest: #2a313c;
204
204
  --controlTrack-bgColor-hover: #2f3742;
205
205
  --controlTrack-bgColor-active: #3d444d;
206
- --controlTrack-bgColor-disabled: #9198a1;
206
+ --controlTrack-bgColor-disabled: #9198a199;
207
207
  --controlTrack-fgColor-rest: #ffffff;
208
- --controlTrack-fgColor-disabled: #010409;
208
+ --controlTrack-fgColor-disabled: #ffffff;
209
209
  --controlTrack-borderColor-rest: #b7bdc8;
210
- --controlTrack-borderColor-disabled: #9198a1;
210
+ --controlTrack-borderColor-disabled: #9198a199;
211
211
  --controlKnob-bgColor-rest: #010409;
212
212
  --controlKnob-bgColor-disabled: #262c36;
213
213
  --controlKnob-bgColor-checked: #ffffff;
214
214
  --controlKnob-borderColor-rest: #b7bdc8;
215
215
  --controlKnob-borderColor-disabled: #262c36;
216
- --controlKnob-borderColor-checked: #5cacff;
216
+ --controlKnob-borderColor-checked: #194fb1;
217
217
  --counter-borderColor: #b7bdc8;
218
218
  --button-default-fgColor-rest: #ffffff;
219
219
  --button-default-bgColor-rest: #262c36;
@@ -224,14 +224,14 @@
224
224
  --button-default-borderColor-rest: #b7bdc8;
225
225
  --button-default-borderColor-hover: #b7bdc8;
226
226
  --button-default-borderColor-active: #b7bdc8;
227
- --button-default-borderColor-disabled: #262c36;
227
+ --button-default-borderColor-disabled: #9198a11f;
228
228
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
229
- --button-primary-fgColor-rest: #010409;
230
- --button-primary-fgColor-disabled: #01040980;
231
- --button-primary-iconColor-rest: #010409;
232
- --button-primary-bgColor-rest: #0ac740;
233
- --button-primary-bgColor-hover: #10ca43;
234
- --button-primary-bgColor-active: #16cd47;
229
+ --button-primary-fgColor-rest: #ffffff;
230
+ --button-primary-fgColor-disabled: #ffffff66;
231
+ --button-primary-iconColor-rest: #ffffff;
232
+ --button-primary-bgColor-rest: #006222;
233
+ --button-primary-bgColor-hover: #08792b;
234
+ --button-primary-bgColor-active: #109135;
235
235
  --button-primary-bgColor-disabled: #048f2f;
236
236
  --button-primary-borderColor-rest: #4ae168;
237
237
  --button-primary-borderColor-hover: #4ae168;
@@ -240,17 +240,17 @@
240
240
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
241
  --button-invisible-fgColor-rest: #b7bdc8;
242
242
  --button-invisible-fgColor-hover: #b7bdc8;
243
- --button-invisible-fgColor-disabled: #9198a1;
243
+ --button-invisible-fgColor-disabled: #9198a199;
244
244
  --button-invisible-iconColor-rest: #d1d7e0;
245
245
  --button-invisible-iconColor-hover: #d1d7e0;
246
- --button-invisible-iconColor-disabled: #9198a1;
246
+ --button-invisible-iconColor-disabled: #9198a199;
247
247
  --button-invisible-bgColor-rest: #00000000;
248
248
  --button-invisible-bgColor-hover: #151b23;
249
249
  --button-invisible-bgColor-active: #212830;
250
250
  --button-invisible-bgColor-disabled: #262c36;
251
251
  --button-invisible-borderColor-rest: #00000000;
252
252
  --button-invisible-borderColor-hover: #b7bdc8;
253
- --button-invisible-borderColor-disabled: #262c36;
253
+ --button-invisible-borderColor-disabled: #9198a11f;
254
254
  --button-outline-fgColor-rest: #5cacff;
255
255
  --button-outline-fgColor-hover: #71b7ff;
256
256
  --button-outline-fgColor-active: #ffffff;
@@ -269,8 +269,8 @@
269
269
  --button-danger-iconColor-rest: #ff9492;
270
270
  --button-danger-iconColor-hover: #ffffff;
271
271
  --button-danger-bgColor-rest: #262c36;
272
- --button-danger-bgColor-hover: #ff4445;
273
- --button-danger-bgColor-active: #ff5c5d;
272
+ --button-danger-bgColor-hover: #ad0116;
273
+ --button-danger-bgColor-active: #c51120;
274
274
  --button-danger-bgColor-disabled: #262c36;
275
275
  --button-danger-borderColor-rest: #b7bdc8;
276
276
  --button-danger-borderColor-hover: #ffb1af;
@@ -284,12 +284,12 @@
284
284
  --buttonCounter-primary-bgColor-rest: #01040926;
285
285
  --buttonCounter-outline-bgColor-rest: #194fb133;
286
286
  --buttonCounter-outline-bgColor-hover: #194fb133;
287
- --buttonCounter-outline-bgColor-disabled: #5cacff0d;
287
+ --buttonCounter-outline-bgColor-disabled: #194fb10d;
288
288
  --buttonCounter-outline-fgColor-rest: #5cacff;
289
289
  --buttonCounter-outline-fgColor-hover: #71b7ff;
290
290
  --buttonCounter-outline-fgColor-disabled: #73b8ff80;
291
291
  --buttonCounter-danger-bgColor-hover: #01040926;
292
- --buttonCounter-danger-bgColor-disabled: #ff80800d;
292
+ --buttonCounter-danger-bgColor-disabled: #ad01160d;
293
293
  --buttonCounter-danger-bgColor-rest: #01040926;
294
294
  --buttonCounter-danger-fgColor-rest: #ff9492;
295
295
  --buttonCounter-danger-fgColor-hover: #ffffff;
@@ -312,7 +312,7 @@
312
312
  --underlineNav-borderColor-active: #ff967d;
313
313
  --underlineNav-borderColor-hover: #b7bdc8;
314
314
  --underlineNav-iconColor-rest: #b7bdc8;
315
- --selection-bgColor: #5cacffb3;
315
+ --selection-bgColor: #194fb1b3;
316
316
  --card-bgColor: #151b23;
317
317
  --label-green-bgColor-rest: #122117;
318
318
  --label-green-bgColor-hover: #182f1f;
@@ -432,11 +432,11 @@
432
432
  --tooltip-fgColor: #010409;
433
433
  --fgColor-default: #ffffff;
434
434
  --fgColor-muted: #b7bdc8;
435
- --fgColor-onEmphasis: #010409;
435
+ --fgColor-onEmphasis: #ffffff;
436
436
  --fgColor-onInverse: #010409;
437
437
  --fgColor-white: #ffffff;
438
438
  --fgColor-black: #010409;
439
- --fgColor-disabled: #9198a1;
439
+ --fgColor-disabled: #9198a199;
440
440
  --fgColor-link: #73b8ff;
441
441
  --fgColor-neutral: #b7bdc8;
442
442
  --fgColor-accent: #73b8ff;
@@ -452,38 +452,38 @@
452
452
  --bgColor-default: #010409;
453
453
  --bgColor-muted: #151b23;
454
454
  --bgColor-inset: #010409;
455
- --bgColor-emphasis: #ffffff;
455
+ --bgColor-emphasis: #3d444d;
456
456
  --bgColor-inverse: #ffffff;
457
457
  --bgColor-white: #ffffff;
458
458
  --bgColor-black: #010409;
459
459
  --bgColor-disabled: #262c36;
460
460
  --bgColor-transparent: #00000000;
461
461
  --bgColor-neutral-muted: #2f3742b3;
462
- --bgColor-neutral-emphasis: #b7bdc8;
462
+ --bgColor-neutral-emphasis: #3d444d;
463
463
  --bgColor-accent-muted: #409eff1a;
464
- --bgColor-accent-emphasis: #5cacff;
464
+ --bgColor-accent-emphasis: #194fb1;
465
465
  --bgColor-success-muted: #0ac74024;
466
- --bgColor-success-emphasis: #0ac740;
466
+ --bgColor-success-emphasis: #006222;
467
467
  --bgColor-open-muted: #0ac74024;
468
- --bgColor-open-emphasis: #0ac740;
468
+ --bgColor-open-emphasis: #006222;
469
469
  --bgColor-attention-muted: #edaa2726;
470
- --bgColor-attention-emphasis: #edaa27;
470
+ --bgColor-attention-emphasis: #7b4900;
471
471
  --bgColor-severe-muted: #f48b2516;
472
- --bgColor-severe-emphasis: #f48b25;
472
+ --bgColor-severe-emphasis: #8f3c00;
473
473
  --bgColor-danger-muted: #ff808017;
474
- --bgColor-danger-emphasis: #ff8080;
474
+ --bgColor-danger-emphasis: #ad0116;
475
475
  --bgColor-closed-muted: #ff808017;
476
- --bgColor-closed-emphasis: #ff8080;
476
+ --bgColor-closed-emphasis: #ad0116;
477
477
  --bgColor-done-muted: #b87fff17;
478
- --bgColor-done-emphasis: #bf8fff;
478
+ --bgColor-done-emphasis: #6921d7;
479
479
  --bgColor-upsell-muted: #b87fff17;
480
- --bgColor-upsell-emphasis: #bf8fff;
480
+ --bgColor-upsell-emphasis: #6921d7;
481
481
  --bgColor-sponsors-muted: #ef6eb117;
482
- --bgColor-sponsors-emphasis: #f87cbd;
482
+ --bgColor-sponsors-emphasis: #9c1d6a;
483
483
  --borderColor-default: #b7bdc8;
484
484
  --borderColor-muted: #b7bdc8;
485
485
  --borderColor-emphasis: #b7bdc8;
486
- --borderColor-disabled: #262c36;
486
+ --borderColor-disabled: #9198a11f;
487
487
  --borderColor-transparent: #00000000;
488
488
  --borderColor-translucent: #2f3742;
489
489
  --borderColor-neutral-muted: #b7bdc8;
@@ -572,16 +572,16 @@
572
572
  --topicTag-borderColor: #409eff;
573
573
  --highlight-neutral-bgColor: #f0b72f66;
574
574
  --page-header-bgColor: #010409;
575
- --diffBlob-addition-fgColor-text: #010409;
575
+ --diffBlob-addition-fgColor-text: #ffffff;
576
576
  --diffBlob-addition-fgColor-num: #ffffff;
577
577
  --diffBlob-addition-bgColor-num: #28d7514d;
578
578
  --diffBlob-addition-bgColor-line: #0ac74026;
579
- --diffBlob-addition-bgColor-word: #0ac740;
580
- --diffBlob-deletion-fgColor-text: #010409;
579
+ --diffBlob-addition-bgColor-word: #006222;
580
+ --diffBlob-deletion-fgColor-text: #ffffff;
581
581
  --diffBlob-deletion-fgColor-num: #ffffff;
582
582
  --diffBlob-deletion-bgColor-num: #ff80804d;
583
583
  --diffBlob-deletion-bgColor-line: #ff808026;
584
- --diffBlob-deletion-bgColor-word: #ff6a69;
584
+ --diffBlob-deletion-bgColor-word: #ad0116;
585
585
  --diffBlob-hunk-bgColor-num: #5cacff66;
586
586
  --diffBlob-expander-iconColor: #ffffff;
587
587
  --codeMirror-fgColor: #ffffff;
@@ -630,97 +630,97 @@
630
630
  --data-gray-color-emphasis: #576270;
631
631
  --data-gray-color-muted: #1c1c1c;
632
632
  --display-blue-bgColor-muted: #001a47;
633
- --display-blue-bgColor-emphasis: #4da0ff;
633
+ --display-blue-bgColor-emphasis: #0046a8;
634
634
  --display-blue-fgColor: #85c2ff;
635
635
  --display-blue-borderColor-muted: #002766;
636
636
  --display-blue-borderColor-emphasis: #4da0ff;
637
637
  --display-green-bgColor-muted: #122117;
638
- --display-green-bgColor-emphasis: #41b445;
638
+ --display-green-bgColor-emphasis: #285830;
639
639
  --display-green-fgColor: #75d36f;
640
640
  --display-green-borderColor-muted: #182f1f;
641
641
  --display-green-borderColor-emphasis: #41b445;
642
642
  --display-orange-bgColor-muted: #311708;
643
- --display-orange-bgColor-emphasis: #ed8326;
643
+ --display-orange-bgColor-emphasis: #7b3c0e;
644
644
  --display-orange-fgColor: #f6b06a;
645
645
  --display-orange-borderColor-muted: #43200a;
646
646
  --display-orange-borderColor-emphasis: #ed8326;
647
647
  --display-purple-bgColor-muted: #211047;
648
- --display-purple-bgColor-emphasis: #b687f7;
648
+ --display-purple-bgColor-emphasis: #5b1cca;
649
649
  --display-purple-fgColor: #d2affd;
650
650
  --display-purple-borderColor-muted: #31146b;
651
651
  --display-purple-borderColor-emphasis: #b687f7;
652
652
  --display-plum-bgColor-muted: #2a0e3f;
653
- --display-plum-bgColor-emphasis: #d07ef7;
653
+ --display-plum-bgColor-emphasis: #7517ab;
654
654
  --display-plum-fgColor: #e4a5fd;
655
655
  --display-plum-borderColor-muted: #40125e;
656
656
  --display-plum-borderColor-emphasis: #d07ef7;
657
657
  --display-red-bgColor-muted: #3c0614;
658
- --display-red-bgColor-emphasis: #f27d83;
658
+ --display-red-bgColor-emphasis: #990f24;
659
659
  --display-red-fgColor: #f7adab;
660
660
  --display-red-borderColor-muted: #58091a;
661
661
  --display-red-borderColor-emphasis: #f27d83;
662
662
  --display-coral-bgColor-muted: #3c0614;
663
- --display-coral-bgColor-emphasis: #f7794b;
663
+ --display-coral-bgColor-emphasis: #902a0e;
664
664
  --display-coral-fgColor: #fdaa86;
665
665
  --display-coral-borderColor-muted: #58091a;
666
666
  --display-coral-borderColor-emphasis: #f7794b;
667
667
  --display-yellow-bgColor-muted: #2e1a00;
668
- --display-yellow-bgColor-emphasis: #d3910d;
668
+ --display-yellow-bgColor-emphasis: #6d4403;
669
669
  --display-yellow-fgColor: #edb431;
670
670
  --display-yellow-borderColor-muted: #3d2401;
671
671
  --display-yellow-borderColor-emphasis: #d3910d;
672
672
  --display-gray-bgColor-muted: #1c1c1c;
673
- --display-gray-bgColor-emphasis: #92a1b5;
673
+ --display-gray-bgColor-emphasis: #474e57;
674
674
  --display-gray-fgColor: #b3c0d1;
675
675
  --display-gray-borderColor-muted: #2a2b2d;
676
676
  --display-gray-borderColor-emphasis: #92a1b5;
677
677
  --display-auburn-bgColor-muted: #271817;
678
- --display-auburn-bgColor-emphasis: #bf9592;
678
+ --display-auburn-bgColor-emphasis: #6d4340;
679
679
  --display-auburn-fgColor: #d4b7b5;
680
680
  --display-auburn-borderColor-muted: #3a2422;
681
681
  --display-auburn-borderColor-emphasis: #bf9592;
682
682
  --display-brown-bgColor-muted: #241c14;
683
- --display-brown-bgColor-emphasis: #b69a6d;
683
+ --display-brown-bgColor-emphasis: #5d4a32;
684
684
  --display-brown-fgColor: #cdbb98;
685
685
  --display-brown-borderColor-muted: #342a1d;
686
686
  --display-brown-borderColor-emphasis: #b69a6d;
687
687
  --display-lemon-bgColor-muted: #291d00;
688
- --display-lemon-bgColor-emphasis: #ba9b12;
688
+ --display-lemon-bgColor-emphasis: #614c05;
689
689
  --display-lemon-fgColor: #d7bc1d;
690
690
  --display-lemon-borderColor-muted: #372901;
691
691
  --display-lemon-borderColor-emphasis: #ba9b12;
692
692
  --display-olive-bgColor-muted: #171e0b;
693
- --display-olive-bgColor-emphasis: #a2a626;
693
+ --display-olive-bgColor-emphasis: #485219;
694
694
  --display-olive-fgColor: #cbc025;
695
695
  --display-olive-borderColor-muted: #252d10;
696
696
  --display-olive-borderColor-emphasis: #a2a626;
697
697
  --display-lime-bgColor-muted: #141f0f;
698
- --display-lime-bgColor-emphasis: #7dae37;
698
+ --display-lime-bgColor-emphasis: #375421;
699
699
  --display-lime-fgColor: #9fcc3e;
700
700
  --display-lime-borderColor-muted: #1f3116;
701
701
  --display-lime-borderColor-emphasis: #7dae37;
702
702
  --display-pine-bgColor-muted: #082119;
703
- --display-pine-bgColor-emphasis: #1bb673;
703
+ --display-pine-bgColor-emphasis: #115a3e;
704
704
  --display-pine-fgColor: #1bda81;
705
705
  --display-pine-borderColor-muted: #0b3224;
706
706
  --display-pine-borderColor-emphasis: #1bb673;
707
707
  --display-teal-bgColor-muted: #041f25;
708
- --display-teal-bgColor-emphasis: #1cb0ab;
708
+ --display-teal-bgColor-emphasis: #0c555a;
709
709
  --display-teal-fgColor: #24d6c4;
710
710
  --display-teal-borderColor-muted: #073036;
711
711
  --display-teal-borderColor-emphasis: #1cb0ab;
712
712
  --display-cyan-bgColor-muted: #001f29;
713
- --display-cyan-bgColor-emphasis: #07ace4;
713
+ --display-cyan-bgColor-emphasis: #02536f;
714
714
  --display-cyan-fgColor: #45cbf7;
715
715
  --display-cyan-borderColor-muted: #002e3d;
716
716
  --display-cyan-borderColor-emphasis: #07ace4;
717
717
  --display-indigo-bgColor-muted: #1b183f;
718
- --display-indigo-bgColor-emphasis: #9899ec;
718
+ --display-indigo-bgColor-emphasis: #3935c0;
719
719
  --display-indigo-fgColor: #b7baf6;
720
720
  --display-indigo-borderColor-muted: #25215f;
721
721
  --display-indigo-borderColor-emphasis: #9899ec;
722
722
  --display-pink-bgColor-muted: #2d1524;
723
- --display-pink-bgColor-emphasis: #e57bb2;
723
+ --display-pink-bgColor-emphasis: #842a5d;
724
724
  --display-pink-fgColor: #f4a9cd;
725
725
  --display-pink-borderColor-muted: #451c35;
726
726
  --display-pink-borderColor-emphasis: #e57bb2;
@@ -736,10 +736,10 @@
736
736
  --control-bgColor-selected: #262c36;
737
737
  --control-fgColor-rest: #ffffff;
738
738
  --control-fgColor-placeholder: #b7bdc8;
739
- --control-fgColor-disabled: #9198a1;
739
+ --control-fgColor-disabled: #9198a199;
740
740
  --control-borderColor-rest: #b7bdc8;
741
741
  --control-borderColor-emphasis: #b7bdc8;
742
- --control-borderColor-disabled: #262c36;
742
+ --control-borderColor-disabled: #9198a11f;
743
743
  --control-borderColor-selected: #f0f6fc;
744
744
  --control-borderColor-success: #09b43a;
745
745
  --control-borderColor-danger: #ff6a69;
@@ -754,33 +754,33 @@
754
754
  --control-transparent-borderColor-hover: #b7bdc8;
755
755
  --control-transparent-borderColor-active: #b7bdc8;
756
756
  --control-danger-fgColor-rest: #ff9492;
757
- --control-danger-fgColor-hover: #010409;
758
- --control-danger-bgColor-hover: #ff8080;
759
- --control-danger-bgColor-active: #f65e60;
760
- --control-checked-bgColor-rest: #5cacff;
761
- --control-checked-bgColor-hover: #60aeff;
762
- --control-checked-bgColor-active: #64b0ff;
763
- --control-checked-bgColor-disabled: #9198a1;
764
- --control-checked-fgColor-rest: #010409;
757
+ --control-danger-fgColor-hover: #ff9492;
758
+ --control-danger-bgColor-hover: #ad0116;
759
+ --control-danger-bgColor-active: #c51120;
760
+ --control-checked-bgColor-rest: #194fb1;
761
+ --control-checked-bgColor-hover: #2b64c1;
762
+ --control-checked-bgColor-active: #3c79d0;
763
+ --control-checked-bgColor-disabled: #9198a199;
764
+ --control-checked-fgColor-rest: #ffffff;
765
765
  --control-checked-fgColor-disabled: #010409;
766
- --control-checked-borderColor-rest: #5cacff;
767
- --control-checked-borderColor-hover: #60aeff;
768
- --control-checked-borderColor-active: #64b0ff;
769
- --control-checked-borderColor-disabled: #9198a1;
766
+ --control-checked-borderColor-rest: #91cbff;
767
+ --control-checked-borderColor-hover: #91cbff;
768
+ --control-checked-borderColor-active: #91cbff;
769
+ --control-checked-borderColor-disabled: #9198a199;
770
770
  --controlTrack-bgColor-rest: #2a313c;
771
771
  --controlTrack-bgColor-hover: #2f3742;
772
772
  --controlTrack-bgColor-active: #3d444d;
773
- --controlTrack-bgColor-disabled: #9198a1;
773
+ --controlTrack-bgColor-disabled: #9198a199;
774
774
  --controlTrack-fgColor-rest: #ffffff;
775
- --controlTrack-fgColor-disabled: #010409;
775
+ --controlTrack-fgColor-disabled: #ffffff;
776
776
  --controlTrack-borderColor-rest: #b7bdc8;
777
- --controlTrack-borderColor-disabled: #9198a1;
777
+ --controlTrack-borderColor-disabled: #9198a199;
778
778
  --controlKnob-bgColor-rest: #010409;
779
779
  --controlKnob-bgColor-disabled: #262c36;
780
780
  --controlKnob-bgColor-checked: #ffffff;
781
781
  --controlKnob-borderColor-rest: #b7bdc8;
782
782
  --controlKnob-borderColor-disabled: #262c36;
783
- --controlKnob-borderColor-checked: #5cacff;
783
+ --controlKnob-borderColor-checked: #194fb1;
784
784
  --counter-borderColor: #b7bdc8;
785
785
  --button-default-fgColor-rest: #ffffff;
786
786
  --button-default-bgColor-rest: #262c36;
@@ -791,14 +791,14 @@
791
791
  --button-default-borderColor-rest: #b7bdc8;
792
792
  --button-default-borderColor-hover: #b7bdc8;
793
793
  --button-default-borderColor-active: #b7bdc8;
794
- --button-default-borderColor-disabled: #262c36;
794
+ --button-default-borderColor-disabled: #9198a11f;
795
795
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
796
- --button-primary-fgColor-rest: #010409;
797
- --button-primary-fgColor-disabled: #01040980;
798
- --button-primary-iconColor-rest: #010409;
799
- --button-primary-bgColor-rest: #0ac740;
800
- --button-primary-bgColor-hover: #10ca43;
801
- --button-primary-bgColor-active: #16cd47;
796
+ --button-primary-fgColor-rest: #ffffff;
797
+ --button-primary-fgColor-disabled: #ffffff66;
798
+ --button-primary-iconColor-rest: #ffffff;
799
+ --button-primary-bgColor-rest: #006222;
800
+ --button-primary-bgColor-hover: #08792b;
801
+ --button-primary-bgColor-active: #109135;
802
802
  --button-primary-bgColor-disabled: #048f2f;
803
803
  --button-primary-borderColor-rest: #4ae168;
804
804
  --button-primary-borderColor-hover: #4ae168;
@@ -807,17 +807,17 @@
807
807
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
808
808
  --button-invisible-fgColor-rest: #b7bdc8;
809
809
  --button-invisible-fgColor-hover: #b7bdc8;
810
- --button-invisible-fgColor-disabled: #9198a1;
810
+ --button-invisible-fgColor-disabled: #9198a199;
811
811
  --button-invisible-iconColor-rest: #d1d7e0;
812
812
  --button-invisible-iconColor-hover: #d1d7e0;
813
- --button-invisible-iconColor-disabled: #9198a1;
813
+ --button-invisible-iconColor-disabled: #9198a199;
814
814
  --button-invisible-bgColor-rest: #00000000;
815
815
  --button-invisible-bgColor-hover: #151b23;
816
816
  --button-invisible-bgColor-active: #212830;
817
817
  --button-invisible-bgColor-disabled: #262c36;
818
818
  --button-invisible-borderColor-rest: #00000000;
819
819
  --button-invisible-borderColor-hover: #b7bdc8;
820
- --button-invisible-borderColor-disabled: #262c36;
820
+ --button-invisible-borderColor-disabled: #9198a11f;
821
821
  --button-outline-fgColor-rest: #5cacff;
822
822
  --button-outline-fgColor-hover: #71b7ff;
823
823
  --button-outline-fgColor-active: #ffffff;
@@ -836,8 +836,8 @@
836
836
  --button-danger-iconColor-rest: #ff9492;
837
837
  --button-danger-iconColor-hover: #ffffff;
838
838
  --button-danger-bgColor-rest: #262c36;
839
- --button-danger-bgColor-hover: #ff4445;
840
- --button-danger-bgColor-active: #ff5c5d;
839
+ --button-danger-bgColor-hover: #ad0116;
840
+ --button-danger-bgColor-active: #c51120;
841
841
  --button-danger-bgColor-disabled: #262c36;
842
842
  --button-danger-borderColor-rest: #b7bdc8;
843
843
  --button-danger-borderColor-hover: #ffb1af;
@@ -851,12 +851,12 @@
851
851
  --buttonCounter-primary-bgColor-rest: #01040926;
852
852
  --buttonCounter-outline-bgColor-rest: #194fb133;
853
853
  --buttonCounter-outline-bgColor-hover: #194fb133;
854
- --buttonCounter-outline-bgColor-disabled: #5cacff0d;
854
+ --buttonCounter-outline-bgColor-disabled: #194fb10d;
855
855
  --buttonCounter-outline-fgColor-rest: #5cacff;
856
856
  --buttonCounter-outline-fgColor-hover: #71b7ff;
857
857
  --buttonCounter-outline-fgColor-disabled: #73b8ff80;
858
858
  --buttonCounter-danger-bgColor-hover: #01040926;
859
- --buttonCounter-danger-bgColor-disabled: #ff80800d;
859
+ --buttonCounter-danger-bgColor-disabled: #ad01160d;
860
860
  --buttonCounter-danger-bgColor-rest: #01040926;
861
861
  --buttonCounter-danger-fgColor-rest: #ff9492;
862
862
  --buttonCounter-danger-fgColor-hover: #ffffff;
@@ -879,7 +879,7 @@
879
879
  --underlineNav-borderColor-active: #ff967d;
880
880
  --underlineNav-borderColor-hover: #b7bdc8;
881
881
  --underlineNav-iconColor-rest: #b7bdc8;
882
- --selection-bgColor: #5cacffb3;
882
+ --selection-bgColor: #194fb1b3;
883
883
  --card-bgColor: #151b23;
884
884
  --label-green-bgColor-rest: #122117;
885
885
  --label-green-bgColor-hover: #182f1f;
@@ -999,11 +999,11 @@
999
999
  --tooltip-fgColor: #010409;
1000
1000
  --fgColor-default: #ffffff;
1001
1001
  --fgColor-muted: #b7bdc8;
1002
- --fgColor-onEmphasis: #010409;
1002
+ --fgColor-onEmphasis: #ffffff;
1003
1003
  --fgColor-onInverse: #010409;
1004
1004
  --fgColor-white: #ffffff;
1005
1005
  --fgColor-black: #010409;
1006
- --fgColor-disabled: #9198a1;
1006
+ --fgColor-disabled: #9198a199;
1007
1007
  --fgColor-link: #73b8ff;
1008
1008
  --fgColor-neutral: #b7bdc8;
1009
1009
  --fgColor-accent: #73b8ff;
@@ -1019,38 +1019,38 @@
1019
1019
  --bgColor-default: #010409;
1020
1020
  --bgColor-muted: #151b23;
1021
1021
  --bgColor-inset: #010409;
1022
- --bgColor-emphasis: #ffffff;
1022
+ --bgColor-emphasis: #3d444d;
1023
1023
  --bgColor-inverse: #ffffff;
1024
1024
  --bgColor-white: #ffffff;
1025
1025
  --bgColor-black: #010409;
1026
1026
  --bgColor-disabled: #262c36;
1027
1027
  --bgColor-transparent: #00000000;
1028
1028
  --bgColor-neutral-muted: #2f3742b3;
1029
- --bgColor-neutral-emphasis: #b7bdc8;
1029
+ --bgColor-neutral-emphasis: #3d444d;
1030
1030
  --bgColor-accent-muted: #409eff1a;
1031
- --bgColor-accent-emphasis: #5cacff;
1031
+ --bgColor-accent-emphasis: #194fb1;
1032
1032
  --bgColor-success-muted: #0ac74024;
1033
- --bgColor-success-emphasis: #0ac740;
1033
+ --bgColor-success-emphasis: #006222;
1034
1034
  --bgColor-open-muted: #0ac74024;
1035
- --bgColor-open-emphasis: #0ac740;
1035
+ --bgColor-open-emphasis: #006222;
1036
1036
  --bgColor-attention-muted: #edaa2726;
1037
- --bgColor-attention-emphasis: #edaa27;
1037
+ --bgColor-attention-emphasis: #7b4900;
1038
1038
  --bgColor-severe-muted: #f48b2516;
1039
- --bgColor-severe-emphasis: #f48b25;
1039
+ --bgColor-severe-emphasis: #8f3c00;
1040
1040
  --bgColor-danger-muted: #ff808017;
1041
- --bgColor-danger-emphasis: #ff8080;
1041
+ --bgColor-danger-emphasis: #ad0116;
1042
1042
  --bgColor-closed-muted: #ff808017;
1043
- --bgColor-closed-emphasis: #ff8080;
1043
+ --bgColor-closed-emphasis: #ad0116;
1044
1044
  --bgColor-done-muted: #b87fff17;
1045
- --bgColor-done-emphasis: #bf8fff;
1045
+ --bgColor-done-emphasis: #6921d7;
1046
1046
  --bgColor-upsell-muted: #b87fff17;
1047
- --bgColor-upsell-emphasis: #bf8fff;
1047
+ --bgColor-upsell-emphasis: #6921d7;
1048
1048
  --bgColor-sponsors-muted: #ef6eb117;
1049
- --bgColor-sponsors-emphasis: #f87cbd;
1049
+ --bgColor-sponsors-emphasis: #9c1d6a;
1050
1050
  --borderColor-default: #b7bdc8;
1051
1051
  --borderColor-muted: #b7bdc8;
1052
1052
  --borderColor-emphasis: #b7bdc8;
1053
- --borderColor-disabled: #262c36;
1053
+ --borderColor-disabled: #9198a11f;
1054
1054
  --borderColor-transparent: #00000000;
1055
1055
  --borderColor-translucent: #2f3742;
1056
1056
  --borderColor-neutral-muted: #b7bdc8;