@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50

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 (74) hide show
  1. package/README.md +17 -18
  2. package/dist/css/functional/size/border.css +1 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +18 -12
  4. package/dist/css/functional/themes/dark-dimmed.css +20 -14
  5. package/dist/css/functional/themes/dark-high-contrast.css +258 -252
  6. package/dist/css/functional/themes/dark-tritanopia.css +20 -14
  7. package/dist/css/functional/themes/dark.css +20 -14
  8. package/dist/css/functional/themes/light-colorblind.css +30 -24
  9. package/dist/css/functional/themes/light-high-contrast.css +154 -148
  10. package/dist/css/functional/themes/light-tritanopia.css +30 -24
  11. package/dist/css/functional/themes/light.css +18 -12
  12. package/dist/css/primitives.css +1 -0
  13. package/dist/docs/functional/size/border.json +31 -0
  14. package/dist/docs/functional/themes/dark-colorblind.json +236 -149
  15. package/dist/docs/functional/themes/dark-dimmed.json +247 -158
  16. package/dist/docs/functional/themes/dark-high-contrast.json +555 -458
  17. package/dist/docs/functional/themes/dark-tritanopia.json +240 -153
  18. package/dist/docs/functional/themes/dark.json +247 -158
  19. package/dist/docs/functional/themes/light-colorblind.json +254 -173
  20. package/dist/docs/functional/themes/light-high-contrast.json +452 -361
  21. package/dist/docs/functional/themes/light-tritanopia.json +252 -171
  22. package/dist/docs/functional/themes/light.json +246 -157
  23. package/dist/fallbacks/functional/size/border.json +1 -0
  24. package/dist/figma/dimension/dimension.json +14 -0
  25. package/dist/figma/themes/dark-colorblind.json +246 -198
  26. package/dist/figma/themes/dark-dimmed.json +249 -200
  27. package/dist/figma/themes/dark-high-contrast.json +675 -625
  28. package/dist/figma/themes/dark-tritanopia.json +248 -200
  29. package/dist/figma/themes/dark.json +249 -200
  30. package/dist/figma/themes/light-colorblind.json +265 -218
  31. package/dist/figma/themes/light-high-contrast.json +457 -407
  32. package/dist/figma/themes/light-tritanopia.json +264 -217
  33. package/dist/figma/themes/light.json +187 -138
  34. package/dist/internalCss/dark-colorblind.css +18 -12
  35. package/dist/internalCss/dark-dimmed.css +20 -14
  36. package/dist/internalCss/dark-high-contrast.css +258 -252
  37. package/dist/internalCss/dark-tritanopia.css +20 -14
  38. package/dist/internalCss/dark.css +20 -14
  39. package/dist/internalCss/light-colorblind.css +30 -24
  40. package/dist/internalCss/light-high-contrast.css +154 -148
  41. package/dist/internalCss/light-tritanopia.css +30 -24
  42. package/dist/internalCss/light.css +18 -12
  43. package/dist/styleLint/functional/size/border.json +31 -0
  44. package/dist/styleLint/functional/themes/dark-colorblind.json +236 -149
  45. package/dist/styleLint/functional/themes/dark-dimmed.json +247 -158
  46. package/dist/styleLint/functional/themes/dark-high-contrast.json +555 -458
  47. package/dist/styleLint/functional/themes/dark-tritanopia.json +240 -153
  48. package/dist/styleLint/functional/themes/dark.json +247 -158
  49. package/dist/styleLint/functional/themes/light-colorblind.json +254 -173
  50. package/dist/styleLint/functional/themes/light-high-contrast.json +452 -361
  51. package/dist/styleLint/functional/themes/light-tritanopia.json +252 -171
  52. package/dist/styleLint/functional/themes/light.json +246 -157
  53. package/package.json +38 -35
  54. package/src/formats/cssAdvanced.ts +3 -3
  55. package/src/formats/cssCustomMedia.ts +2 -2
  56. package/src/formats/javascriptCommonJs.ts +2 -2
  57. package/src/formats/javascriptEsm.ts +2 -2
  58. package/src/formats/jsonFigma.ts +2 -2
  59. package/src/formats/jsonNestedPrefixed.ts +2 -2
  60. package/src/formats/jsonOneDimensional.ts +2 -2
  61. package/src/formats/jsonPostCssFallback.ts +2 -2
  62. package/src/formats/typescriptExportDefinition.ts +2 -2
  63. package/src/schemas/designToken.ts +1 -1
  64. package/src/schemas/validTokenType.ts +1 -1
  65. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +528 -2
  66. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  67. package/src/tokens/functional/color/dark/patterns-dark.json5 +26 -0
  68. package/src/tokens/functional/color/dark/primitives-dark.json5 +78 -65
  69. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +400 -0
  70. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  71. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  72. package/src/tokens/functional/color/light/patterns-light.json5 +26 -0
  73. package/src/tokens/functional/color/light/primitives-light.json5 +77 -64
  74. package/src/tokens/functional/size/border.json +13 -0
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #f0f3f6;
26
26
  --codeMirror-cursor-fgColor: #fbfcfd;
27
27
  --codeMirror-selection-bgColor: #5cacff66;
28
- --codeMirror-activeline-bgColor: #9ea7b366;
28
+ --codeMirror-activeline-bgColor: #7a828e1a;
29
29
  --codeMirror-matchingBracket-fgColor: #fbfcfd;
30
30
  --codeMirror-lines-bgColor: #0a0c10;
31
31
  --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -63,100 +63,100 @@
63
63
  --data-gray-color: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
- --display-blue-bgColor-emphasis: #005bd1;
67
- --display-blue-fgColor: #4da0ff;
66
+ --display-blue-bgColor-emphasis: #4da0ff;
67
+ --display-blue-fgColor: #85c2ff;
68
68
  --display-blue-borderColor-muted: #002766;
69
- --display-blue-borderColor-emphasis: #0576ff;
69
+ --display-blue-borderColor-emphasis: #4da0ff;
70
70
  --display-green-bgColor-muted: #122117;
71
- --display-green-bgColor-emphasis: #2f6f37;
72
- --display-green-fgColor: #41b445;
71
+ --display-green-bgColor-emphasis: #41b445;
72
+ --display-green-fgColor: #75d36f;
73
73
  --display-green-borderColor-muted: #182f1f;
74
- --display-green-borderColor-emphasis: #388f3f;
74
+ --display-green-borderColor-emphasis: #41b445;
75
75
  --display-orange-bgColor-muted: #311708;
76
- --display-orange-bgColor-emphasis: #984b10;
77
- --display-orange-fgColor: #ed8326;
76
+ --display-orange-bgColor-emphasis: #ed8326;
77
+ --display-orange-fgColor: #f6b06a;
78
78
  --display-orange-borderColor-muted: #43200a;
79
- --display-orange-borderColor-emphasis: #c46212;
79
+ --display-orange-borderColor-emphasis: #ed8326;
80
80
  --display-purple-bgColor-muted: #211047;
81
- --display-purple-bgColor-emphasis: #7730e8;
82
- --display-purple-fgColor: #b687f7;
81
+ --display-purple-bgColor-emphasis: #b687f7;
82
+ --display-purple-fgColor: #d2affd;
83
83
  --display-purple-borderColor-muted: #31146b;
84
- --display-purple-borderColor-emphasis: #975bf1;
84
+ --display-purple-borderColor-emphasis: #b687f7;
85
85
  --display-plum-bgColor-muted: #2a0e3f;
86
- --display-plum-bgColor-emphasis: #9518d8;
87
- --display-plum-fgColor: #d07ef7;
86
+ --display-plum-bgColor-emphasis: #d07ef7;
87
+ --display-plum-fgColor: #e4a5fd;
88
88
  --display-plum-borderColor-muted: #40125e;
89
- --display-plum-borderColor-emphasis: #b643ef;
89
+ --display-plum-borderColor-emphasis: #d07ef7;
90
90
  --display-red-bgColor-muted: #3c0614;
91
- --display-red-bgColor-emphasis: #c31328;
92
- --display-red-fgColor: #f27d83;
91
+ --display-red-bgColor-emphasis: #f27d83;
92
+ --display-red-fgColor: #f7adab;
93
93
  --display-red-borderColor-muted: #58091a;
94
- --display-red-borderColor-emphasis: #eb3342;
94
+ --display-red-borderColor-emphasis: #f27d83;
95
95
  --display-coral-bgColor-muted: #3c0614;
96
- --display-coral-bgColor-emphasis: #c31328;
97
- --display-coral-fgColor: #f27d83;
96
+ --display-coral-bgColor-emphasis: #f7794b;
97
+ --display-coral-fgColor: #fdaa86;
98
98
  --display-coral-borderColor-muted: #58091a;
99
- --display-coral-borderColor-emphasis: #eb3342;
99
+ --display-coral-borderColor-emphasis: #f7794b;
100
100
  --display-yellow-bgColor-muted: #2e1a00;
101
- --display-yellow-bgColor-emphasis: #895906;
102
- --display-yellow-fgColor: #d3910d;
101
+ --display-yellow-bgColor-emphasis: #d3910d;
102
+ --display-yellow-fgColor: #edb431;
103
103
  --display-yellow-borderColor-muted: #3d2401;
104
- --display-yellow-borderColor-emphasis: #aa7109;
104
+ --display-yellow-borderColor-emphasis: #d3910d;
105
105
  --display-gray-bgColor-muted: #1c1c1c;
106
- --display-gray-bgColor-emphasis: #576270;
107
- --display-gray-fgColor: #92a1b5;
106
+ --display-gray-bgColor-emphasis: #92a1b5;
107
+ --display-gray-fgColor: #b3c0d1;
108
108
  --display-gray-borderColor-muted: #2a2b2d;
109
- --display-gray-borderColor-emphasis: #6e7f96;
109
+ --display-gray-borderColor-emphasis: #92a1b5;
110
110
  --display-auburn-bgColor-muted: #271817;
111
- --display-auburn-bgColor-emphasis: #87534f;
112
- --display-auburn-fgColor: #bf9592;
111
+ --display-auburn-bgColor-emphasis: #bf9592;
112
+ --display-auburn-fgColor: #d4b7b5;
113
113
  --display-auburn-borderColor-muted: #3a2422;
114
- --display-auburn-borderColor-emphasis: #a86f6b;
114
+ --display-auburn-borderColor-emphasis: #bf9592;
115
115
  --display-brown-bgColor-muted: #241c14;
116
- --display-brown-bgColor-emphasis: #755e3e;
117
- --display-brown-fgColor: #b69a6d;
116
+ --display-brown-bgColor-emphasis: #b69a6d;
117
+ --display-brown-fgColor: #cdbb98;
118
118
  --display-brown-borderColor-muted: #342a1d;
119
- --display-brown-borderColor-emphasis: #94774c;
119
+ --display-brown-borderColor-emphasis: #b69a6d;
120
120
  --display-lemon-bgColor-muted: #291d00;
121
- --display-lemon-bgColor-emphasis: #786008;
122
- --display-lemon-fgColor: #ba9b12;
121
+ --display-lemon-bgColor-emphasis: #ba9b12;
122
+ --display-lemon-fgColor: #d7bc1d;
123
123
  --display-lemon-borderColor-muted: #372901;
124
- --display-lemon-borderColor-emphasis: #977b0c;
124
+ --display-lemon-borderColor-emphasis: #ba9b12;
125
125
  --display-olive-bgColor-muted: #171e0b;
126
- --display-olive-bgColor-emphasis: #5e681d;
127
- --display-olive-fgColor: #a2a626;
126
+ --display-olive-bgColor-emphasis: #a2a626;
127
+ --display-olive-fgColor: #cbc025;
128
128
  --display-olive-borderColor-muted: #252d10;
129
- --display-olive-borderColor-emphasis: #7a8321;
129
+ --display-olive-borderColor-emphasis: #a2a626;
130
130
  --display-lime-bgColor-muted: #141f0f;
131
- --display-lime-bgColor-emphasis: #496c28;
132
- --display-lime-fgColor: #7dae37;
131
+ --display-lime-bgColor-emphasis: #7dae37;
132
+ --display-lime-fgColor: #9fcc3e;
133
133
  --display-lime-borderColor-muted: #1f3116;
134
- --display-lime-borderColor-emphasis: #5f892f;
134
+ --display-lime-borderColor-emphasis: #7dae37;
135
135
  --display-pine-bgColor-muted: #082119;
136
- --display-pine-bgColor-emphasis: #14714c;
137
- --display-pine-fgColor: #1bb673;
136
+ --display-pine-bgColor-emphasis: #1bb673;
137
+ --display-pine-fgColor: #1bda81;
138
138
  --display-pine-borderColor-muted: #0b3224;
139
- --display-pine-borderColor-emphasis: #18915e;
139
+ --display-pine-borderColor-emphasis: #1bb673;
140
140
  --display-teal-bgColor-muted: #041f25;
141
- --display-teal-bgColor-emphasis: #106c70;
142
- --display-teal-fgColor: #1cb0ab;
141
+ --display-teal-bgColor-emphasis: #1cb0ab;
142
+ --display-teal-fgColor: #24d6c4;
143
143
  --display-teal-borderColor-muted: #073036;
144
- --display-teal-borderColor-emphasis: #158a8a;
144
+ --display-teal-borderColor-emphasis: #1cb0ab;
145
145
  --display-cyan-bgColor-muted: #001f29;
146
- --display-cyan-bgColor-emphasis: #036a8c;
147
- --display-cyan-fgColor: #07ace4;
146
+ --display-cyan-bgColor-emphasis: #07ace4;
147
+ --display-cyan-fgColor: #45cbf7;
148
148
  --display-cyan-borderColor-muted: #002e3d;
149
- --display-cyan-borderColor-emphasis: #0587b3;
149
+ --display-cyan-borderColor-emphasis: #07ace4;
150
150
  --display-indigo-bgColor-muted: #1b183f;
151
- --display-indigo-bgColor-emphasis: #514ed4;
152
- --display-indigo-fgColor: #9899ec;
151
+ --display-indigo-bgColor-emphasis: #9899ec;
152
+ --display-indigo-fgColor: #b7baf6;
153
153
  --display-indigo-borderColor-muted: #25215f;
154
- --display-indigo-borderColor-emphasis: #7070e1;
154
+ --display-indigo-borderColor-emphasis: #9899ec;
155
155
  --display-pink-bgColor-muted: #2d1524;
156
- --display-pink-bgColor-emphasis: #ac2f74;
157
- --display-pink-fgColor: #e57bb2;
156
+ --display-pink-bgColor-emphasis: #e57bb2;
157
+ --display-pink-fgColor: #f4a9cd;
158
158
  --display-pink-borderColor-muted: #451c35;
159
- --display-pink-borderColor-emphasis: #d34591;
159
+ --display-pink-borderColor-emphasis: #e57bb2;
160
160
  --avatar-bgColor: #ffffff1a;
161
161
  --avatar-borderColor: #ffffffe6;
162
162
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -164,14 +164,14 @@
164
164
  --avatarStack-fade-bgColor-muted: #3d424d;
165
165
  --control-bgColor-rest: #3d424d;
166
166
  --control-bgColor-hover: #494f5a;
167
- --control-bgColor-active: #555c67;
167
+ --control-bgColor-active: #393d48;
168
168
  --control-bgColor-disabled: #3d424db3;
169
- --control-bgColor-selected: #525964;
169
+ --control-bgColor-selected: #272b33;
170
170
  --control-fgColor-rest: #f0f3f6;
171
- --control-fgColor-placeholder: #b7bec7;
171
+ --control-fgColor-placeholder: #e4e9ed;
172
172
  --control-fgColor-disabled: #9ea7b3;
173
173
  --control-borderColor-rest: #7a828e;
174
- --control-borderColor-emphasis: #7a828e;
174
+ --control-borderColor-emphasis: #9ea7b3;
175
175
  --control-borderColor-disabled: #3d424db3;
176
176
  --control-borderColor-selected: #ffffff;
177
177
  --control-borderColor-success: #09b43a;
@@ -186,19 +186,19 @@
186
186
  --control-transparent-borderColor-rest: #00000000;
187
187
  --control-transparent-borderColor-hover: #7a828e;
188
188
  --control-transparent-borderColor-active: #9ea7b3;
189
- --control-danger-fgColor-rest: #ff8080;
189
+ --control-danger-fgColor-rest: #ff9492;
190
190
  --control-danger-fgColor-hover: #0a0c10;
191
- --control-danger-bgColor-hover: #ff6a69;
192
- --control-danger-bgColor-active: #f65052;
193
- --control-checked-bgColor-rest: #409eff;
194
- --control-checked-bgColor-hover: #4aa3ff;
195
- --control-checked-bgColor-active: #54a8ff;
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
196
  --control-checked-bgColor-disabled: #9ea7b3;
197
197
  --control-checked-fgColor-rest: #0a0c10;
198
198
  --control-checked-fgColor-disabled: #010409;
199
- --control-checked-borderColor-rest: #409eff;
200
- --control-checked-borderColor-hover: #4aa3ff;
201
- --control-checked-borderColor-active: #54a8ff;
199
+ --control-checked-borderColor-rest: #5cacff;
200
+ --control-checked-borderColor-hover: #60aeff;
201
+ --control-checked-borderColor-active: #64b0ff;
202
202
  --control-checked-borderColor-disabled: #9ea7b3;
203
203
  --controlTrack-bgColor-rest: #3d424d;
204
204
  --controlTrack-bgColor-hover: #494f5a;
@@ -206,20 +206,20 @@
206
206
  --controlTrack-bgColor-disabled: #9ea7b3;
207
207
  --controlTrack-fgColor-rest: #fbfcfd;
208
208
  --controlTrack-fgColor-disabled: #0a0c10;
209
- --controlTrack-borderColor-rest: #00000000;
209
+ --controlTrack-borderColor-rest: #9ea7b3;
210
210
  --controlTrack-borderColor-disabled: #9ea7b3;
211
211
  --controlKnob-bgColor-rest: #010409;
212
212
  --controlKnob-bgColor-disabled: #3d424db3;
213
213
  --controlKnob-bgColor-checked: #ffffff;
214
- --controlKnob-borderColor-rest: #7a828e;
214
+ --controlKnob-borderColor-rest: #9ea7b3;
215
215
  --controlKnob-borderColor-disabled: #3d424db3;
216
- --controlKnob-borderColor-checked: #409eff;
216
+ --controlKnob-borderColor-checked: #5cacff;
217
217
  --counter-borderColor: #00000000;
218
218
  --button-default-fgColor-rest: #f0f3f6;
219
219
  --button-default-bgColor-rest: #3d424d;
220
220
  --button-default-bgColor-hover: #494f5a;
221
- --button-default-bgColor-active: #555c67;
222
- --button-default-bgColor-selected: #555c67;
221
+ --button-default-bgColor-active: #393d48;
222
+ --button-default-bgColor-selected: #393d48;
223
223
  --button-default-bgColor-disabled: #3d424db3;
224
224
  --button-default-borderColor-rest: #7a828e;
225
225
  --button-default-borderColor-hover: #7a828e;
@@ -229,16 +229,16 @@
229
229
  --button-primary-fgColor-rest: #0a0c10;
230
230
  --button-primary-fgColor-disabled: #0a0c1080;
231
231
  --button-primary-iconColor-rest: #0a0c10;
232
- --button-primary-bgColor-rest: #09b43a;
233
- --button-primary-bgColor-hover: #0fbb3f;
234
- --button-primary-bgColor-active: #15c243;
232
+ --button-primary-bgColor-rest: #0ac740;
233
+ --button-primary-bgColor-hover: #10ca43;
234
+ --button-primary-bgColor-active: #16cd47;
235
235
  --button-primary-bgColor-disabled: #048f2f;
236
236
  --button-primary-borderColor-rest: #4ae168;
237
237
  --button-primary-borderColor-hover: #4ae168;
238
238
  --button-primary-borderColor-active: #4ae168;
239
239
  --button-primary-borderColor-disabled: #4ae16866;
240
240
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
241
- --button-invisible-fgColor-rest: #60aeff;
241
+ --button-invisible-fgColor-rest: #73b8ff;
242
242
  --button-invisible-fgColor-hover: #1e60d5;
243
243
  --button-invisible-fgColor-disabled: #9ea7b3;
244
244
  --button-invisible-iconColor-rest: #f0f3f6;
@@ -254,7 +254,7 @@
254
254
  --button-outline-fgColor-rest: #5cacff;
255
255
  --button-outline-fgColor-hover: #71b7ff;
256
256
  --button-outline-fgColor-active: #ffffff;
257
- --button-outline-fgColor-disabled: #60aeff80;
257
+ --button-outline-fgColor-disabled: #73b8ff80;
258
258
  --button-outline-bgColor-rest: #ffffff;
259
259
  --button-outline-bgColor-hover: #525964;
260
260
  --button-outline-bgColor-active: #2672f3;
@@ -265,8 +265,8 @@
265
265
  --button-danger-fgColor-rest: #ff9492;
266
266
  --button-danger-fgColor-hover: #ffffff;
267
267
  --button-danger-fgColor-active: #ffffff;
268
- --button-danger-fgColor-disabled: #ff808080;
269
- --button-danger-iconColor-rest: #ff8080;
268
+ --button-danger-fgColor-disabled: #ff949280;
269
+ --button-danger-iconColor-rest: #ff9492;
270
270
  --button-danger-iconColor-hover: #ffffff;
271
271
  --button-danger-bgColor-rest: #3d424d;
272
272
  --button-danger-bgColor-hover: #ff4445;
@@ -284,19 +284,19 @@
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: #409eff0d;
287
+ --buttonCounter-outline-bgColor-disabled: #5cacff0d;
288
288
  --buttonCounter-outline-fgColor-rest: #5cacff;
289
289
  --buttonCounter-outline-fgColor-hover: #71b7ff;
290
- --buttonCounter-outline-fgColor-disabled: #60aeff80;
290
+ --buttonCounter-outline-fgColor-disabled: #73b8ff80;
291
291
  --buttonCounter-danger-bgColor-hover: #01040926;
292
- --buttonCounter-danger-bgColor-disabled: #ff6a690d;
292
+ --buttonCounter-danger-bgColor-disabled: #ff80800d;
293
293
  --buttonCounter-danger-bgColor-rest: #01040926;
294
- --buttonCounter-danger-fgColor-rest: #ff8080;
294
+ --buttonCounter-danger-fgColor-rest: #ff9492;
295
295
  --buttonCounter-danger-fgColor-hover: #ffffff;
296
- --buttonCounter-danger-fgColor-disabled: #ff808080;
296
+ --buttonCounter-danger-fgColor-disabled: #ff949280;
297
297
  --reactionButton-selected-bgColor-rest: #5cacff33;
298
298
  --reactionButton-selected-bgColor-hover: #5dadff5c;
299
- --reactionButton-selected-fgColor-rest: #60aeff;
299
+ --reactionButton-selected-fgColor-rest: #73b8ff;
300
300
  --reactionButton-selected-fgColor-hover: #91cbff;
301
301
  --focus-outlineColor: #409eff;
302
302
  --menu-bgColor-active: #272b33;
@@ -306,14 +306,14 @@
306
306
  --selectMenu-borderColor: #7a828e;
307
307
  --selectMenu-bgColor-active: #1e60d5;
308
308
  --sideNav-bgColor-selected: #3d424d;
309
- --skeletonLoader-bgColor: #272b33;
309
+ --skeletonLoader-bgColor: #191c22;
310
310
  --timelineBadge-bgColor: #3d424d;
311
311
  --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
312
312
  --underlineNav-borderColor-active: #ff967d;
313
313
  --underlineNav-borderColor-hover: #bdc4cc;
314
314
  --underlineNav-iconColor-rest: #f0f3f6;
315
- --selection-bgColor: #409effb3;
316
- --card-bgColor: #272b33;
315
+ --selection-bgColor: #5cacffb3;
316
+ --card-bgColor: #191c22;
317
317
  --label-green-bgColor-rest: #122117;
318
318
  --label-green-bgColor-hover: #182f1f;
319
319
  --label-green-bgColor-active: #214529;
@@ -428,26 +428,29 @@
428
428
  --label-coral-fgColor-rest: #f7794b;
429
429
  --label-coral-fgColor-hover: #fa8c61;
430
430
  --label-coral-fgColor-active: #fdaa86;
431
+ --tooltip-bgColor: #ffffff;
432
+ --tooltip-fgColor: #010409;
431
433
  --fgColor-default: #fbfcfd;
432
434
  --fgColor-muted: #f0f3f6;
433
435
  --fgColor-onEmphasis: #0a0c10;
436
+ --fgColor-onInverse: #010409;
434
437
  --fgColor-white: #ffffff;
435
438
  --fgColor-black: #010409;
436
439
  --fgColor-disabled: #9ea7b3;
437
- --fgColor-link: #60aeff;
438
- --fgColor-neutral: #9ea7b3;
439
- --fgColor-accent: #60aeff;
440
+ --fgColor-link: #73b8ff;
441
+ --fgColor-neutral: #bdc4cc;
442
+ --fgColor-accent: #73b8ff;
440
443
  --fgColor-success: #28d751;
441
- --fgColor-attention: #f0b72f;
442
- --fgColor-severe: #f48b25;
443
- --fgColor-danger: #ff8080;
444
444
  --fgColor-open: #28d751;
445
- --fgColor-closed: #ff8080;
446
- --fgColor-done: #bf8fff;
447
- --fgColor-upsell: #bf8fff;
448
- --fgColor-sponsors: #f87cbd;
445
+ --fgColor-attention: #f0b72f;
446
+ --fgColor-severe: #fe9a2d;
447
+ --fgColor-danger: #ff9492;
448
+ --fgColor-closed: #ff9492;
449
+ --fgColor-done: #cb9eff;
450
+ --fgColor-upsell: #cb9eff;
451
+ --fgColor-sponsors: #ff8dc7;
449
452
  --bgColor-default: #0a0c10;
450
- --bgColor-muted: #272b33;
453
+ --bgColor-muted: #191c22;
451
454
  --bgColor-inset: #010409;
452
455
  --bgColor-emphasis: #ffffff;
453
456
  --bgColor-inverse: #ffffff;
@@ -455,31 +458,31 @@
455
458
  --bgColor-black: #010409;
456
459
  --bgColor-disabled: #3d424db3;
457
460
  --bgColor-transparent: #00000000;
458
- --bgColor-neutral-muted: #9ea7b366;
461
+ --bgColor-neutral-muted: #7a828e1a;
459
462
  --bgColor-neutral-emphasis: #9ea7b3;
460
- --bgColor-accent-muted: #5cacff1a;
461
- --bgColor-accent-emphasis: #409eff;
462
- --bgColor-success-muted: #0ac74026;
463
- --bgColor-success-emphasis: #09b43a;
463
+ --bgColor-accent-muted: #409eff1a;
464
+ --bgColor-accent-emphasis: #5cacff;
465
+ --bgColor-success-muted: #0ac74024;
466
+ --bgColor-success-emphasis: #0ac740;
467
+ --bgColor-open-muted: #0ac74024;
468
+ --bgColor-open-emphasis: #0ac740;
464
469
  --bgColor-attention-muted: #edaa2726;
465
- --bgColor-attention-emphasis: #e09b13;
466
- --bgColor-severe-muted: #f48b251a;
467
- --bgColor-severe-emphasis: #e7811d;
468
- --bgColor-danger-muted: #ff80801a;
469
- --bgColor-danger-emphasis: #ff6a69;
470
- --bgColor-open-muted: #0ac7401a;
471
- --bgColor-open-emphasis: #09b43a;
472
- --bgColor-closed-muted: #ff808026;
473
- --bgColor-closed-emphasis: #ff6a69;
474
- --bgColor-done-muted: #bf8fff26;
475
- --bgColor-done-emphasis: #b87fff;
476
- --bgColor-upsell-muted: #bf8fff26;
477
- --bgColor-upsell-emphasis: #b87fff;
478
- --bgColor-sponsors-muted: #f87cbd1a;
479
- --bgColor-sponsors-emphasis: #ef6eb1;
470
+ --bgColor-attention-emphasis: #edaa27;
471
+ --bgColor-severe-muted: #f48b2516;
472
+ --bgColor-severe-emphasis: #f48b25;
473
+ --bgColor-danger-muted: #ff808017;
474
+ --bgColor-danger-emphasis: #ff8080;
475
+ --bgColor-closed-muted: #ff808017;
476
+ --bgColor-closed-emphasis: #ff8080;
477
+ --bgColor-done-muted: #b87fff17;
478
+ --bgColor-done-emphasis: #bf8fff;
479
+ --bgColor-upsell-muted: #b87fff17;
480
+ --bgColor-upsell-emphasis: #bf8fff;
481
+ --bgColor-sponsors-muted: #ef6eb117;
482
+ --bgColor-sponsors-emphasis: #f87cbd;
480
483
  --borderColor-default: #7a828e;
481
484
  --borderColor-muted: #7a828e;
482
- --borderColor-emphasis: #7a828e;
485
+ --borderColor-emphasis: #9ea7b3;
483
486
  --borderColor-disabled: #3d424db3;
484
487
  --borderColor-transparent: #00000000;
485
488
  --borderColor-translucent: #7a828e;
@@ -489,14 +492,14 @@
489
492
  --borderColor-accent-emphasis: #409eff;
490
493
  --borderColor-success-muted: #0ac740;
491
494
  --borderColor-success-emphasis: #09b43a;
495
+ --borderColor-open-muted: #0ac740;
496
+ --borderColor-open-emphasis: #09b43a;
492
497
  --borderColor-attention-muted: #edaa27;
493
498
  --borderColor-attention-emphasis: #e09b13;
494
499
  --borderColor-severe-muted: #f48b25;
495
500
  --borderColor-severe-emphasis: #e7811d;
496
501
  --borderColor-danger-muted: #ff8080;
497
502
  --borderColor-danger-emphasis: #ff6a69;
498
- --borderColor-open-muted: #0ac740;
499
- --borderColor-open-emphasis: #09b43a;
500
503
  --borderColor-closed-muted: #ff808066;
501
504
  --borderColor-closed-emphasis: #ff6a69;
502
505
  --borderColor-done-muted: #bf8fff;
@@ -589,7 +592,7 @@
589
592
  --codeMirror-lineNumber-fgColor: #f0f3f6;
590
593
  --codeMirror-cursor-fgColor: #fbfcfd;
591
594
  --codeMirror-selection-bgColor: #5cacff66;
592
- --codeMirror-activeline-bgColor: #9ea7b366;
595
+ --codeMirror-activeline-bgColor: #7a828e1a;
593
596
  --codeMirror-matchingBracket-fgColor: #fbfcfd;
594
597
  --codeMirror-lines-bgColor: #0a0c10;
595
598
  --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -627,100 +630,100 @@
627
630
  --data-gray-color: #576270;
628
631
  --data-gray-color-muted: #1c1c1c;
629
632
  --display-blue-bgColor-muted: #001a47;
630
- --display-blue-bgColor-emphasis: #005bd1;
631
- --display-blue-fgColor: #4da0ff;
633
+ --display-blue-bgColor-emphasis: #4da0ff;
634
+ --display-blue-fgColor: #85c2ff;
632
635
  --display-blue-borderColor-muted: #002766;
633
- --display-blue-borderColor-emphasis: #0576ff;
636
+ --display-blue-borderColor-emphasis: #4da0ff;
634
637
  --display-green-bgColor-muted: #122117;
635
- --display-green-bgColor-emphasis: #2f6f37;
636
- --display-green-fgColor: #41b445;
638
+ --display-green-bgColor-emphasis: #41b445;
639
+ --display-green-fgColor: #75d36f;
637
640
  --display-green-borderColor-muted: #182f1f;
638
- --display-green-borderColor-emphasis: #388f3f;
641
+ --display-green-borderColor-emphasis: #41b445;
639
642
  --display-orange-bgColor-muted: #311708;
640
- --display-orange-bgColor-emphasis: #984b10;
641
- --display-orange-fgColor: #ed8326;
643
+ --display-orange-bgColor-emphasis: #ed8326;
644
+ --display-orange-fgColor: #f6b06a;
642
645
  --display-orange-borderColor-muted: #43200a;
643
- --display-orange-borderColor-emphasis: #c46212;
646
+ --display-orange-borderColor-emphasis: #ed8326;
644
647
  --display-purple-bgColor-muted: #211047;
645
- --display-purple-bgColor-emphasis: #7730e8;
646
- --display-purple-fgColor: #b687f7;
648
+ --display-purple-bgColor-emphasis: #b687f7;
649
+ --display-purple-fgColor: #d2affd;
647
650
  --display-purple-borderColor-muted: #31146b;
648
- --display-purple-borderColor-emphasis: #975bf1;
651
+ --display-purple-borderColor-emphasis: #b687f7;
649
652
  --display-plum-bgColor-muted: #2a0e3f;
650
- --display-plum-bgColor-emphasis: #9518d8;
651
- --display-plum-fgColor: #d07ef7;
653
+ --display-plum-bgColor-emphasis: #d07ef7;
654
+ --display-plum-fgColor: #e4a5fd;
652
655
  --display-plum-borderColor-muted: #40125e;
653
- --display-plum-borderColor-emphasis: #b643ef;
656
+ --display-plum-borderColor-emphasis: #d07ef7;
654
657
  --display-red-bgColor-muted: #3c0614;
655
- --display-red-bgColor-emphasis: #c31328;
656
- --display-red-fgColor: #f27d83;
658
+ --display-red-bgColor-emphasis: #f27d83;
659
+ --display-red-fgColor: #f7adab;
657
660
  --display-red-borderColor-muted: #58091a;
658
- --display-red-borderColor-emphasis: #eb3342;
661
+ --display-red-borderColor-emphasis: #f27d83;
659
662
  --display-coral-bgColor-muted: #3c0614;
660
- --display-coral-bgColor-emphasis: #c31328;
661
- --display-coral-fgColor: #f27d83;
663
+ --display-coral-bgColor-emphasis: #f7794b;
664
+ --display-coral-fgColor: #fdaa86;
662
665
  --display-coral-borderColor-muted: #58091a;
663
- --display-coral-borderColor-emphasis: #eb3342;
666
+ --display-coral-borderColor-emphasis: #f7794b;
664
667
  --display-yellow-bgColor-muted: #2e1a00;
665
- --display-yellow-bgColor-emphasis: #895906;
666
- --display-yellow-fgColor: #d3910d;
668
+ --display-yellow-bgColor-emphasis: #d3910d;
669
+ --display-yellow-fgColor: #edb431;
667
670
  --display-yellow-borderColor-muted: #3d2401;
668
- --display-yellow-borderColor-emphasis: #aa7109;
671
+ --display-yellow-borderColor-emphasis: #d3910d;
669
672
  --display-gray-bgColor-muted: #1c1c1c;
670
- --display-gray-bgColor-emphasis: #576270;
671
- --display-gray-fgColor: #92a1b5;
673
+ --display-gray-bgColor-emphasis: #92a1b5;
674
+ --display-gray-fgColor: #b3c0d1;
672
675
  --display-gray-borderColor-muted: #2a2b2d;
673
- --display-gray-borderColor-emphasis: #6e7f96;
676
+ --display-gray-borderColor-emphasis: #92a1b5;
674
677
  --display-auburn-bgColor-muted: #271817;
675
- --display-auburn-bgColor-emphasis: #87534f;
676
- --display-auburn-fgColor: #bf9592;
678
+ --display-auburn-bgColor-emphasis: #bf9592;
679
+ --display-auburn-fgColor: #d4b7b5;
677
680
  --display-auburn-borderColor-muted: #3a2422;
678
- --display-auburn-borderColor-emphasis: #a86f6b;
681
+ --display-auburn-borderColor-emphasis: #bf9592;
679
682
  --display-brown-bgColor-muted: #241c14;
680
- --display-brown-bgColor-emphasis: #755e3e;
681
- --display-brown-fgColor: #b69a6d;
683
+ --display-brown-bgColor-emphasis: #b69a6d;
684
+ --display-brown-fgColor: #cdbb98;
682
685
  --display-brown-borderColor-muted: #342a1d;
683
- --display-brown-borderColor-emphasis: #94774c;
686
+ --display-brown-borderColor-emphasis: #b69a6d;
684
687
  --display-lemon-bgColor-muted: #291d00;
685
- --display-lemon-bgColor-emphasis: #786008;
686
- --display-lemon-fgColor: #ba9b12;
688
+ --display-lemon-bgColor-emphasis: #ba9b12;
689
+ --display-lemon-fgColor: #d7bc1d;
687
690
  --display-lemon-borderColor-muted: #372901;
688
- --display-lemon-borderColor-emphasis: #977b0c;
691
+ --display-lemon-borderColor-emphasis: #ba9b12;
689
692
  --display-olive-bgColor-muted: #171e0b;
690
- --display-olive-bgColor-emphasis: #5e681d;
691
- --display-olive-fgColor: #a2a626;
693
+ --display-olive-bgColor-emphasis: #a2a626;
694
+ --display-olive-fgColor: #cbc025;
692
695
  --display-olive-borderColor-muted: #252d10;
693
- --display-olive-borderColor-emphasis: #7a8321;
696
+ --display-olive-borderColor-emphasis: #a2a626;
694
697
  --display-lime-bgColor-muted: #141f0f;
695
- --display-lime-bgColor-emphasis: #496c28;
696
- --display-lime-fgColor: #7dae37;
698
+ --display-lime-bgColor-emphasis: #7dae37;
699
+ --display-lime-fgColor: #9fcc3e;
697
700
  --display-lime-borderColor-muted: #1f3116;
698
- --display-lime-borderColor-emphasis: #5f892f;
701
+ --display-lime-borderColor-emphasis: #7dae37;
699
702
  --display-pine-bgColor-muted: #082119;
700
- --display-pine-bgColor-emphasis: #14714c;
701
- --display-pine-fgColor: #1bb673;
703
+ --display-pine-bgColor-emphasis: #1bb673;
704
+ --display-pine-fgColor: #1bda81;
702
705
  --display-pine-borderColor-muted: #0b3224;
703
- --display-pine-borderColor-emphasis: #18915e;
706
+ --display-pine-borderColor-emphasis: #1bb673;
704
707
  --display-teal-bgColor-muted: #041f25;
705
- --display-teal-bgColor-emphasis: #106c70;
706
- --display-teal-fgColor: #1cb0ab;
708
+ --display-teal-bgColor-emphasis: #1cb0ab;
709
+ --display-teal-fgColor: #24d6c4;
707
710
  --display-teal-borderColor-muted: #073036;
708
- --display-teal-borderColor-emphasis: #158a8a;
711
+ --display-teal-borderColor-emphasis: #1cb0ab;
709
712
  --display-cyan-bgColor-muted: #001f29;
710
- --display-cyan-bgColor-emphasis: #036a8c;
711
- --display-cyan-fgColor: #07ace4;
713
+ --display-cyan-bgColor-emphasis: #07ace4;
714
+ --display-cyan-fgColor: #45cbf7;
712
715
  --display-cyan-borderColor-muted: #002e3d;
713
- --display-cyan-borderColor-emphasis: #0587b3;
716
+ --display-cyan-borderColor-emphasis: #07ace4;
714
717
  --display-indigo-bgColor-muted: #1b183f;
715
- --display-indigo-bgColor-emphasis: #514ed4;
716
- --display-indigo-fgColor: #9899ec;
718
+ --display-indigo-bgColor-emphasis: #9899ec;
719
+ --display-indigo-fgColor: #b7baf6;
717
720
  --display-indigo-borderColor-muted: #25215f;
718
- --display-indigo-borderColor-emphasis: #7070e1;
721
+ --display-indigo-borderColor-emphasis: #9899ec;
719
722
  --display-pink-bgColor-muted: #2d1524;
720
- --display-pink-bgColor-emphasis: #ac2f74;
721
- --display-pink-fgColor: #e57bb2;
723
+ --display-pink-bgColor-emphasis: #e57bb2;
724
+ --display-pink-fgColor: #f4a9cd;
722
725
  --display-pink-borderColor-muted: #451c35;
723
- --display-pink-borderColor-emphasis: #d34591;
726
+ --display-pink-borderColor-emphasis: #e57bb2;
724
727
  --avatar-bgColor: #ffffff1a;
725
728
  --avatar-borderColor: #ffffffe6;
726
729
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -728,14 +731,14 @@
728
731
  --avatarStack-fade-bgColor-muted: #3d424d;
729
732
  --control-bgColor-rest: #3d424d;
730
733
  --control-bgColor-hover: #494f5a;
731
- --control-bgColor-active: #555c67;
734
+ --control-bgColor-active: #393d48;
732
735
  --control-bgColor-disabled: #3d424db3;
733
- --control-bgColor-selected: #525964;
736
+ --control-bgColor-selected: #272b33;
734
737
  --control-fgColor-rest: #f0f3f6;
735
- --control-fgColor-placeholder: #b7bec7;
738
+ --control-fgColor-placeholder: #e4e9ed;
736
739
  --control-fgColor-disabled: #9ea7b3;
737
740
  --control-borderColor-rest: #7a828e;
738
- --control-borderColor-emphasis: #7a828e;
741
+ --control-borderColor-emphasis: #9ea7b3;
739
742
  --control-borderColor-disabled: #3d424db3;
740
743
  --control-borderColor-selected: #ffffff;
741
744
  --control-borderColor-success: #09b43a;
@@ -750,19 +753,19 @@
750
753
  --control-transparent-borderColor-rest: #00000000;
751
754
  --control-transparent-borderColor-hover: #7a828e;
752
755
  --control-transparent-borderColor-active: #9ea7b3;
753
- --control-danger-fgColor-rest: #ff8080;
756
+ --control-danger-fgColor-rest: #ff9492;
754
757
  --control-danger-fgColor-hover: #0a0c10;
755
- --control-danger-bgColor-hover: #ff6a69;
756
- --control-danger-bgColor-active: #f65052;
757
- --control-checked-bgColor-rest: #409eff;
758
- --control-checked-bgColor-hover: #4aa3ff;
759
- --control-checked-bgColor-active: #54a8ff;
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;
760
763
  --control-checked-bgColor-disabled: #9ea7b3;
761
764
  --control-checked-fgColor-rest: #0a0c10;
762
765
  --control-checked-fgColor-disabled: #010409;
763
- --control-checked-borderColor-rest: #409eff;
764
- --control-checked-borderColor-hover: #4aa3ff;
765
- --control-checked-borderColor-active: #54a8ff;
766
+ --control-checked-borderColor-rest: #5cacff;
767
+ --control-checked-borderColor-hover: #60aeff;
768
+ --control-checked-borderColor-active: #64b0ff;
766
769
  --control-checked-borderColor-disabled: #9ea7b3;
767
770
  --controlTrack-bgColor-rest: #3d424d;
768
771
  --controlTrack-bgColor-hover: #494f5a;
@@ -770,20 +773,20 @@
770
773
  --controlTrack-bgColor-disabled: #9ea7b3;
771
774
  --controlTrack-fgColor-rest: #fbfcfd;
772
775
  --controlTrack-fgColor-disabled: #0a0c10;
773
- --controlTrack-borderColor-rest: #00000000;
776
+ --controlTrack-borderColor-rest: #9ea7b3;
774
777
  --controlTrack-borderColor-disabled: #9ea7b3;
775
778
  --controlKnob-bgColor-rest: #010409;
776
779
  --controlKnob-bgColor-disabled: #3d424db3;
777
780
  --controlKnob-bgColor-checked: #ffffff;
778
- --controlKnob-borderColor-rest: #7a828e;
781
+ --controlKnob-borderColor-rest: #9ea7b3;
779
782
  --controlKnob-borderColor-disabled: #3d424db3;
780
- --controlKnob-borderColor-checked: #409eff;
783
+ --controlKnob-borderColor-checked: #5cacff;
781
784
  --counter-borderColor: #00000000;
782
785
  --button-default-fgColor-rest: #f0f3f6;
783
786
  --button-default-bgColor-rest: #3d424d;
784
787
  --button-default-bgColor-hover: #494f5a;
785
- --button-default-bgColor-active: #555c67;
786
- --button-default-bgColor-selected: #555c67;
788
+ --button-default-bgColor-active: #393d48;
789
+ --button-default-bgColor-selected: #393d48;
787
790
  --button-default-bgColor-disabled: #3d424db3;
788
791
  --button-default-borderColor-rest: #7a828e;
789
792
  --button-default-borderColor-hover: #7a828e;
@@ -793,16 +796,16 @@
793
796
  --button-primary-fgColor-rest: #0a0c10;
794
797
  --button-primary-fgColor-disabled: #0a0c1080;
795
798
  --button-primary-iconColor-rest: #0a0c10;
796
- --button-primary-bgColor-rest: #09b43a;
797
- --button-primary-bgColor-hover: #0fbb3f;
798
- --button-primary-bgColor-active: #15c243;
799
+ --button-primary-bgColor-rest: #0ac740;
800
+ --button-primary-bgColor-hover: #10ca43;
801
+ --button-primary-bgColor-active: #16cd47;
799
802
  --button-primary-bgColor-disabled: #048f2f;
800
803
  --button-primary-borderColor-rest: #4ae168;
801
804
  --button-primary-borderColor-hover: #4ae168;
802
805
  --button-primary-borderColor-active: #4ae168;
803
806
  --button-primary-borderColor-disabled: #4ae16866;
804
807
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
805
- --button-invisible-fgColor-rest: #60aeff;
808
+ --button-invisible-fgColor-rest: #73b8ff;
806
809
  --button-invisible-fgColor-hover: #1e60d5;
807
810
  --button-invisible-fgColor-disabled: #9ea7b3;
808
811
  --button-invisible-iconColor-rest: #f0f3f6;
@@ -818,7 +821,7 @@
818
821
  --button-outline-fgColor-rest: #5cacff;
819
822
  --button-outline-fgColor-hover: #71b7ff;
820
823
  --button-outline-fgColor-active: #ffffff;
821
- --button-outline-fgColor-disabled: #60aeff80;
824
+ --button-outline-fgColor-disabled: #73b8ff80;
822
825
  --button-outline-bgColor-rest: #ffffff;
823
826
  --button-outline-bgColor-hover: #525964;
824
827
  --button-outline-bgColor-active: #2672f3;
@@ -829,8 +832,8 @@
829
832
  --button-danger-fgColor-rest: #ff9492;
830
833
  --button-danger-fgColor-hover: #ffffff;
831
834
  --button-danger-fgColor-active: #ffffff;
832
- --button-danger-fgColor-disabled: #ff808080;
833
- --button-danger-iconColor-rest: #ff8080;
835
+ --button-danger-fgColor-disabled: #ff949280;
836
+ --button-danger-iconColor-rest: #ff9492;
834
837
  --button-danger-iconColor-hover: #ffffff;
835
838
  --button-danger-bgColor-rest: #3d424d;
836
839
  --button-danger-bgColor-hover: #ff4445;
@@ -848,19 +851,19 @@
848
851
  --buttonCounter-primary-bgColor-rest: #01040926;
849
852
  --buttonCounter-outline-bgColor-rest: #194fb133;
850
853
  --buttonCounter-outline-bgColor-hover: #194fb133;
851
- --buttonCounter-outline-bgColor-disabled: #409eff0d;
854
+ --buttonCounter-outline-bgColor-disabled: #5cacff0d;
852
855
  --buttonCounter-outline-fgColor-rest: #5cacff;
853
856
  --buttonCounter-outline-fgColor-hover: #71b7ff;
854
- --buttonCounter-outline-fgColor-disabled: #60aeff80;
857
+ --buttonCounter-outline-fgColor-disabled: #73b8ff80;
855
858
  --buttonCounter-danger-bgColor-hover: #01040926;
856
- --buttonCounter-danger-bgColor-disabled: #ff6a690d;
859
+ --buttonCounter-danger-bgColor-disabled: #ff80800d;
857
860
  --buttonCounter-danger-bgColor-rest: #01040926;
858
- --buttonCounter-danger-fgColor-rest: #ff8080;
861
+ --buttonCounter-danger-fgColor-rest: #ff9492;
859
862
  --buttonCounter-danger-fgColor-hover: #ffffff;
860
- --buttonCounter-danger-fgColor-disabled: #ff808080;
863
+ --buttonCounter-danger-fgColor-disabled: #ff949280;
861
864
  --reactionButton-selected-bgColor-rest: #5cacff33;
862
865
  --reactionButton-selected-bgColor-hover: #5dadff5c;
863
- --reactionButton-selected-fgColor-rest: #60aeff;
866
+ --reactionButton-selected-fgColor-rest: #73b8ff;
864
867
  --reactionButton-selected-fgColor-hover: #91cbff;
865
868
  --focus-outlineColor: #409eff;
866
869
  --menu-bgColor-active: #272b33;
@@ -870,14 +873,14 @@
870
873
  --selectMenu-borderColor: #7a828e;
871
874
  --selectMenu-bgColor-active: #1e60d5;
872
875
  --sideNav-bgColor-selected: #3d424d;
873
- --skeletonLoader-bgColor: #272b33;
876
+ --skeletonLoader-bgColor: #191c22;
874
877
  --timelineBadge-bgColor: #3d424d;
875
878
  --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
876
879
  --underlineNav-borderColor-active: #ff967d;
877
880
  --underlineNav-borderColor-hover: #bdc4cc;
878
881
  --underlineNav-iconColor-rest: #f0f3f6;
879
- --selection-bgColor: #409effb3;
880
- --card-bgColor: #272b33;
882
+ --selection-bgColor: #5cacffb3;
883
+ --card-bgColor: #191c22;
881
884
  --label-green-bgColor-rest: #122117;
882
885
  --label-green-bgColor-hover: #182f1f;
883
886
  --label-green-bgColor-active: #214529;
@@ -992,26 +995,29 @@
992
995
  --label-coral-fgColor-rest: #f7794b;
993
996
  --label-coral-fgColor-hover: #fa8c61;
994
997
  --label-coral-fgColor-active: #fdaa86;
998
+ --tooltip-bgColor: #ffffff;
999
+ --tooltip-fgColor: #010409;
995
1000
  --fgColor-default: #fbfcfd;
996
1001
  --fgColor-muted: #f0f3f6;
997
1002
  --fgColor-onEmphasis: #0a0c10;
1003
+ --fgColor-onInverse: #010409;
998
1004
  --fgColor-white: #ffffff;
999
1005
  --fgColor-black: #010409;
1000
1006
  --fgColor-disabled: #9ea7b3;
1001
- --fgColor-link: #60aeff;
1002
- --fgColor-neutral: #9ea7b3;
1003
- --fgColor-accent: #60aeff;
1007
+ --fgColor-link: #73b8ff;
1008
+ --fgColor-neutral: #bdc4cc;
1009
+ --fgColor-accent: #73b8ff;
1004
1010
  --fgColor-success: #28d751;
1005
- --fgColor-attention: #f0b72f;
1006
- --fgColor-severe: #f48b25;
1007
- --fgColor-danger: #ff8080;
1008
1011
  --fgColor-open: #28d751;
1009
- --fgColor-closed: #ff8080;
1010
- --fgColor-done: #bf8fff;
1011
- --fgColor-upsell: #bf8fff;
1012
- --fgColor-sponsors: #f87cbd;
1012
+ --fgColor-attention: #f0b72f;
1013
+ --fgColor-severe: #fe9a2d;
1014
+ --fgColor-danger: #ff9492;
1015
+ --fgColor-closed: #ff9492;
1016
+ --fgColor-done: #cb9eff;
1017
+ --fgColor-upsell: #cb9eff;
1018
+ --fgColor-sponsors: #ff8dc7;
1013
1019
  --bgColor-default: #0a0c10;
1014
- --bgColor-muted: #272b33;
1020
+ --bgColor-muted: #191c22;
1015
1021
  --bgColor-inset: #010409;
1016
1022
  --bgColor-emphasis: #ffffff;
1017
1023
  --bgColor-inverse: #ffffff;
@@ -1019,31 +1025,31 @@
1019
1025
  --bgColor-black: #010409;
1020
1026
  --bgColor-disabled: #3d424db3;
1021
1027
  --bgColor-transparent: #00000000;
1022
- --bgColor-neutral-muted: #9ea7b366;
1028
+ --bgColor-neutral-muted: #7a828e1a;
1023
1029
  --bgColor-neutral-emphasis: #9ea7b3;
1024
- --bgColor-accent-muted: #5cacff1a;
1025
- --bgColor-accent-emphasis: #409eff;
1026
- --bgColor-success-muted: #0ac74026;
1027
- --bgColor-success-emphasis: #09b43a;
1030
+ --bgColor-accent-muted: #409eff1a;
1031
+ --bgColor-accent-emphasis: #5cacff;
1032
+ --bgColor-success-muted: #0ac74024;
1033
+ --bgColor-success-emphasis: #0ac740;
1034
+ --bgColor-open-muted: #0ac74024;
1035
+ --bgColor-open-emphasis: #0ac740;
1028
1036
  --bgColor-attention-muted: #edaa2726;
1029
- --bgColor-attention-emphasis: #e09b13;
1030
- --bgColor-severe-muted: #f48b251a;
1031
- --bgColor-severe-emphasis: #e7811d;
1032
- --bgColor-danger-muted: #ff80801a;
1033
- --bgColor-danger-emphasis: #ff6a69;
1034
- --bgColor-open-muted: #0ac7401a;
1035
- --bgColor-open-emphasis: #09b43a;
1036
- --bgColor-closed-muted: #ff808026;
1037
- --bgColor-closed-emphasis: #ff6a69;
1038
- --bgColor-done-muted: #bf8fff26;
1039
- --bgColor-done-emphasis: #b87fff;
1040
- --bgColor-upsell-muted: #bf8fff26;
1041
- --bgColor-upsell-emphasis: #b87fff;
1042
- --bgColor-sponsors-muted: #f87cbd1a;
1043
- --bgColor-sponsors-emphasis: #ef6eb1;
1037
+ --bgColor-attention-emphasis: #edaa27;
1038
+ --bgColor-severe-muted: #f48b2516;
1039
+ --bgColor-severe-emphasis: #f48b25;
1040
+ --bgColor-danger-muted: #ff808017;
1041
+ --bgColor-danger-emphasis: #ff8080;
1042
+ --bgColor-closed-muted: #ff808017;
1043
+ --bgColor-closed-emphasis: #ff8080;
1044
+ --bgColor-done-muted: #b87fff17;
1045
+ --bgColor-done-emphasis: #bf8fff;
1046
+ --bgColor-upsell-muted: #b87fff17;
1047
+ --bgColor-upsell-emphasis: #bf8fff;
1048
+ --bgColor-sponsors-muted: #ef6eb117;
1049
+ --bgColor-sponsors-emphasis: #f87cbd;
1044
1050
  --borderColor-default: #7a828e;
1045
1051
  --borderColor-muted: #7a828e;
1046
- --borderColor-emphasis: #7a828e;
1052
+ --borderColor-emphasis: #9ea7b3;
1047
1053
  --borderColor-disabled: #3d424db3;
1048
1054
  --borderColor-transparent: #00000000;
1049
1055
  --borderColor-translucent: #7a828e;
@@ -1053,14 +1059,14 @@
1053
1059
  --borderColor-accent-emphasis: #409eff;
1054
1060
  --borderColor-success-muted: #0ac740;
1055
1061
  --borderColor-success-emphasis: #09b43a;
1062
+ --borderColor-open-muted: #0ac740;
1063
+ --borderColor-open-emphasis: #09b43a;
1056
1064
  --borderColor-attention-muted: #edaa27;
1057
1065
  --borderColor-attention-emphasis: #e09b13;
1058
1066
  --borderColor-severe-muted: #f48b25;
1059
1067
  --borderColor-severe-emphasis: #e7811d;
1060
1068
  --borderColor-danger-muted: #ff8080;
1061
1069
  --borderColor-danger-emphasis: #ff6a69;
1062
- --borderColor-open-muted: #0ac740;
1063
- --borderColor-open-emphasis: #09b43a;
1064
1070
  --borderColor-closed-muted: #ff808066;
1065
1071
  --borderColor-closed-emphasis: #ff6a69;
1066
1072
  --borderColor-done-muted: #bf8fff;