@primer/primitives 10.2.0 → 10.3.0-rc.37645a3a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +2 -2
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/figmaAttributes.js +2 -1
  12. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  13. package/dist/build/utilities/asArray.d.ts +1 -0
  14. package/dist/build/utilities/asArray.js +1 -0
  15. package/dist/css/functional/size/border.css +5 -5
  16. package/dist/css/functional/size/size.css +15 -15
  17. package/dist/css/functional/size/viewport.css +2 -2
  18. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  19. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  20. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  21. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  22. package/dist/css/functional/themes/dark.css +416 -416
  23. package/dist/css/functional/themes/light-colorblind.css +444 -444
  24. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  25. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  26. package/dist/css/functional/themes/light.css +444 -444
  27. package/dist/css/primitives.css +20 -20
  28. package/dist/docs/base/motion/motion.json +88 -73
  29. package/dist/docs/base/size/size.json +94 -75
  30. package/dist/docs/base/typography/typography.json +14 -10
  31. package/dist/docs/functional/motion/motion.json +19 -15
  32. package/dist/docs/functional/size/border.json +139 -125
  33. package/dist/docs/functional/size/breakpoints.json +31 -25
  34. package/dist/docs/functional/size/size-coarse.json +13 -10
  35. package/dist/docs/functional/size/size-fine.json +9 -6
  36. package/dist/docs/functional/size/size.json +499 -433
  37. package/dist/docs/functional/size/viewport.json +32 -26
  38. package/dist/docs/functional/themes/dark-colorblind.json +7175 -6545
  39. package/dist/docs/functional/themes/dark-dimmed.json +7181 -6473
  40. package/dist/docs/functional/themes/dark-high-contrast.json +7445 -6789
  41. package/dist/docs/functional/themes/dark-tritanopia.json +7164 -6498
  42. package/dist/docs/functional/themes/dark.json +7202 -6494
  43. package/dist/docs/functional/themes/light-colorblind.json +7096 -6466
  44. package/dist/docs/functional/themes/light-high-contrast.json +7326 -6660
  45. package/dist/docs/functional/themes/light-tritanopia.json +7109 -6479
  46. package/dist/docs/functional/themes/light.json +7159 -6451
  47. package/dist/docs/functional/typography/typography.json +518 -472
  48. package/dist/figma/figma.json +3 -3
  49. package/dist/figma/shadows/dark-colorblind.json +115 -115
  50. package/dist/figma/shadows/light-colorblind.json +105 -105
  51. package/dist/figma/themes/dark-colorblind.json +5553 -5553
  52. package/dist/figma/themes/dark-dimmed.json +5162 -5162
  53. package/dist/figma/themes/dark-high-contrast.json +4196 -4196
  54. package/dist/figma/themes/dark-tritanopia.json +5211 -5211
  55. package/dist/figma/themes/dark.json +5537 -5537
  56. package/dist/figma/themes/light-colorblind.json +5501 -5501
  57. package/dist/figma/themes/light-high-contrast.json +4176 -4176
  58. package/dist/figma/themes/light-tritanopia.json +5077 -5077
  59. package/dist/figma/themes/light.json +1950 -1950
  60. package/dist/internalCss/dark-colorblind.css +1148 -1148
  61. package/dist/internalCss/dark-dimmed.css +1138 -1138
  62. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  63. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  64. package/dist/internalCss/dark.css +1150 -1150
  65. package/dist/internalCss/light-colorblind.css +1152 -1152
  66. package/dist/internalCss/light-high-contrast.css +1166 -1166
  67. package/dist/internalCss/light-tritanopia.css +1156 -1156
  68. package/dist/internalCss/light.css +1158 -1158
  69. package/dist/styleLint/base/motion/motion.json +97 -82
  70. package/dist/styleLint/base/size/size.json +102 -83
  71. package/dist/styleLint/base/typography/typography.json +16 -12
  72. package/dist/styleLint/functional/motion/motion.json +22 -18
  73. package/dist/styleLint/functional/size/border.json +140 -126
  74. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  75. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  76. package/dist/styleLint/functional/size/size-fine.json +10 -7
  77. package/dist/styleLint/functional/size/size.json +486 -420
  78. package/dist/styleLint/functional/size/viewport.json +36 -30
  79. package/dist/styleLint/functional/themes/dark-colorblind.json +6927 -6297
  80. package/dist/styleLint/functional/themes/dark-dimmed.json +7372 -6664
  81. package/dist/styleLint/functional/themes/dark-high-contrast.json +7472 -6816
  82. package/dist/styleLint/functional/themes/dark-tritanopia.json +7051 -6385
  83. package/dist/styleLint/functional/themes/dark.json +7180 -6472
  84. package/dist/styleLint/functional/themes/light-colorblind.json +7042 -6412
  85. package/dist/styleLint/functional/themes/light-high-contrast.json +7418 -6752
  86. package/dist/styleLint/functional/themes/light-tritanopia.json +6926 -6296
  87. package/dist/styleLint/functional/themes/light.json +7093 -6385
  88. package/dist/styleLint/functional/typography/typography.json +520 -474
  89. package/package.json +2 -2
  90. package/src/tokens/component/diffBlob.json5 +293 -0
  91. package/src/tokens/component/highlight.json5 +23 -0
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -302
  93. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  94. package/src/tokens/functional/color/light/app-light.json5 +1 -274
  95. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
@@ -2,11 +2,6 @@
2
2
  [data-color-mode="dark"][data-dark-theme="dark_dimmed"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="dark_dimmed"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_dimmed"] ::backdrop {
5
- --avatar-bgColor: #cdd9e51a;
6
- --avatar-borderColor: #cdd9e526;
7
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
8
- --avatarStack-fade-bgColor-default: #3d444d;
9
- --avatarStack-fade-bgColor-muted: #2a313c;
10
5
  --base-color-black: #1c2128;
11
6
  --base-color-blue-0: #c6e6ff;
12
7
  --base-color-blue-1: #96d0ff;
@@ -38,13 +33,10 @@
38
33
  --base-color-green-7: #245829;
39
34
  --base-color-green-8: #1b4721;
40
35
  --base-color-green-9: #113417;
41
- --base-color-inset: #1c2128;
42
- --base-color-neutral-0: #1c2128;
43
36
  --base-color-neutral-1: #0d1117;
44
37
  --base-color-neutral-10: #b7bdc8;
45
38
  --base-color-neutral-11: #d1d7e0;
46
39
  --base-color-neutral-12: #f0f6fc;
47
- --base-color-neutral-13: #cdd9e5;
48
40
  --base-color-neutral-2: #151b23;
49
41
  --base-color-neutral-3: #212830;
50
42
  --base-color-neutral-4: #262c36;
@@ -297,597 +289,580 @@
297
289
  --base-display-color-yellow-7: #df9e11;
298
290
  --base-display-color-yellow-8: #edb431;
299
291
  --base-display-color-yellow-9: #f0ca6a;
300
- --bgColor-accent-emphasis: #316dca;
292
+ --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
293
+ --borderRadius-large: 0.75rem;
294
+ --borderRadius-medium: 0.375rem;
295
+ --borderRadius-small: 0.1875rem;
296
+ --borderWidth-thick: 0.125rem;
297
+ --borderWidth-thicker: 0.25rem;
298
+ --borderWidth-thin: 0.0625rem;
299
+ --button-danger-bgColor-active: #c33d38;
300
+ --button-danger-fgColor-rest: #ea5c53;
301
+ --button-danger-iconColor-rest: #ea5c53;
302
+ --button-outline-fgColor-disabled: #478be680;
303
+ --button-primary-bgColor-active: #428f46;
304
+ --button-primary-bgColor-disabled: #50a254;
305
+ --button-primary-bgColor-hover: #3b8640;
306
+ --button-primary-borderColor-disabled: #50a254;
307
+ --button-primary-fgColor-rest: #ffffff;
308
+ --button-primary-iconColor-rest: #ffffff;
309
+ --color-ansi-cyan: #39c5cf;
310
+ --color-ansi-cyan-bright: #56d4dd;
311
+ --control-borderColor-rest: #3d444d;
312
+ --control-checked-bgColor-active: #3f7fdb;
313
+ --control-checked-bgColor-hover: #3876d3;
314
+ --control-checked-borderColor-active: #3f7fdb;
315
+ --control-checked-borderColor-hover: #3876d3;
316
+ --fgColor-accent: #478be6;
317
+ --outline-focus-offset: -0.125rem;
318
+ --outline-focus-width: 0.125rem;
319
+ --reactionButton-selected-bgColor-hover: #4285e55c;
320
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
321
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
322
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
323
+ --base-color-inset: var(--base-color-black);
324
+ --base-color-neutral-0: var(--base-color-black);
325
+ --base-color-neutral-13: var(--base-color-white);
326
+ --bgColor-accent-emphasis: var(--base-color-blue-5);
301
327
  --bgColor-accent-muted: #4184e41a;
302
- --bgColor-attention-emphasis: #966600;
328
+ --bgColor-attention-emphasis: var(--base-color-yellow-5);
303
329
  --bgColor-attention-muted: #ae7c1426;
304
- --bgColor-black: #1c2128;
305
- --bgColor-closed-emphasis: #c93c37;
306
- --bgColor-closed-muted: #e5534b1a;
307
- --bgColor-danger-emphasis: #c93c37;
330
+ --bgColor-danger-emphasis: var(--base-color-red-5);
308
331
  --bgColor-danger-muted: #e5534b1a;
309
- --bgColor-default: #212830;
310
- --bgColor-disabled: #2a313c;
311
- --bgColor-done-emphasis: #8256d0;
332
+ --bgColor-default: var(--base-color-neutral-3);
333
+ --bgColor-disabled: var(--base-color-neutral-5);
334
+ --bgColor-done-emphasis: var(--base-color-purple-5);
312
335
  --bgColor-done-muted: #986ee226;
313
- --bgColor-emphasis: #3d444d;
314
- --bgColor-inset: #151b23;
315
- --bgColor-inverse: #cdd9e5;
316
- --bgColor-muted: #262c36;
317
- --bgColor-neutral-emphasis: #656c76;
336
+ --bgColor-emphasis: var(--base-color-neutral-7);
337
+ --bgColor-inset: var(--base-color-neutral-2);
338
+ --bgColor-muted: var(--base-color-neutral-4);
339
+ --bgColor-neutral-emphasis: var(--base-color-neutral-8);
318
340
  --bgColor-neutral-muted: #656c7633;
319
- --bgColor-open-emphasis: #347d39;
320
- --bgColor-open-muted: #46954a26;
321
- --bgColor-severe-emphasis: #ae5622;
341
+ --bgColor-severe-emphasis: var(--base-color-orange-5);
322
342
  --bgColor-severe-muted: #cc6b2c1a;
323
- --bgColor-sponsors-emphasis: #ae4c82;
343
+ --bgColor-sponsors-emphasis: var(--base-color-pink-5);
324
344
  --bgColor-sponsors-muted: #c961981a;
325
- --bgColor-success-emphasis: #347d39;
345
+ --bgColor-success-emphasis: var(--base-color-green-5);
326
346
  --bgColor-success-muted: #46954a26;
327
- --bgColor-transparent: #00000000;
328
- --bgColor-upsell-emphasis: #8256d0;
329
- --bgColor-upsell-muted: #986ee226;
330
- --bgColor-white: #cdd9e5;
331
- --border-accent-emphasis: 0.0625rem solid #316dca;
332
- --border-accent-muted: 0.0625rem solid #4184e466;
333
- --border-attention-emphasis: 0.0625rem solid #966600;
334
- --border-attention-muted: 0.0625rem solid #ae7c1466;
335
- --border-closed-emphasis: 0.0625rem solid #c93c37;
336
- --border-closed-muted: 0.0625rem solid #e5534b66;
337
- --border-danger-emphasis: 0.0625rem solid #c93c37;
338
- --border-danger-muted: 0.0625rem solid #e5534b66;
339
- --border-default: 0.0625rem solid #3d444d;
340
- --border-disabled: 0.0625rem solid #656c761a;
341
- --border-done-emphasis: 0.0625rem solid #8256d0;
342
- --border-done-muted: 0.0625rem solid #986ee266;
343
- --border-emphasis: 0.0625rem solid #656c76;
344
- --border-muted: 0.0625rem solid #3d444db3;
345
- --border-neutral-emphasis: 0.0625rem solid #656c76;
346
- --border-neutral-muted: 0.0625rem solid #3d444db3;
347
- --border-open-emphasis: 0.0625rem solid #347d39;
348
- --border-open-muted: 0.0625rem solid #46954a66;
349
- --border-severe-emphasis: 0.0625rem solid #ae5622;
350
- --border-severe-muted: 0.0625rem solid #cc6b2c66;
351
- --border-sponsors-emphasis: 0.0625rem solid #ae4c82;
352
- --border-sponsors-muted: 0.0625rem solid #c9619866;
353
- --border-success-emphasis: 0.0625rem solid #347d39;
354
- --border-success-muted: 0.0625rem solid #46954a66;
355
- --border-transparent: 0.0625rem solid #00000000;
356
- --border-upsell-emphasis: 0.0625rem solid #8256d0;
357
- --border-upsell-muted: 0.0625rem solid #986ee266;
358
- --borderColor-accent-emphasis: #316dca;
347
+ --bgColor-transparent: var(--base-color-transparent);
348
+ --borderColor-accent-emphasis: var(--base-color-blue-5);
359
349
  --borderColor-accent-muted: #4184e466;
360
- --borderColor-attention-emphasis: #966600;
350
+ --borderColor-attention-emphasis: var(--base-color-yellow-5);
361
351
  --borderColor-attention-muted: #ae7c1466;
362
- --borderColor-closed-emphasis: #c93c37;
363
- --borderColor-closed-muted: #e5534b66;
364
- --borderColor-danger-emphasis: #c93c37;
352
+ --borderColor-danger-emphasis: var(--base-color-red-5);
365
353
  --borderColor-danger-muted: #e5534b66;
366
- --borderColor-default: #3d444d;
354
+ --borderColor-default: var(--base-color-neutral-7);
367
355
  --borderColor-disabled: #656c761a;
368
- --borderColor-done-emphasis: #8256d0;
356
+ --borderColor-done-emphasis: var(--base-color-purple-5);
369
357
  --borderColor-done-muted: #986ee266;
370
- --borderColor-emphasis: #656c76;
358
+ --borderColor-emphasis: var(--base-color-neutral-8);
371
359
  --borderColor-muted: #3d444db3;
372
- --borderColor-neutral-emphasis: #656c76;
373
360
  --borderColor-neutral-muted: #3d444db3;
374
- --borderColor-open-emphasis: #347d39;
375
- --borderColor-open-muted: #46954a66;
376
- --borderColor-severe-emphasis: #ae5622;
361
+ --borderColor-severe-emphasis: var(--base-color-orange-5);
377
362
  --borderColor-severe-muted: #cc6b2c66;
378
- --borderColor-sponsors-emphasis: #ae4c82;
363
+ --borderColor-sponsors-emphasis: var(--base-color-pink-5);
379
364
  --borderColor-sponsors-muted: #c9619866;
380
- --borderColor-success-emphasis: #347d39;
365
+ --borderColor-success-emphasis: var(--base-color-green-5);
381
366
  --borderColor-success-muted: #46954a66;
382
- --borderColor-translucent: #cdd9e526;
383
- --borderColor-transparent: #00000000;
384
- --borderColor-upsell-emphasis: #8256d0;
385
- --borderColor-upsell-muted: #986ee266;
386
- --borderRadius-default: 0.375rem;
387
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
388
- --borderRadius-large: 0.75rem;
389
- --borderRadius-medium: 0.375rem;
390
- --borderRadius-small: 0.1875rem;
391
- --borderWidth-default: 0.0625rem;
392
- --borderWidth-thick: 0.125rem;
393
- --borderWidth-thicker: 0.25rem;
394
- --borderWidth-thin: 0.0625rem;
395
- --boxShadow-thick: inset 0 0 0 0.125rem;
396
- --boxShadow-thicker: inset 0 0 0 0.25rem;
397
- --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
398
- --button-danger-bgColor-active: #c33d38;
399
- --button-danger-bgColor-disabled: #2a313c;
400
- --button-danger-bgColor-hover: #ad2e2c;
401
- --button-danger-bgColor-rest: #2a313c;
402
- --button-danger-borderColor-active: #cdd9e51a;
403
- --button-danger-borderColor-hover: #cdd9e51a;
404
- --button-danger-borderColor-rest: #3d444d;
405
- --button-danger-fgColor-active: #cdd9e5;
406
- --button-danger-fgColor-disabled: #e5534b80;
407
- --button-danger-fgColor-hover: #cdd9e5;
408
- --button-danger-fgColor-rest: #ea5c53;
409
- --button-danger-iconColor-hover: #cdd9e5;
410
- --button-danger-iconColor-rest: #ea5c53;
367
+ --borderColor-transparent: var(--base-color-transparent);
368
+ --borderRadius-default: var(--borderRadius-medium);
369
+ --borderWidth-default: var(--borderWidth-thin);
370
+ --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
371
+ --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
372
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
373
+ --button-danger-bgColor-hover: var(--base-color-red-6);
374
+ --button-danger-borderColor-rest: var(--control-borderColor-rest);
411
375
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
412
- --button-default-bgColor-active: #3d444d;
413
- --button-default-bgColor-disabled: #2a313c;
414
- --button-default-bgColor-hover: #2f3742;
415
- --button-default-bgColor-rest: #2a313c;
416
- --button-default-bgColor-selected: #3d444d;
417
- --button-default-borderColor-active: #3d444d;
418
- --button-default-borderColor-disabled: #656c761a;
419
- --button-default-borderColor-hover: #3d444d;
420
- --button-default-borderColor-rest: #3d444d;
421
- --button-default-fgColor-rest: #d1d7e0;
376
+ --button-default-borderColor-rest: var(--control-borderColor-rest);
422
377
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
423
- --button-inactive-bgColor: #2a313c;
424
- --button-inactive-fgColor: #656c76;
425
- --button-invisible-bgColor-active: #656c7633;
426
- --button-invisible-bgColor-disabled: #00000000;
427
- --button-invisible-bgColor-hover: #656c7626;
428
- --button-invisible-bgColor-rest: #00000000;
429
- --button-invisible-borderColor-disabled: #00000000;
430
- --button-invisible-borderColor-hover: #00000000;
431
- --button-invisible-borderColor-rest: #00000000;
432
- --button-invisible-fgColor-active: #d1d7e0;
433
- --button-invisible-fgColor-disabled: #656c76;
434
- --button-invisible-fgColor-hover: #d1d7e0;
435
- --button-invisible-fgColor-rest: #d1d7e0;
436
- --button-invisible-iconColor-disabled: #656c76;
437
- --button-invisible-iconColor-hover: #b7bdc8;
438
- --button-invisible-iconColor-rest: #b7bdc8;
439
- --button-outline-bgColor-active: #1b4b91;
440
- --button-outline-bgColor-disabled: #2a313c;
441
- --button-outline-bgColor-hover: #2f3742;
442
- --button-outline-bgColor-rest: #f0f6fc;
443
- --button-outline-borderColor-hover: #3d444d;
444
- --button-outline-borderColor-selected: #3d444d;
445
- --button-outline-fgColor-active: #cdd9e5;
446
- --button-outline-fgColor-disabled: #478be680;
447
- --button-outline-fgColor-hover: #539bf5;
448
- --button-outline-fgColor-rest: #4184e4;
378
+ --button-inactive-bgColor: var(--base-color-neutral-5);
379
+ --button-inactive-fgColor: var(--base-color-neutral-8);
380
+ --button-invisible-bgColor-disabled: var(--base-color-transparent);
381
+ --button-invisible-borderColor-disabled: var(--base-color-transparent);
382
+ --button-invisible-iconColor-hover: var(--base-color-neutral-10);
383
+ --button-invisible-iconColor-rest: var(--base-color-neutral-10);
384
+ --button-outline-bgColor-active: var(--base-color-blue-7);
385
+ --button-outline-bgColor-rest: var(--base-color-neutral-12);
386
+ --button-outline-fgColor-hover: var(--base-color-blue-3);
387
+ --button-outline-fgColor-rest: var(--base-color-blue-4);
449
388
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
450
- --button-primary-bgColor-active: #428f46;
451
- --button-primary-bgColor-disabled: #50a254;
452
- --button-primary-bgColor-hover: #3b8640;
453
- --button-primary-bgColor-rest: #347d39;
454
- --button-primary-borderColor-active: #cdd9e51a;
455
- --button-primary-borderColor-disabled: #50a254;
456
- --button-primary-borderColor-hover: #cdd9e51a;
457
- --button-primary-borderColor-rest: #cdd9e51a;
458
- --button-primary-fgColor-disabled: #cdd9e566;
459
- --button-primary-fgColor-rest: #ffffff;
460
- --button-primary-iconColor-rest: #ffffff;
461
389
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
462
- --button-star-iconColor: #daaa3f;
463
- --buttonCounter-danger-bgColor-disabled: #c93c370d;
464
- --buttonCounter-danger-bgColor-hover: #cdd9e533;
390
+ --button-star-iconColor: var(--base-color-yellow-2);
465
391
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
466
- --buttonCounter-danger-fgColor-disabled: #e5534b80;
467
- --buttonCounter-danger-fgColor-hover: #cdd9e5;
468
- --buttonCounter-danger-fgColor-rest: #e5534b;
469
- --buttonCounter-default-bgColor-rest: #2f3742;
470
- --buttonCounter-invisible-bgColor-rest: #656c7633;
471
- --buttonCounter-outline-bgColor-disabled: #316dca0d;
392
+ --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
472
393
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
473
394
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
474
395
  --buttonCounter-outline-fgColor-disabled: #478be680;
475
- --buttonCounter-outline-fgColor-hover: #539bf5;
476
- --buttonCounter-outline-fgColor-rest: #4184e4;
396
+ --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
397
+ --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
477
398
  --buttonCounter-primary-bgColor-rest: #11341733;
478
- --card-bgColor: #262c36;
479
- --codeMirror-activeline-bgColor: #656c7633;
480
- --codeMirror-bgColor: #212830;
481
- --codeMirror-cursor-fgColor: #d1d7e0;
482
- --codeMirror-fgColor: #d1d7e0;
483
- --codeMirror-gutterMarker-fgColor-default: #212830;
484
- --codeMirror-gutterMarker-fgColor-muted: #9198a1;
485
- --codeMirror-gutters-bgColor: #212830;
486
- --codeMirror-lineNumber-fgColor: #9198a1;
487
- --codeMirror-lines-bgColor: #212830;
488
- --codeMirror-matchingBracket-fgColor: #d1d7e0;
489
- --codeMirror-selection-bgColor: #4184e466;
490
- --codeMirror-syntax-fgColor-comment: #656c76;
491
- --codeMirror-syntax-fgColor-constant: #6cb6ff;
492
- --codeMirror-syntax-fgColor-entity: #dcbdfb;
493
- --codeMirror-syntax-fgColor-keyword: #f47067;
494
- --codeMirror-syntax-fgColor-storage: #f47067;
495
- --codeMirror-syntax-fgColor-string: #96d0ff;
496
- --codeMirror-syntax-fgColor-support: #6cb6ff;
497
- --codeMirror-syntax-fgColor-variable: #f69d50;
498
- --color-ansi-black: #2f3742;
499
- --color-ansi-black-bright: #656c76;
500
- --color-ansi-blue: #539bf5;
501
- --color-ansi-blue-bright: #6cb6ff;
502
- --color-ansi-cyan: #39c5cf;
503
- --color-ansi-cyan-bright: #56d4dd;
504
- --color-ansi-gray: #656c76;
505
- --color-ansi-green: #57ab5a;
506
- --color-ansi-green-bright: #6bc46d;
507
- --color-ansi-magenta: #b083f0;
508
- --color-ansi-magenta-bright: #dcbdfb;
509
- --color-ansi-red: #f47067;
510
- --color-ansi-red-bright: #ff938a;
511
- --color-ansi-white: #f0f6fc;
512
- --color-ansi-white-bright: #cdd9e5;
513
- --color-ansi-yellow: #c69026;
514
- --color-ansi-yellow-bright: #daaa3f;
515
- --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
516
- --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
517
- --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
518
- --color-prettylights-syntax-carriage-return-text: #f0f6fc;
519
- --color-prettylights-syntax-comment: #9198a1;
520
- --color-prettylights-syntax-constant: #6cb6ff;
521
- --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
522
- --color-prettylights-syntax-entity: #dcbdfb;
523
- --color-prettylights-syntax-entity-tag: #8ddb8c;
524
- --color-prettylights-syntax-invalid-illegal-bg: #922323;
525
- --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
526
- --color-prettylights-syntax-keyword: #f47067;
527
- --color-prettylights-syntax-markup-bold: #f0f6fc;
528
- --color-prettylights-syntax-markup-changed-bg: #682d0f;
529
- --color-prettylights-syntax-markup-changed-text: #ffddb0;
530
- --color-prettylights-syntax-markup-deleted-bg: #78191b;
531
- --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
532
- --color-prettylights-syntax-markup-heading: #316dca;
533
- --color-prettylights-syntax-markup-ignored-bg: #255ab2;
534
- --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
535
- --color-prettylights-syntax-markup-inserted-bg: #1b4721;
536
- --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
537
- --color-prettylights-syntax-markup-italic: #f0f6fc;
538
- --color-prettylights-syntax-markup-list: #eac55f;
539
- --color-prettylights-syntax-meta-diff-range: #dcbdfb;
540
- --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
541
- --color-prettylights-syntax-string: #96d0ff;
542
- --color-prettylights-syntax-string-regexp: #8ddb8c;
543
- --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
544
- --color-prettylights-syntax-variable: #f69d50;
545
- --control-bgColor-active: #3d444d;
546
- --control-bgColor-disabled: #2a313c;
547
- --control-bgColor-hover: #2f3742;
548
- --control-bgColor-rest: #2a313c;
549
- --control-bgColor-selected: #2a313c;
550
- --control-borderColor-danger: #c93c37;
399
+ --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
400
+ --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
401
+ --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
402
+ --codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
403
+ --codeMirror-syntax-fgColor-storage: var(--base-color-red-3);
404
+ --codeMirror-syntax-fgColor-string: var(--base-color-blue-1);
405
+ --codeMirror-syntax-fgColor-support: var(--base-color-blue-2);
406
+ --codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
407
+ --color-ansi-black: var(--base-color-neutral-6);
408
+ --color-ansi-black-bright: var(--base-color-neutral-8);
409
+ --color-ansi-blue: var(--base-color-blue-3);
410
+ --color-ansi-blue-bright: var(--base-color-blue-2);
411
+ --color-ansi-gray: var(--base-color-neutral-8);
412
+ --color-ansi-green: var(--base-color-green-3);
413
+ --color-ansi-green-bright: var(--base-color-green-2);
414
+ --color-ansi-magenta: var(--base-color-purple-3);
415
+ --color-ansi-magenta-bright: var(--base-color-purple-2);
416
+ --color-ansi-red: var(--base-color-red-3);
417
+ --color-ansi-red-bright: var(--base-color-red-2);
418
+ --color-ansi-white: var(--base-color-neutral-12);
419
+ --color-ansi-yellow: var(--base-color-yellow-3);
420
+ --color-ansi-yellow-bright: var(--base-color-yellow-2);
421
+ --color-prettylights-syntax-brackethighlighter-angle: var(--base-color-neutral-9);
422
+ --color-prettylights-syntax-brackethighlighter-unmatched: var(--base-color-red-4);
423
+ --color-prettylights-syntax-carriage-return-bg: var(--base-color-red-6);
424
+ --color-prettylights-syntax-carriage-return-text: var(--base-color-neutral-12);
425
+ --color-prettylights-syntax-comment: var(--base-color-neutral-9);
426
+ --color-prettylights-syntax-constant: var(--base-color-blue-2);
427
+ --color-prettylights-syntax-constant-other-reference-link: var(--base-color-blue-1);
428
+ --color-prettylights-syntax-entity: var(--base-color-purple-2);
429
+ --color-prettylights-syntax-entity-tag: var(--base-color-green-1);
430
+ --color-prettylights-syntax-invalid-illegal-bg: var(--base-color-red-7);
431
+ --color-prettylights-syntax-invalid-illegal-text: var(--base-color-neutral-12);
432
+ --color-prettylights-syntax-keyword: var(--base-color-red-3);
433
+ --color-prettylights-syntax-markup-bold: var(--base-color-neutral-12);
434
+ --color-prettylights-syntax-markup-changed-bg: var(--base-color-orange-8);
435
+ --color-prettylights-syntax-markup-changed-text: var(--base-color-orange-0);
436
+ --color-prettylights-syntax-markup-deleted-bg: var(--base-color-red-8);
437
+ --color-prettylights-syntax-markup-deleted-text: var(--base-color-red-0);
438
+ --color-prettylights-syntax-markup-heading: var(--base-color-blue-5);
439
+ --color-prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6);
440
+ --color-prettylights-syntax-markup-ignored-text: var(--base-color-neutral-12);
441
+ --color-prettylights-syntax-markup-inserted-bg: var(--base-color-green-8);
442
+ --color-prettylights-syntax-markup-inserted-text: var(--base-color-green-0);
443
+ --color-prettylights-syntax-markup-italic: var(--base-color-neutral-12);
444
+ --color-prettylights-syntax-markup-list: var(--base-color-yellow-1);
445
+ --color-prettylights-syntax-meta-diff-range: var(--base-color-purple-2);
446
+ --color-prettylights-syntax-storage-modifier-import: var(--base-color-neutral-12);
447
+ --color-prettylights-syntax-string: var(--base-color-blue-1);
448
+ --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
449
+ --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
450
+ --color-prettylights-syntax-variable: var(--base-color-orange-2);
451
+ --control-bgColor-active: var(--base-color-neutral-7);
452
+ --control-bgColor-hover: var(--base-color-neutral-6);
453
+ --control-bgColor-rest: var(--base-color-neutral-5);
551
454
  --control-borderColor-disabled: #656c761a;
552
- --control-borderColor-emphasis: #656c76;
553
- --control-borderColor-rest: #3d444d;
554
- --control-borderColor-selected: #f0f6fc;
555
- --control-borderColor-success: #347d39;
556
- --control-borderColor-warning: #966600;
557
- --control-checked-bgColor-active: #3f7fdb;
558
- --control-checked-bgColor-disabled: #656c76;
559
- --control-checked-bgColor-hover: #3876d3;
560
- --control-checked-bgColor-rest: #316dca;
561
- --control-checked-borderColor-active: #3f7fdb;
562
- --control-checked-borderColor-disabled: #656c76;
563
- --control-checked-borderColor-hover: #3876d3;
564
- --control-checked-borderColor-rest: #316dca;
565
- --control-checked-fgColor-disabled: #1c2128;
566
- --control-checked-fgColor-rest: #f0f6fc;
567
- --control-danger-bgColor-active: #e5534b66;
568
- --control-danger-bgColor-hover: #e5534b1a;
569
- --control-danger-fgColor-hover: #f47067;
570
- --control-danger-fgColor-rest: #e5534b;
571
- --control-fgColor-disabled: #656c76;
572
- --control-fgColor-placeholder: #9198a1;
573
- --control-fgColor-rest: #d1d7e0;
574
- --control-iconColor-rest: #9198a1;
455
+ --control-borderColor-selected: var(--base-color-neutral-12);
456
+ --control-danger-fgColor-hover: var(--base-color-red-3);
575
457
  --control-transparent-bgColor-active: #656c7633;
576
- --control-transparent-bgColor-disabled: #2a313c;
577
458
  --control-transparent-bgColor-hover: #656c7626;
578
- --control-transparent-bgColor-rest: #00000000;
459
+ --control-transparent-bgColor-rest: var(--base-color-transparent);
579
460
  --control-transparent-bgColor-selected: #656c761a;
580
- --control-transparent-borderColor-active: #00000000;
581
- --control-transparent-borderColor-hover: #00000000;
582
- --control-transparent-borderColor-rest: #00000000;
583
- --controlKnob-bgColor-checked: #cdd9e5;
584
- --controlKnob-bgColor-disabled: #2a313c;
585
- --controlKnob-bgColor-rest: #151b23;
586
- --controlKnob-borderColor-checked: #316dca;
587
- --controlKnob-borderColor-disabled: #2a313c;
588
- --controlKnob-borderColor-rest: #656c76;
589
- --controlTrack-bgColor-active: #3d444d;
590
- --controlTrack-bgColor-disabled: #656c76;
591
- --controlTrack-bgColor-hover: #2f3742;
592
- --controlTrack-bgColor-rest: #2a313c;
593
- --controlTrack-borderColor-disabled: #656c76;
594
- --controlTrack-borderColor-rest: #3d444d;
595
- --controlTrack-fgColor-disabled: #f0f6fc;
596
- --controlTrack-fgColor-rest: #9198a1;
597
- --counter-bgColor-emphasis: #656c76;
598
- --counter-bgColor-muted: #656c7633;
599
- --counter-borderColor: #00000000;
600
- --data-auburn-color-emphasis: #a86f6b;
601
- --data-auburn-color-muted: #271817;
602
- --data-blue-color-emphasis: #0576ff;
603
- --data-blue-color-muted: #001a47;
604
- --data-gray-color-emphasis: #576270;
605
- --data-gray-color-muted: #1c1c1c;
606
- --data-green-color-emphasis: #2f6f37;
607
- --data-green-color-muted: #122117;
608
- --data-orange-color-emphasis: #984b10;
609
- --data-orange-color-muted: #311708;
610
- --data-pink-color-emphasis: #d34591;
611
- --data-pink-color-muted: #2d1524;
612
- --data-purple-color-emphasis: #975bf1;
613
- --data-purple-color-muted: #211047;
614
- --data-red-color-emphasis: #eb3342;
615
- --data-red-color-muted: #3c0614;
616
- --data-teal-color-emphasis: #106c70;
617
- --data-teal-color-muted: #041f25;
618
- --data-yellow-color-emphasis: #895906;
619
- --data-yellow-color-muted: #2e1a00;
620
- --diffBlob-additionLine-bgColor: #46954a26;
621
- --diffBlob-additionLine-fgColor: #d1d7e0;
461
+ --control-transparent-borderColor-active: var(--base-color-transparent);
462
+ --control-transparent-borderColor-hover: var(--base-color-transparent);
463
+ --control-transparent-borderColor-rest: var(--base-color-transparent);
464
+ --controlTrack-bgColor-active: var(--base-color-neutral-7);
465
+ --controlTrack-bgColor-hover: var(--base-color-neutral-6);
466
+ --controlTrack-bgColor-rest: var(--base-color-neutral-5);
467
+ --controlTrack-borderColor-rest: var(--base-color-neutral-7);
468
+ --counter-borderColor: var(--base-color-transparent);
469
+ --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
470
+ --data-auburn-color-muted: var(--base-display-color-auburn-0);
471
+ --data-blue-color-emphasis: var(--base-display-color-blue-5);
472
+ --data-blue-color-muted: var(--base-display-color-blue-0);
473
+ --data-gray-color-emphasis: var(--base-display-color-gray-4);
474
+ --data-gray-color-muted: var(--base-display-color-gray-0);
475
+ --data-green-color-emphasis: var(--base-display-color-green-4);
476
+ --data-green-color-muted: var(--base-display-color-green-0);
477
+ --data-orange-color-emphasis: var(--base-display-color-orange-4);
478
+ --data-orange-color-muted: var(--base-display-color-orange-0);
479
+ --data-pink-color-emphasis: var(--base-display-color-pink-5);
480
+ --data-pink-color-muted: var(--base-display-color-pink-0);
481
+ --data-purple-color-emphasis: var(--base-display-color-purple-5);
482
+ --data-purple-color-muted: var(--base-display-color-purple-0);
483
+ --data-red-color-emphasis: var(--base-display-color-red-5);
484
+ --data-red-color-muted: var(--base-display-color-red-0);
485
+ --data-teal-color-emphasis: var(--base-display-color-teal-4);
486
+ --data-teal-color-muted: var(--base-display-color-teal-0);
487
+ --data-yellow-color-emphasis: var(--base-display-color-yellow-4);
488
+ --data-yellow-color-muted: var(--base-display-color-yellow-0);
622
489
  --diffBlob-additionNum-bgColor: #57ab5a4d;
623
- --diffBlob-additionNum-fgColor: #d1d7e0;
624
490
  --diffBlob-additionWord-bgColor: #46954a66;
625
- --diffBlob-additionWord-fgColor: #d1d7e0;
626
- --diffBlob-deletionLine-bgColor: #e5534b1a;
627
- --diffBlob-deletionLine-fgColor: #d1d7e0;
628
491
  --diffBlob-deletionNum-bgColor: #e5534b4d;
629
- --diffBlob-deletionNum-fgColor: #d1d7e0;
630
492
  --diffBlob-deletionWord-bgColor: #e5534b66;
631
- --diffBlob-deletionWord-fgColor: #d1d7e0;
632
- --diffBlob-emptyLine-bgColor: #262c36;
633
- --diffBlob-emptyNum-bgColor: #262c36;
634
- --diffBlob-expander-iconColor: #9198a1;
635
- --diffBlob-hunkLine-bgColor: #4184e41a;
636
- --diffBlob-hunkLine-fgColor: #9198a1;
637
- --diffBlob-hunkNum-bgColor-hover: #316dca;
638
- --diffBlob-hunkNum-bgColor-rest: #143d79;
639
- --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
640
- --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
641
- --display-auburn-bgColor-emphasis: #87534f;
642
- --display-auburn-bgColor-muted: #271817;
643
- --display-auburn-borderColor-emphasis: #a86f6b;
644
- --display-auburn-borderColor-muted: #3a2422;
645
- --display-auburn-fgColor: #bf9592;
646
- --display-blue-bgColor-emphasis: #005bd1;
647
- --display-blue-bgColor-muted: #001a47;
648
- --display-blue-borderColor-emphasis: #0576ff;
649
- --display-blue-borderColor-muted: #002766;
650
- --display-blue-fgColor: #4da0ff;
651
- --display-brown-bgColor-emphasis: #755e3e;
652
- --display-brown-bgColor-muted: #241c14;
653
- --display-brown-borderColor-emphasis: #94774c;
654
- --display-brown-borderColor-muted: #342a1d;
655
- --display-brown-fgColor: #b69a6d;
656
- --display-coral-bgColor-emphasis: #c31328;
657
- --display-coral-bgColor-muted: #3c0614;
658
- --display-coral-borderColor-emphasis: #eb3342;
659
- --display-coral-borderColor-muted: #58091a;
660
- --display-coral-fgColor: #f27d83;
661
- --display-cyan-bgColor-emphasis: #036a8c;
662
- --display-cyan-bgColor-muted: #001f29;
663
- --display-cyan-borderColor-emphasis: #0587b3;
664
- --display-cyan-borderColor-muted: #002e3d;
665
- --display-cyan-fgColor: #07ace4;
666
- --display-gray-bgColor-emphasis: #576270;
667
- --display-gray-bgColor-muted: #1c1c1c;
668
- --display-gray-borderColor-emphasis: #6e7f96;
669
- --display-gray-borderColor-muted: #2a2b2d;
670
- --display-gray-fgColor: #92a1b5;
671
- --display-green-bgColor-emphasis: #2f6f37;
672
- --display-green-bgColor-muted: #122117;
673
- --display-green-borderColor-emphasis: #388f3f;
674
- --display-green-borderColor-muted: #182f1f;
675
- --display-green-fgColor: #41b445;
676
- --display-indigo-bgColor-emphasis: #514ed4;
677
- --display-indigo-bgColor-muted: #1b183f;
678
- --display-indigo-borderColor-emphasis: #7070e1;
679
- --display-indigo-borderColor-muted: #25215f;
680
- --display-indigo-fgColor: #9899ec;
681
- --display-lemon-bgColor-emphasis: #786008;
682
- --display-lemon-bgColor-muted: #291d00;
683
- --display-lemon-borderColor-emphasis: #977b0c;
684
- --display-lemon-borderColor-muted: #372901;
685
- --display-lemon-fgColor: #ba9b12;
686
- --display-lime-bgColor-emphasis: #496c28;
687
- --display-lime-bgColor-muted: #141f0f;
688
- --display-lime-borderColor-emphasis: #5f892f;
689
- --display-lime-borderColor-muted: #1f3116;
690
- --display-lime-fgColor: #7dae37;
691
- --display-olive-bgColor-emphasis: #5e681d;
692
- --display-olive-bgColor-muted: #171e0b;
693
- --display-olive-borderColor-emphasis: #7a8321;
694
- --display-olive-borderColor-muted: #252d10;
695
- --display-olive-fgColor: #a2a626;
696
- --display-orange-bgColor-emphasis: #984b10;
697
- --display-orange-bgColor-muted: #311708;
698
- --display-orange-borderColor-emphasis: #c46212;
699
- --display-orange-borderColor-muted: #43200a;
700
- --display-orange-fgColor: #ed8326;
701
- --display-pine-bgColor-emphasis: #14714c;
702
- --display-pine-bgColor-muted: #082119;
703
- --display-pine-borderColor-emphasis: #18915e;
704
- --display-pine-borderColor-muted: #0b3224;
705
- --display-pine-fgColor: #1bb673;
706
- --display-pink-bgColor-emphasis: #ac2f74;
707
- --display-pink-bgColor-muted: #2d1524;
708
- --display-pink-borderColor-emphasis: #d34591;
709
- --display-pink-borderColor-muted: #451c35;
710
- --display-pink-fgColor: #e57bb2;
711
- --display-plum-bgColor-emphasis: #9518d8;
712
- --display-plum-bgColor-muted: #2a0e3f;
713
- --display-plum-borderColor-emphasis: #b643ef;
714
- --display-plum-borderColor-muted: #40125e;
715
- --display-plum-fgColor: #d07ef7;
716
- --display-purple-bgColor-emphasis: #7730e8;
717
- --display-purple-bgColor-muted: #211047;
718
- --display-purple-borderColor-emphasis: #975bf1;
719
- --display-purple-borderColor-muted: #31146b;
720
- --display-purple-fgColor: #b687f7;
721
- --display-red-bgColor-emphasis: #c31328;
722
- --display-red-bgColor-muted: #3c0614;
723
- --display-red-borderColor-emphasis: #eb3342;
724
- --display-red-borderColor-muted: #58091a;
725
- --display-red-fgColor: #f27d83;
726
- --display-teal-bgColor-emphasis: #106c70;
727
- --display-teal-bgColor-muted: #041f25;
728
- --display-teal-borderColor-emphasis: #158a8a;
729
- --display-teal-borderColor-muted: #073036;
730
- --display-teal-fgColor: #1cb0ab;
731
- --display-yellow-bgColor-emphasis: #895906;
732
- --display-yellow-bgColor-muted: #2e1a00;
733
- --display-yellow-borderColor-emphasis: #aa7109;
734
- --display-yellow-borderColor-muted: #3d2401;
735
- --display-yellow-fgColor: #d3910d;
736
- --fgColor-accent: #478be6;
737
- --fgColor-attention: #c69026;
738
- --fgColor-black: #1c2128;
739
- --fgColor-closed: #e5534b;
740
- --fgColor-danger: #e5534b;
741
- --fgColor-default: #d1d7e0;
742
- --fgColor-disabled: #656c76;
743
- --fgColor-done: #986ee2;
744
- --fgColor-link: #478be6;
745
- --fgColor-muted: #9198a1;
746
- --fgColor-neutral: #9198a1;
747
- --fgColor-onEmphasis: #f0f6fc;
748
- --fgColor-onInverse: #1c2128;
749
- --fgColor-open: #57ab5a;
750
- --fgColor-severe: #cc6b2c;
751
- --fgColor-sponsors: #c96198;
752
- --fgColor-success: #57ab5a;
753
- --fgColor-upsell: #986ee2;
754
- --fgColor-white: #cdd9e5;
755
- --focus-outline: 2px solid #316dca;
756
- --focus-outlineColor: #316dca;
493
+ --diffBlob-hunkNum-bgColor-rest: var(--base-color-blue-8);
494
+ --display-auburn-bgColor-emphasis: var(--base-display-color-auburn-4);
495
+ --display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
496
+ --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
497
+ --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
498
+ --display-auburn-fgColor: var(--base-display-color-auburn-6);
499
+ --display-blue-bgColor-emphasis: var(--base-display-color-blue-4);
500
+ --display-blue-bgColor-muted: var(--base-display-color-blue-0);
501
+ --display-blue-borderColor-emphasis: var(--base-display-color-blue-5);
502
+ --display-blue-borderColor-muted: var(--base-display-color-blue-1);
503
+ --display-blue-fgColor: var(--base-display-color-blue-6);
504
+ --display-brown-bgColor-emphasis: var(--base-display-color-brown-4);
505
+ --display-brown-bgColor-muted: var(--base-display-color-brown-0);
506
+ --display-brown-borderColor-emphasis: var(--base-display-color-brown-5);
507
+ --display-brown-borderColor-muted: var(--base-display-color-brown-1);
508
+ --display-brown-fgColor: var(--base-display-color-brown-6);
509
+ --display-coral-bgColor-emphasis: var(--base-display-color-red-4);
510
+ --display-coral-bgColor-muted: var(--base-display-color-red-0);
511
+ --display-coral-borderColor-emphasis: var(--base-display-color-red-5);
512
+ --display-coral-borderColor-muted: var(--base-display-color-red-1);
513
+ --display-coral-fgColor: var(--base-display-color-red-6);
514
+ --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-4);
515
+ --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
516
+ --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-5);
517
+ --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
518
+ --display-cyan-fgColor: var(--base-display-color-cyan-6);
519
+ --display-gray-bgColor-emphasis: var(--base-display-color-gray-4);
520
+ --display-gray-bgColor-muted: var(--base-display-color-gray-0);
521
+ --display-gray-borderColor-emphasis: var(--base-display-color-gray-5);
522
+ --display-gray-borderColor-muted: var(--base-display-color-gray-1);
523
+ --display-gray-fgColor: var(--base-display-color-gray-6);
524
+ --display-green-bgColor-emphasis: var(--base-display-color-green-4);
525
+ --display-green-bgColor-muted: var(--base-display-color-green-0);
526
+ --display-green-borderColor-emphasis: var(--base-display-color-green-5);
527
+ --display-green-borderColor-muted: var(--base-display-color-green-1);
528
+ --display-green-fgColor: var(--base-display-color-green-6);
529
+ --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-4);
530
+ --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
531
+ --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-5);
532
+ --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
533
+ --display-indigo-fgColor: var(--base-display-color-indigo-6);
534
+ --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-4);
535
+ --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
536
+ --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-5);
537
+ --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
538
+ --display-lemon-fgColor: var(--base-display-color-lemon-6);
539
+ --display-lime-bgColor-emphasis: var(--base-display-color-lime-4);
540
+ --display-lime-bgColor-muted: var(--base-display-color-lime-0);
541
+ --display-lime-borderColor-emphasis: var(--base-display-color-lime-5);
542
+ --display-lime-borderColor-muted: var(--base-display-color-lime-1);
543
+ --display-lime-fgColor: var(--base-display-color-lime-6);
544
+ --display-olive-bgColor-emphasis: var(--base-display-color-olive-4);
545
+ --display-olive-bgColor-muted: var(--base-display-color-olive-0);
546
+ --display-olive-borderColor-emphasis: var(--base-display-color-olive-5);
547
+ --display-olive-borderColor-muted: var(--base-display-color-olive-1);
548
+ --display-olive-fgColor: var(--base-display-color-olive-6);
549
+ --display-orange-bgColor-emphasis: var(--base-display-color-orange-4);
550
+ --display-orange-bgColor-muted: var(--base-display-color-orange-0);
551
+ --display-orange-borderColor-emphasis: var(--base-display-color-orange-5);
552
+ --display-orange-borderColor-muted: var(--base-display-color-orange-1);
553
+ --display-orange-fgColor: var(--base-display-color-orange-6);
554
+ --display-pine-bgColor-emphasis: var(--base-display-color-pine-4);
555
+ --display-pine-bgColor-muted: var(--base-display-color-pine-0);
556
+ --display-pine-borderColor-emphasis: var(--base-display-color-pine-5);
557
+ --display-pine-borderColor-muted: var(--base-display-color-pine-1);
558
+ --display-pine-fgColor: var(--base-display-color-pine-6);
559
+ --display-pink-bgColor-emphasis: var(--base-display-color-pink-4);
560
+ --display-pink-bgColor-muted: var(--base-display-color-pink-0);
561
+ --display-pink-borderColor-emphasis: var(--base-display-color-pink-5);
562
+ --display-pink-borderColor-muted: var(--base-display-color-pink-1);
563
+ --display-pink-fgColor: var(--base-display-color-pink-6);
564
+ --display-plum-bgColor-emphasis: var(--base-display-color-plum-4);
565
+ --display-plum-bgColor-muted: var(--base-display-color-plum-0);
566
+ --display-plum-borderColor-emphasis: var(--base-display-color-plum-5);
567
+ --display-plum-borderColor-muted: var(--base-display-color-plum-1);
568
+ --display-plum-fgColor: var(--base-display-color-plum-6);
569
+ --display-purple-bgColor-emphasis: var(--base-display-color-purple-4);
570
+ --display-purple-bgColor-muted: var(--base-display-color-purple-0);
571
+ --display-purple-borderColor-emphasis: var(--base-display-color-purple-5);
572
+ --display-purple-borderColor-muted: var(--base-display-color-purple-1);
573
+ --display-purple-fgColor: var(--base-display-color-purple-6);
574
+ --display-red-bgColor-emphasis: var(--base-display-color-red-4);
575
+ --display-red-bgColor-muted: var(--base-display-color-red-0);
576
+ --display-red-borderColor-emphasis: var(--base-display-color-red-5);
577
+ --display-red-borderColor-muted: var(--base-display-color-red-1);
578
+ --display-red-fgColor: var(--base-display-color-red-6);
579
+ --display-teal-bgColor-emphasis: var(--base-display-color-teal-4);
580
+ --display-teal-bgColor-muted: var(--base-display-color-teal-0);
581
+ --display-teal-borderColor-emphasis: var(--base-display-color-teal-5);
582
+ --display-teal-borderColor-muted: var(--base-display-color-teal-1);
583
+ --display-teal-fgColor: var(--base-display-color-teal-6);
584
+ --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-4);
585
+ --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
586
+ --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-5);
587
+ --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
588
+ --display-yellow-fgColor: var(--base-display-color-yellow-6);
589
+ --fgColor-attention: var(--base-color-yellow-3);
590
+ --fgColor-danger: var(--base-color-red-4);
591
+ --fgColor-default: var(--base-color-neutral-11);
592
+ --fgColor-disabled: var(--base-color-neutral-8);
593
+ --fgColor-done: var(--base-color-purple-4);
594
+ --fgColor-link: var(--fgColor-accent);
595
+ --fgColor-muted: var(--base-color-neutral-9);
596
+ --fgColor-neutral: var(--base-color-neutral-9);
597
+ --fgColor-onEmphasis: var(--base-color-neutral-12);
598
+ --fgColor-severe: var(--base-color-orange-4);
599
+ --fgColor-sponsors: var(--base-color-pink-4);
600
+ --fgColor-success: var(--base-color-green-3);
757
601
  --header-bgColor: #151b23f2;
758
- --header-borderColor-divider: #656c76;
759
- --header-fgColor-default: #cdd9e5b3;
760
- --header-fgColor-logo: #f0f6fc;
761
- --headerSearch-bgColor: #0d1117;
762
- --headerSearch-borderColor: #2a313c;
602
+ --header-borderColor-divider: var(--base-color-neutral-8);
603
+ --header-fgColor-logo: var(--base-color-neutral-12);
604
+ --headerSearch-bgColor: var(--base-color-neutral-1);
605
+ --headerSearch-borderColor: var(--base-color-neutral-5);
763
606
  --highlight-neutral-bgColor: #c6902666;
764
- --label-auburn-bgColor-active: #543331;
765
- --label-auburn-bgColor-hover: #3a2422;
766
- --label-auburn-bgColor-rest: #271817;
767
- --label-auburn-fgColor-active: #d4b7b5;
768
- --label-auburn-fgColor-hover: #c6a19f;
769
- --label-auburn-fgColor-rest: #bf9592;
770
- --label-blue-bgColor-active: #00378a;
771
- --label-blue-bgColor-hover: #002766;
772
- --label-blue-bgColor-rest: #001a47;
773
- --label-blue-fgColor-active: #85c2ff;
774
- --label-blue-fgColor-hover: #61adff;
775
- --label-blue-fgColor-rest: #4da0ff;
776
- --label-brown-bgColor-active: #483a28;
777
- --label-brown-bgColor-hover: #342a1d;
778
- --label-brown-bgColor-rest: #241c14;
779
- --label-brown-fgColor-active: #cdbb98;
780
- --label-brown-fgColor-hover: #bfa77d;
781
- --label-brown-fgColor-rest: #b69a6d;
782
- --label-coral-bgColor-active: #72220d;
783
- --label-coral-bgColor-hover: #51180b;
784
- --label-coral-bgColor-rest: #351008;
785
- --label-coral-fgColor-active: #fdaa86;
786
- --label-coral-fgColor-hover: #fa8c61;
787
- --label-coral-fgColor-rest: #f7794b;
788
- --label-cyan-bgColor-active: #014156;
789
- --label-cyan-bgColor-hover: #002e3d;
790
- --label-cyan-bgColor-rest: #001f29;
791
- --label-cyan-fgColor-active: #45cbf7;
792
- --label-cyan-fgColor-hover: #09b7f1;
793
- --label-cyan-fgColor-rest: #07ace4;
794
- --label-gray-bgColor-active: #393d41;
795
- --label-gray-bgColor-hover: #2a2b2d;
796
- --label-gray-bgColor-rest: #1c1c1c;
797
- --label-gray-fgColor-active: #b3c0d1;
798
- --label-gray-fgColor-hover: #9babbf;
799
- --label-gray-fgColor-rest: #92a1b5;
800
- --label-green-bgColor-active: #214529;
801
- --label-green-bgColor-hover: #182f1f;
802
- --label-green-bgColor-rest: #122117;
803
- --label-green-fgColor-active: #75d36f;
804
- --label-green-fgColor-hover: #46c144;
805
- --label-green-fgColor-rest: #41b445;
806
- --label-indigo-bgColor-active: #312c90;
807
- --label-indigo-bgColor-hover: #25215f;
808
- --label-indigo-bgColor-rest: #1b183f;
809
- --label-indigo-fgColor-active: #b7baf6;
810
- --label-indigo-fgColor-hover: #a2a5f1;
811
- --label-indigo-fgColor-rest: #9899ec;
812
- --label-lemon-bgColor-active: #4f3c02;
813
- --label-lemon-bgColor-hover: #372901;
814
- --label-lemon-bgColor-rest: #291d00;
815
- --label-lemon-fgColor-active: #d7bc1d;
816
- --label-lemon-fgColor-hover: #c4a717;
817
- --label-lemon-fgColor-rest: #ba9b12;
818
- --label-lime-bgColor-active: #2c441d;
819
- --label-lime-bgColor-hover: #1f3116;
820
- --label-lime-bgColor-rest: #141f0f;
821
- --label-lime-fgColor-active: #9fcc3e;
822
- --label-lime-fgColor-hover: #89ba36;
823
- --label-lime-fgColor-rest: #7dae37;
824
- --label-olive-bgColor-active: #374115;
825
- --label-olive-bgColor-hover: #252d10;
826
- --label-olive-bgColor-rest: #171e0b;
827
- --label-olive-fgColor-active: #cbc025;
828
- --label-olive-fgColor-hover: #b2af24;
829
- --label-olive-fgColor-rest: #a2a626;
830
- --label-orange-bgColor-active: #632f0d;
831
- --label-orange-bgColor-hover: #43200a;
832
- --label-orange-bgColor-rest: #311708;
833
- --label-orange-fgColor-active: #f6b06a;
834
- --label-orange-fgColor-hover: #f1933b;
835
- --label-orange-fgColor-rest: #ed8326;
836
- --label-pine-bgColor-active: #0e4430;
837
- --label-pine-bgColor-hover: #0b3224;
838
- --label-pine-bgColor-rest: #082119;
839
- --label-pine-fgColor-active: #1bda81;
840
- --label-pine-fgColor-hover: #1ac176;
841
- --label-pine-fgColor-rest: #1bb673;
842
- --label-pink-bgColor-active: #65244a;
843
- --label-pink-bgColor-hover: #451c35;
844
- --label-pink-bgColor-rest: #2d1524;
845
- --label-pink-fgColor-active: #f4a9cd;
846
- --label-pink-fgColor-hover: #ec8dbd;
847
- --label-pink-fgColor-rest: #e57bb2;
848
- --label-plum-bgColor-active: #5c1688;
849
- --label-plum-bgColor-hover: #40125e;
850
- --label-plum-bgColor-rest: #2a0e3f;
851
- --label-plum-fgColor-active: #e4a5fd;
852
- --label-plum-fgColor-hover: #d889fa;
853
- --label-plum-fgColor-rest: #d07ef7;
854
- --label-purple-bgColor-active: #481a9e;
855
- --label-purple-bgColor-hover: #31146b;
856
- --label-purple-bgColor-rest: #211047;
857
- --label-purple-fgColor-active: #d2affd;
858
- --label-purple-fgColor-hover: #c398fb;
859
- --label-purple-fgColor-rest: #b687f7;
860
- --label-red-bgColor-active: #790c20;
861
- --label-red-bgColor-hover: #58091a;
862
- --label-red-bgColor-rest: #3c0614;
863
- --label-red-fgColor-active: #f7adab;
864
- --label-red-fgColor-hover: #f48b8d;
865
- --label-red-fgColor-rest: #f27d83;
866
- --label-teal-bgColor-active: #0a464d;
867
- --label-teal-bgColor-hover: #073036;
868
- --label-teal-bgColor-rest: #041f25;
869
- --label-teal-fgColor-active: #24d6c4;
870
- --label-teal-fgColor-hover: #1fbdb2;
871
- --label-teal-fgColor-rest: #1cb0ab;
872
- --label-yellow-bgColor-active: #5a3702;
873
- --label-yellow-bgColor-hover: #3d2401;
874
- --label-yellow-bgColor-rest: #2e1a00;
875
- --label-yellow-fgColor-active: #edb431;
876
- --label-yellow-fgColor-hover: #df9e11;
877
- --label-yellow-fgColor-rest: #d3910d;
878
- --menu-bgColor-active: #151b23;
879
- --outline-focus-offset: -0.125rem;
880
- --outline-focus-width: 0.125rem;
607
+ --label-auburn-bgColor-active: var(--base-display-color-auburn-2);
608
+ --label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
609
+ --label-auburn-bgColor-rest: var(--base-display-color-auburn-0);
610
+ --label-auburn-fgColor-active: var(--base-display-color-auburn-8);
611
+ --label-auburn-fgColor-hover: var(--base-display-color-auburn-7);
612
+ --label-auburn-fgColor-rest: var(--base-display-color-auburn-6);
613
+ --label-blue-bgColor-active: var(--base-display-color-blue-2);
614
+ --label-blue-bgColor-hover: var(--base-display-color-blue-1);
615
+ --label-blue-bgColor-rest: var(--base-display-color-blue-0);
616
+ --label-blue-fgColor-active: var(--base-display-color-blue-8);
617
+ --label-blue-fgColor-hover: var(--base-display-color-blue-7);
618
+ --label-blue-fgColor-rest: var(--base-display-color-blue-6);
619
+ --label-brown-bgColor-active: var(--base-display-color-brown-2);
620
+ --label-brown-bgColor-hover: var(--base-display-color-brown-1);
621
+ --label-brown-bgColor-rest: var(--base-display-color-brown-0);
622
+ --label-brown-fgColor-active: var(--base-display-color-brown-8);
623
+ --label-brown-fgColor-hover: var(--base-display-color-brown-7);
624
+ --label-brown-fgColor-rest: var(--base-display-color-brown-6);
625
+ --label-coral-bgColor-active: var(--base-display-color-coral-2);
626
+ --label-coral-bgColor-hover: var(--base-display-color-coral-1);
627
+ --label-coral-bgColor-rest: var(--base-display-color-coral-0);
628
+ --label-coral-fgColor-active: var(--base-display-color-coral-8);
629
+ --label-coral-fgColor-hover: var(--base-display-color-coral-7);
630
+ --label-coral-fgColor-rest: var(--base-display-color-coral-6);
631
+ --label-cyan-bgColor-active: var(--base-display-color-cyan-2);
632
+ --label-cyan-bgColor-hover: var(--base-display-color-cyan-1);
633
+ --label-cyan-bgColor-rest: var(--base-display-color-cyan-0);
634
+ --label-cyan-fgColor-active: var(--base-display-color-cyan-8);
635
+ --label-cyan-fgColor-hover: var(--base-display-color-cyan-7);
636
+ --label-cyan-fgColor-rest: var(--base-display-color-cyan-6);
637
+ --label-gray-bgColor-active: var(--base-display-color-gray-2);
638
+ --label-gray-bgColor-hover: var(--base-display-color-gray-1);
639
+ --label-gray-bgColor-rest: var(--base-display-color-gray-0);
640
+ --label-gray-fgColor-active: var(--base-display-color-gray-8);
641
+ --label-gray-fgColor-hover: var(--base-display-color-gray-7);
642
+ --label-gray-fgColor-rest: var(--base-display-color-gray-6);
643
+ --label-green-bgColor-active: var(--base-display-color-green-2);
644
+ --label-green-bgColor-hover: var(--base-display-color-green-1);
645
+ --label-green-bgColor-rest: var(--base-display-color-green-0);
646
+ --label-green-fgColor-active: var(--base-display-color-green-8);
647
+ --label-green-fgColor-hover: var(--base-display-color-green-7);
648
+ --label-green-fgColor-rest: var(--base-display-color-green-6);
649
+ --label-indigo-bgColor-active: var(--base-display-color-indigo-2);
650
+ --label-indigo-bgColor-hover: var(--base-display-color-indigo-1);
651
+ --label-indigo-bgColor-rest: var(--base-display-color-indigo-0);
652
+ --label-indigo-fgColor-active: var(--base-display-color-indigo-8);
653
+ --label-indigo-fgColor-hover: var(--base-display-color-indigo-7);
654
+ --label-indigo-fgColor-rest: var(--base-display-color-indigo-6);
655
+ --label-lemon-bgColor-active: var(--base-display-color-lemon-2);
656
+ --label-lemon-bgColor-hover: var(--base-display-color-lemon-1);
657
+ --label-lemon-bgColor-rest: var(--base-display-color-lemon-0);
658
+ --label-lemon-fgColor-active: var(--base-display-color-lemon-8);
659
+ --label-lemon-fgColor-hover: var(--base-display-color-lemon-7);
660
+ --label-lemon-fgColor-rest: var(--base-display-color-lemon-6);
661
+ --label-lime-bgColor-active: var(--base-display-color-lime-2);
662
+ --label-lime-bgColor-hover: var(--base-display-color-lime-1);
663
+ --label-lime-bgColor-rest: var(--base-display-color-lime-0);
664
+ --label-lime-fgColor-active: var(--base-display-color-lime-8);
665
+ --label-lime-fgColor-hover: var(--base-display-color-lime-7);
666
+ --label-lime-fgColor-rest: var(--base-display-color-lime-6);
667
+ --label-olive-bgColor-active: var(--base-display-color-olive-2);
668
+ --label-olive-bgColor-hover: var(--base-display-color-olive-1);
669
+ --label-olive-bgColor-rest: var(--base-display-color-olive-0);
670
+ --label-olive-fgColor-active: var(--base-display-color-olive-8);
671
+ --label-olive-fgColor-hover: var(--base-display-color-olive-7);
672
+ --label-olive-fgColor-rest: var(--base-display-color-olive-6);
673
+ --label-orange-bgColor-active: var(--base-display-color-orange-2);
674
+ --label-orange-bgColor-hover: var(--base-display-color-orange-1);
675
+ --label-orange-bgColor-rest: var(--base-display-color-orange-0);
676
+ --label-orange-fgColor-active: var(--base-display-color-orange-8);
677
+ --label-orange-fgColor-hover: var(--base-display-color-orange-7);
678
+ --label-orange-fgColor-rest: var(--base-display-color-orange-6);
679
+ --label-pine-bgColor-active: var(--base-display-color-pine-2);
680
+ --label-pine-bgColor-hover: var(--base-display-color-pine-1);
681
+ --label-pine-bgColor-rest: var(--base-display-color-pine-0);
682
+ --label-pine-fgColor-active: var(--base-display-color-pine-8);
683
+ --label-pine-fgColor-hover: var(--base-display-color-pine-7);
684
+ --label-pine-fgColor-rest: var(--base-display-color-pine-6);
685
+ --label-pink-bgColor-active: var(--base-display-color-pink-2);
686
+ --label-pink-bgColor-hover: var(--base-display-color-pink-1);
687
+ --label-pink-bgColor-rest: var(--base-display-color-pink-0);
688
+ --label-pink-fgColor-active: var(--base-display-color-pink-8);
689
+ --label-pink-fgColor-hover: var(--base-display-color-pink-7);
690
+ --label-pink-fgColor-rest: var(--base-display-color-pink-6);
691
+ --label-plum-bgColor-active: var(--base-display-color-plum-2);
692
+ --label-plum-bgColor-hover: var(--base-display-color-plum-1);
693
+ --label-plum-bgColor-rest: var(--base-display-color-plum-0);
694
+ --label-plum-fgColor-active: var(--base-display-color-plum-8);
695
+ --label-plum-fgColor-hover: var(--base-display-color-plum-7);
696
+ --label-plum-fgColor-rest: var(--base-display-color-plum-6);
697
+ --label-purple-bgColor-active: var(--base-display-color-purple-2);
698
+ --label-purple-bgColor-hover: var(--base-display-color-purple-1);
699
+ --label-purple-bgColor-rest: var(--base-display-color-purple-0);
700
+ --label-purple-fgColor-active: var(--base-display-color-purple-8);
701
+ --label-purple-fgColor-hover: var(--base-display-color-purple-7);
702
+ --label-purple-fgColor-rest: var(--base-display-color-purple-6);
703
+ --label-red-bgColor-active: var(--base-display-color-red-2);
704
+ --label-red-bgColor-hover: var(--base-display-color-red-1);
705
+ --label-red-bgColor-rest: var(--base-display-color-red-0);
706
+ --label-red-fgColor-active: var(--base-display-color-red-8);
707
+ --label-red-fgColor-hover: var(--base-display-color-red-7);
708
+ --label-red-fgColor-rest: var(--base-display-color-red-6);
709
+ --label-teal-bgColor-active: var(--base-display-color-teal-2);
710
+ --label-teal-bgColor-hover: var(--base-display-color-teal-1);
711
+ --label-teal-bgColor-rest: var(--base-display-color-teal-0);
712
+ --label-teal-fgColor-active: var(--base-display-color-teal-8);
713
+ --label-teal-fgColor-hover: var(--base-display-color-teal-7);
714
+ --label-teal-fgColor-rest: var(--base-display-color-teal-6);
715
+ --label-yellow-bgColor-active: var(--base-display-color-yellow-2);
716
+ --label-yellow-bgColor-hover: var(--base-display-color-yellow-1);
717
+ --label-yellow-bgColor-rest: var(--base-display-color-yellow-0);
718
+ --label-yellow-fgColor-active: var(--base-display-color-yellow-8);
719
+ --label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
720
+ --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
721
+ --menu-bgColor-active: var(--base-color-neutral-2);
881
722
  --overlay-backdrop-bgColor: #262c3666;
882
- --overlay-bgColor: #2a313c;
723
+ --overlay-bgColor: var(--base-color-neutral-5);
883
724
  --overlay-borderColor: #3d444db3;
884
- --page-header-bgColor: #212830;
885
- --reactionButton-selected-bgColor-hover: #4285e55c;
886
725
  --reactionButton-selected-bgColor-rest: #4184e433;
887
- --reactionButton-selected-fgColor-hover: #6cb6ff;
888
- --reactionButton-selected-fgColor-rest: #478be6;
889
- --selectMenu-bgColor-active: #143d79;
890
- --selectMenu-borderColor: #3d444d;
726
+ --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
727
+ --selectMenu-bgColor-active: var(--base-color-blue-8);
728
+ --sideNav-bgColor-selected: var(--base-color-neutral-3);
729
+ --skeletonLoader-bgColor: #656c7633;
730
+ --timelineBadge-bgColor: var(--base-color-neutral-4);
731
+ --topicTag-borderColor: var(--base-color-transparent);
732
+ --underlineNav-borderColor-active: var(--base-color-coral-3);
733
+ --avatar-bgColor: #cdd9e51a;
734
+ --bgColor-black: var(--base-color-neutral-0);
735
+ --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
736
+ --bgColor-closed-muted: var(--bgColor-danger-muted);
737
+ --bgColor-inverse: var(--base-color-neutral-13);
738
+ --bgColor-open-emphasis: var(--bgColor-success-emphasis);
739
+ --bgColor-open-muted: var(--bgColor-success-muted);
740
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
741
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
742
+ --bgColor-white: var(--base-color-neutral-13);
743
+ --border-accent-emphasis: 0.0625rem solid #316dca;
744
+ --border-accent-muted: 0.0625rem solid #4184e466;
745
+ --border-attention-emphasis: 0.0625rem solid #966600;
746
+ --border-attention-muted: 0.0625rem solid #ae7c1466;
747
+ --border-danger-emphasis: 0.0625rem solid #c93c37;
748
+ --border-danger-muted: 0.0625rem solid #e5534b66;
749
+ --border-default: 0.0625rem solid #3d444d;
750
+ --border-disabled: 0.0625rem solid #656c761a;
751
+ --border-done-emphasis: 0.0625rem solid #8256d0;
752
+ --border-done-muted: 0.0625rem solid #986ee266;
753
+ --border-emphasis: 0.0625rem solid #656c76;
754
+ --border-muted: 0.0625rem solid #3d444db3;
755
+ --border-neutral-muted: 0.0625rem solid #3d444db3;
756
+ --border-severe-emphasis: 0.0625rem solid #ae5622;
757
+ --border-severe-muted: 0.0625rem solid #cc6b2c66;
758
+ --border-sponsors-emphasis: 0.0625rem solid #ae4c82;
759
+ --border-sponsors-muted: 0.0625rem solid #c9619866;
760
+ --border-success-emphasis: 0.0625rem solid #347d39;
761
+ --border-success-muted: 0.0625rem solid #46954a66;
762
+ --border-transparent: 0.0625rem solid #00000000;
763
+ --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
764
+ --borderColor-closed-muted: var(--borderColor-danger-muted);
765
+ --borderColor-neutral-emphasis: var(--borderColor-emphasis);
766
+ --borderColor-open-emphasis: var(--borderColor-success-emphasis);
767
+ --borderColor-open-muted: var(--borderColor-success-muted);
768
+ --borderColor-translucent: #cdd9e526;
769
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
770
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
771
+ --button-danger-bgColor-rest: var(--control-bgColor-rest);
772
+ --button-danger-fgColor-active: var(--base-color-neutral-13);
773
+ --button-danger-fgColor-disabled: #e5534b80;
774
+ --button-danger-fgColor-hover: var(--base-color-neutral-13);
775
+ --button-danger-iconColor-hover: var(--base-color-neutral-13);
776
+ --button-default-bgColor-active: var(--control-bgColor-active);
777
+ --button-default-bgColor-hover: var(--control-bgColor-hover);
778
+ --button-default-bgColor-rest: var(--control-bgColor-rest);
779
+ --button-default-bgColor-selected: var(--control-bgColor-active);
780
+ --button-default-borderColor-active: var(--button-default-borderColor-rest);
781
+ --button-default-borderColor-disabled: var(--control-borderColor-disabled);
782
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
783
+ --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
784
+ --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
785
+ --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
786
+ --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
787
+ --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
788
+ --button-outline-bgColor-hover: var(--control-bgColor-hover);
789
+ --button-outline-fgColor-active: var(--base-color-neutral-13);
790
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
791
+ --button-primary-borderColor-rest: #cdd9e51a;
792
+ --button-primary-fgColor-disabled: #cdd9e566;
793
+ --buttonCounter-danger-bgColor-disabled: #c93c370d;
794
+ --buttonCounter-danger-bgColor-hover: #cdd9e533;
795
+ --buttonCounter-danger-fgColor-disabled: #e5534b80;
796
+ --buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
797
+ --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
798
+ --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
799
+ --buttonCounter-outline-bgColor-disabled: #316dca0d;
800
+ --card-bgColor: var(--bgColor-muted);
801
+ --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
802
+ --codeMirror-bgColor: var(--bgColor-default);
803
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
804
+ --codeMirror-fgColor: var(--fgColor-default);
805
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
806
+ --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
807
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
808
+ --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
809
+ --codeMirror-lines-bgColor: var(--bgColor-default);
810
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
811
+ --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
812
+ --color-ansi-white-bright: var(--base-color-neutral-13);
813
+ --control-bgColor-disabled: var(--bgColor-disabled);
814
+ --control-bgColor-selected: var(--control-bgColor-rest);
815
+ --control-borderColor-danger: var(--borderColor-danger-emphasis);
816
+ --control-borderColor-emphasis: var(--borderColor-emphasis);
817
+ --control-borderColor-success: var(--borderColor-success-emphasis);
818
+ --control-borderColor-warning: var(--borderColor-attention-emphasis);
819
+ --control-checked-bgColor-disabled: var(--fgColor-disabled);
820
+ --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
821
+ --control-checked-fgColor-disabled: var(--base-color-inset);
822
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
823
+ --control-danger-bgColor-active: #e5534b66;
824
+ --control-danger-bgColor-hover: var(--bgColor-danger-muted);
825
+ --control-danger-fgColor-rest: var(--fgColor-danger);
826
+ --control-fgColor-disabled: var(--fgColor-disabled);
827
+ --control-fgColor-placeholder: var(--fgColor-muted);
828
+ --control-fgColor-rest: var(--fgColor-default);
829
+ --control-iconColor-rest: var(--fgColor-muted);
830
+ --control-transparent-bgColor-disabled: var(--bgColor-disabled);
831
+ --controlKnob-bgColor-checked: var(--base-color-neutral-13);
832
+ --controlKnob-bgColor-rest: var(--bgColor-inset);
833
+ --controlTrack-bgColor-disabled: var(--fgColor-disabled);
834
+ --controlTrack-borderColor-disabled: var(--fgColor-disabled);
835
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
836
+ --controlTrack-fgColor-rest: var(--fgColor-muted);
837
+ --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
838
+ --counter-bgColor-muted: var(--bgColor-neutral-muted);
839
+ --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
840
+ --diffBlob-additionLine-fgColor: var(--fgColor-default);
841
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
842
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
843
+ --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
844
+ --diffBlob-deletionLine-fgColor: var(--fgColor-default);
845
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
846
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
847
+ --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
848
+ --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
849
+ --diffBlob-expander-iconColor: var(--fgColor-muted);
850
+ --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
851
+ --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
852
+ --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
853
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
854
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
855
+ --fgColor-black: var(--base-color-neutral-0);
856
+ --fgColor-closed: var(--fgColor-danger);
857
+ --fgColor-onInverse: var(--base-color-neutral-0);
858
+ --fgColor-open: var(--fgColor-success);
859
+ --fgColor-upsell: var(--fgColor-done);
860
+ --fgColor-white: var(--base-color-neutral-13);
861
+ --focus-outlineColor: var(--borderColor-accent-emphasis);
862
+ --header-fgColor-default: #cdd9e5b3;
863
+ --page-header-bgColor: var(--bgColor-default);
864
+ --reactionButton-selected-fgColor-rest: var(--fgColor-link);
865
+ --selectMenu-borderColor: var(--borderColor-default);
891
866
  --selection-bgColor: #316dcab3;
892
867
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
893
868
  --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
@@ -898,25 +873,45 @@
898
873
  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
899
874
  --shadow-resting-small: 0px 1px 0px 0px #1c212866;
900
875
  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
901
- --sideNav-bgColor-selected: #212830;
902
- --skeletonLoader-bgColor: #656c7633;
903
- --timelineBadge-bgColor: #262c36;
904
- --tooltip-bgColor: #3d444d;
905
- --tooltip-fgColor: #f0f6fc;
906
- --topicTag-borderColor: #00000000;
907
- --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
908
- --underlineNav-borderColor-active: #ec775c;
909
- --underlineNav-borderColor-hover: #3d444db3;
910
- --underlineNav-iconColor-rest: #9198a1;
876
+ --tooltip-bgColor: var(--bgColor-emphasis);
877
+ --tooltip-fgColor: var(--fgColor-onEmphasis);
878
+ --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
879
+ --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
880
+ --underlineNav-iconColor-rest: var(--fgColor-muted);
881
+ --avatar-borderColor: var(--borderColor-translucent);
882
+ --border-closed-emphasis: var(--border-danger-emphasis);
883
+ --border-closed-muted: var(--border-danger-muted);
884
+ --border-neutral-emphasis: 0.0625rem solid #656c76;
885
+ --border-open-emphasis: var(--border-success-emphasis);
886
+ --border-open-muted: var(--border-success-muted);
887
+ --border-upsell-emphasis: 0.0625rem solid #8256d0;
888
+ --border-upsell-muted: 0.0625rem solid #986ee266;
889
+ --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
890
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
891
+ --button-default-bgColor-disabled: var(--control-bgColor-disabled);
892
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
893
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
894
+ --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
895
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
896
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
897
+ --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
898
+ --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
899
+ --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
900
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
901
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
902
+ --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
903
+ --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
904
+ --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
905
+ --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
906
+ --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
907
+ --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
908
+ --focus-outline: 2px solid #316dca;
909
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
910
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
914
914
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
915
- --avatar-bgColor: #cdd9e51a;
916
- --avatar-borderColor: #cdd9e526;
917
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
918
- --avatarStack-fade-bgColor-default: #3d444d;
919
- --avatarStack-fade-bgColor-muted: #2a313c;
920
915
  --base-color-black: #1c2128;
921
916
  --base-color-blue-0: #c6e6ff;
922
917
  --base-color-blue-1: #96d0ff;
@@ -948,13 +943,10 @@
948
943
  --base-color-green-7: #245829;
949
944
  --base-color-green-8: #1b4721;
950
945
  --base-color-green-9: #113417;
951
- --base-color-inset: #1c2128;
952
- --base-color-neutral-0: #1c2128;
953
946
  --base-color-neutral-1: #0d1117;
954
947
  --base-color-neutral-10: #b7bdc8;
955
948
  --base-color-neutral-11: #d1d7e0;
956
949
  --base-color-neutral-12: #f0f6fc;
957
- --base-color-neutral-13: #cdd9e5;
958
950
  --base-color-neutral-2: #151b23;
959
951
  --base-color-neutral-3: #212830;
960
952
  --base-color-neutral-4: #262c36;
@@ -1207,597 +1199,580 @@
1207
1199
  --base-display-color-yellow-7: #df9e11;
1208
1200
  --base-display-color-yellow-8: #edb431;
1209
1201
  --base-display-color-yellow-9: #f0ca6a;
1210
- --bgColor-accent-emphasis: #316dca;
1202
+ --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1203
+ --borderRadius-large: 0.75rem;
1204
+ --borderRadius-medium: 0.375rem;
1205
+ --borderRadius-small: 0.1875rem;
1206
+ --borderWidth-thick: 0.125rem;
1207
+ --borderWidth-thicker: 0.25rem;
1208
+ --borderWidth-thin: 0.0625rem;
1209
+ --button-danger-bgColor-active: #c33d38;
1210
+ --button-danger-fgColor-rest: #ea5c53;
1211
+ --button-danger-iconColor-rest: #ea5c53;
1212
+ --button-outline-fgColor-disabled: #478be680;
1213
+ --button-primary-bgColor-active: #428f46;
1214
+ --button-primary-bgColor-disabled: #50a254;
1215
+ --button-primary-bgColor-hover: #3b8640;
1216
+ --button-primary-borderColor-disabled: #50a254;
1217
+ --button-primary-fgColor-rest: #ffffff;
1218
+ --button-primary-iconColor-rest: #ffffff;
1219
+ --color-ansi-cyan: #39c5cf;
1220
+ --color-ansi-cyan-bright: #56d4dd;
1221
+ --control-borderColor-rest: #3d444d;
1222
+ --control-checked-bgColor-active: #3f7fdb;
1223
+ --control-checked-bgColor-hover: #3876d3;
1224
+ --control-checked-borderColor-active: #3f7fdb;
1225
+ --control-checked-borderColor-hover: #3876d3;
1226
+ --fgColor-accent: #478be6;
1227
+ --outline-focus-offset: -0.125rem;
1228
+ --outline-focus-width: 0.125rem;
1229
+ --reactionButton-selected-bgColor-hover: #4285e55c;
1230
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
1231
+ --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1232
+ --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1233
+ --base-color-inset: var(--base-color-black);
1234
+ --base-color-neutral-0: var(--base-color-black);
1235
+ --base-color-neutral-13: var(--base-color-white);
1236
+ --bgColor-accent-emphasis: var(--base-color-blue-5);
1211
1237
  --bgColor-accent-muted: #4184e41a;
1212
- --bgColor-attention-emphasis: #966600;
1238
+ --bgColor-attention-emphasis: var(--base-color-yellow-5);
1213
1239
  --bgColor-attention-muted: #ae7c1426;
1214
- --bgColor-black: #1c2128;
1215
- --bgColor-closed-emphasis: #c93c37;
1216
- --bgColor-closed-muted: #e5534b1a;
1217
- --bgColor-danger-emphasis: #c93c37;
1240
+ --bgColor-danger-emphasis: var(--base-color-red-5);
1218
1241
  --bgColor-danger-muted: #e5534b1a;
1219
- --bgColor-default: #212830;
1220
- --bgColor-disabled: #2a313c;
1221
- --bgColor-done-emphasis: #8256d0;
1242
+ --bgColor-default: var(--base-color-neutral-3);
1243
+ --bgColor-disabled: var(--base-color-neutral-5);
1244
+ --bgColor-done-emphasis: var(--base-color-purple-5);
1222
1245
  --bgColor-done-muted: #986ee226;
1223
- --bgColor-emphasis: #3d444d;
1224
- --bgColor-inset: #151b23;
1225
- --bgColor-inverse: #cdd9e5;
1226
- --bgColor-muted: #262c36;
1227
- --bgColor-neutral-emphasis: #656c76;
1246
+ --bgColor-emphasis: var(--base-color-neutral-7);
1247
+ --bgColor-inset: var(--base-color-neutral-2);
1248
+ --bgColor-muted: var(--base-color-neutral-4);
1249
+ --bgColor-neutral-emphasis: var(--base-color-neutral-8);
1228
1250
  --bgColor-neutral-muted: #656c7633;
1229
- --bgColor-open-emphasis: #347d39;
1230
- --bgColor-open-muted: #46954a26;
1231
- --bgColor-severe-emphasis: #ae5622;
1251
+ --bgColor-severe-emphasis: var(--base-color-orange-5);
1232
1252
  --bgColor-severe-muted: #cc6b2c1a;
1233
- --bgColor-sponsors-emphasis: #ae4c82;
1253
+ --bgColor-sponsors-emphasis: var(--base-color-pink-5);
1234
1254
  --bgColor-sponsors-muted: #c961981a;
1235
- --bgColor-success-emphasis: #347d39;
1255
+ --bgColor-success-emphasis: var(--base-color-green-5);
1236
1256
  --bgColor-success-muted: #46954a26;
1237
- --bgColor-transparent: #00000000;
1238
- --bgColor-upsell-emphasis: #8256d0;
1239
- --bgColor-upsell-muted: #986ee226;
1240
- --bgColor-white: #cdd9e5;
1241
- --border-accent-emphasis: 0.0625rem solid #316dca;
1242
- --border-accent-muted: 0.0625rem solid #4184e466;
1243
- --border-attention-emphasis: 0.0625rem solid #966600;
1244
- --border-attention-muted: 0.0625rem solid #ae7c1466;
1245
- --border-closed-emphasis: 0.0625rem solid #c93c37;
1246
- --border-closed-muted: 0.0625rem solid #e5534b66;
1247
- --border-danger-emphasis: 0.0625rem solid #c93c37;
1248
- --border-danger-muted: 0.0625rem solid #e5534b66;
1249
- --border-default: 0.0625rem solid #3d444d;
1250
- --border-disabled: 0.0625rem solid #656c761a;
1251
- --border-done-emphasis: 0.0625rem solid #8256d0;
1252
- --border-done-muted: 0.0625rem solid #986ee266;
1253
- --border-emphasis: 0.0625rem solid #656c76;
1254
- --border-muted: 0.0625rem solid #3d444db3;
1255
- --border-neutral-emphasis: 0.0625rem solid #656c76;
1256
- --border-neutral-muted: 0.0625rem solid #3d444db3;
1257
- --border-open-emphasis: 0.0625rem solid #347d39;
1258
- --border-open-muted: 0.0625rem solid #46954a66;
1259
- --border-severe-emphasis: 0.0625rem solid #ae5622;
1260
- --border-severe-muted: 0.0625rem solid #cc6b2c66;
1261
- --border-sponsors-emphasis: 0.0625rem solid #ae4c82;
1262
- --border-sponsors-muted: 0.0625rem solid #c9619866;
1263
- --border-success-emphasis: 0.0625rem solid #347d39;
1264
- --border-success-muted: 0.0625rem solid #46954a66;
1265
- --border-transparent: 0.0625rem solid #00000000;
1266
- --border-upsell-emphasis: 0.0625rem solid #8256d0;
1267
- --border-upsell-muted: 0.0625rem solid #986ee266;
1268
- --borderColor-accent-emphasis: #316dca;
1257
+ --bgColor-transparent: var(--base-color-transparent);
1258
+ --borderColor-accent-emphasis: var(--base-color-blue-5);
1269
1259
  --borderColor-accent-muted: #4184e466;
1270
- --borderColor-attention-emphasis: #966600;
1260
+ --borderColor-attention-emphasis: var(--base-color-yellow-5);
1271
1261
  --borderColor-attention-muted: #ae7c1466;
1272
- --borderColor-closed-emphasis: #c93c37;
1273
- --borderColor-closed-muted: #e5534b66;
1274
- --borderColor-danger-emphasis: #c93c37;
1262
+ --borderColor-danger-emphasis: var(--base-color-red-5);
1275
1263
  --borderColor-danger-muted: #e5534b66;
1276
- --borderColor-default: #3d444d;
1264
+ --borderColor-default: var(--base-color-neutral-7);
1277
1265
  --borderColor-disabled: #656c761a;
1278
- --borderColor-done-emphasis: #8256d0;
1266
+ --borderColor-done-emphasis: var(--base-color-purple-5);
1279
1267
  --borderColor-done-muted: #986ee266;
1280
- --borderColor-emphasis: #656c76;
1268
+ --borderColor-emphasis: var(--base-color-neutral-8);
1281
1269
  --borderColor-muted: #3d444db3;
1282
- --borderColor-neutral-emphasis: #656c76;
1283
1270
  --borderColor-neutral-muted: #3d444db3;
1284
- --borderColor-open-emphasis: #347d39;
1285
- --borderColor-open-muted: #46954a66;
1286
- --borderColor-severe-emphasis: #ae5622;
1271
+ --borderColor-severe-emphasis: var(--base-color-orange-5);
1287
1272
  --borderColor-severe-muted: #cc6b2c66;
1288
- --borderColor-sponsors-emphasis: #ae4c82;
1273
+ --borderColor-sponsors-emphasis: var(--base-color-pink-5);
1289
1274
  --borderColor-sponsors-muted: #c9619866;
1290
- --borderColor-success-emphasis: #347d39;
1275
+ --borderColor-success-emphasis: var(--base-color-green-5);
1291
1276
  --borderColor-success-muted: #46954a66;
1292
- --borderColor-translucent: #cdd9e526;
1293
- --borderColor-transparent: #00000000;
1294
- --borderColor-upsell-emphasis: #8256d0;
1295
- --borderColor-upsell-muted: #986ee266;
1296
- --borderRadius-default: 0.375rem;
1297
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1298
- --borderRadius-large: 0.75rem;
1299
- --borderRadius-medium: 0.375rem;
1300
- --borderRadius-small: 0.1875rem;
1301
- --borderWidth-default: 0.0625rem;
1302
- --borderWidth-thick: 0.125rem;
1303
- --borderWidth-thicker: 0.25rem;
1304
- --borderWidth-thin: 0.0625rem;
1305
- --boxShadow-thick: inset 0 0 0 0.125rem;
1306
- --boxShadow-thicker: inset 0 0 0 0.25rem;
1307
- --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
1308
- --button-danger-bgColor-active: #c33d38;
1309
- --button-danger-bgColor-disabled: #2a313c;
1310
- --button-danger-bgColor-hover: #ad2e2c;
1311
- --button-danger-bgColor-rest: #2a313c;
1312
- --button-danger-borderColor-active: #cdd9e51a;
1313
- --button-danger-borderColor-hover: #cdd9e51a;
1314
- --button-danger-borderColor-rest: #3d444d;
1315
- --button-danger-fgColor-active: #cdd9e5;
1316
- --button-danger-fgColor-disabled: #e5534b80;
1317
- --button-danger-fgColor-hover: #cdd9e5;
1318
- --button-danger-fgColor-rest: #ea5c53;
1319
- --button-danger-iconColor-hover: #cdd9e5;
1320
- --button-danger-iconColor-rest: #ea5c53;
1277
+ --borderColor-transparent: var(--base-color-transparent);
1278
+ --borderRadius-default: var(--borderRadius-medium);
1279
+ --borderWidth-default: var(--borderWidth-thin);
1280
+ --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1281
+ --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1282
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1283
+ --button-danger-bgColor-hover: var(--base-color-red-6);
1284
+ --button-danger-borderColor-rest: var(--control-borderColor-rest);
1321
1285
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1322
- --button-default-bgColor-active: #3d444d;
1323
- --button-default-bgColor-disabled: #2a313c;
1324
- --button-default-bgColor-hover: #2f3742;
1325
- --button-default-bgColor-rest: #2a313c;
1326
- --button-default-bgColor-selected: #3d444d;
1327
- --button-default-borderColor-active: #3d444d;
1328
- --button-default-borderColor-disabled: #656c761a;
1329
- --button-default-borderColor-hover: #3d444d;
1330
- --button-default-borderColor-rest: #3d444d;
1331
- --button-default-fgColor-rest: #d1d7e0;
1286
+ --button-default-borderColor-rest: var(--control-borderColor-rest);
1332
1287
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
1333
- --button-inactive-bgColor: #2a313c;
1334
- --button-inactive-fgColor: #656c76;
1335
- --button-invisible-bgColor-active: #656c7633;
1336
- --button-invisible-bgColor-disabled: #00000000;
1337
- --button-invisible-bgColor-hover: #656c7626;
1338
- --button-invisible-bgColor-rest: #00000000;
1339
- --button-invisible-borderColor-disabled: #00000000;
1340
- --button-invisible-borderColor-hover: #00000000;
1341
- --button-invisible-borderColor-rest: #00000000;
1342
- --button-invisible-fgColor-active: #d1d7e0;
1343
- --button-invisible-fgColor-disabled: #656c76;
1344
- --button-invisible-fgColor-hover: #d1d7e0;
1345
- --button-invisible-fgColor-rest: #d1d7e0;
1346
- --button-invisible-iconColor-disabled: #656c76;
1347
- --button-invisible-iconColor-hover: #b7bdc8;
1348
- --button-invisible-iconColor-rest: #b7bdc8;
1349
- --button-outline-bgColor-active: #1b4b91;
1350
- --button-outline-bgColor-disabled: #2a313c;
1351
- --button-outline-bgColor-hover: #2f3742;
1352
- --button-outline-bgColor-rest: #f0f6fc;
1353
- --button-outline-borderColor-hover: #3d444d;
1354
- --button-outline-borderColor-selected: #3d444d;
1355
- --button-outline-fgColor-active: #cdd9e5;
1356
- --button-outline-fgColor-disabled: #478be680;
1357
- --button-outline-fgColor-hover: #539bf5;
1358
- --button-outline-fgColor-rest: #4184e4;
1288
+ --button-inactive-bgColor: var(--base-color-neutral-5);
1289
+ --button-inactive-fgColor: var(--base-color-neutral-8);
1290
+ --button-invisible-bgColor-disabled: var(--base-color-transparent);
1291
+ --button-invisible-borderColor-disabled: var(--base-color-transparent);
1292
+ --button-invisible-iconColor-hover: var(--base-color-neutral-10);
1293
+ --button-invisible-iconColor-rest: var(--base-color-neutral-10);
1294
+ --button-outline-bgColor-active: var(--base-color-blue-7);
1295
+ --button-outline-bgColor-rest: var(--base-color-neutral-12);
1296
+ --button-outline-fgColor-hover: var(--base-color-blue-3);
1297
+ --button-outline-fgColor-rest: var(--base-color-blue-4);
1359
1298
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
1360
- --button-primary-bgColor-active: #428f46;
1361
- --button-primary-bgColor-disabled: #50a254;
1362
- --button-primary-bgColor-hover: #3b8640;
1363
- --button-primary-bgColor-rest: #347d39;
1364
- --button-primary-borderColor-active: #cdd9e51a;
1365
- --button-primary-borderColor-disabled: #50a254;
1366
- --button-primary-borderColor-hover: #cdd9e51a;
1367
- --button-primary-borderColor-rest: #cdd9e51a;
1368
- --button-primary-fgColor-disabled: #cdd9e566;
1369
- --button-primary-fgColor-rest: #ffffff;
1370
- --button-primary-iconColor-rest: #ffffff;
1371
1299
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
1372
- --button-star-iconColor: #daaa3f;
1373
- --buttonCounter-danger-bgColor-disabled: #c93c370d;
1374
- --buttonCounter-danger-bgColor-hover: #cdd9e533;
1300
+ --button-star-iconColor: var(--base-color-yellow-2);
1375
1301
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
1376
- --buttonCounter-danger-fgColor-disabled: #e5534b80;
1377
- --buttonCounter-danger-fgColor-hover: #cdd9e5;
1378
- --buttonCounter-danger-fgColor-rest: #e5534b;
1379
- --buttonCounter-default-bgColor-rest: #2f3742;
1380
- --buttonCounter-invisible-bgColor-rest: #656c7633;
1381
- --buttonCounter-outline-bgColor-disabled: #316dca0d;
1302
+ --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
1382
1303
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
1383
1304
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
1384
1305
  --buttonCounter-outline-fgColor-disabled: #478be680;
1385
- --buttonCounter-outline-fgColor-hover: #539bf5;
1386
- --buttonCounter-outline-fgColor-rest: #4184e4;
1306
+ --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1307
+ --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1387
1308
  --buttonCounter-primary-bgColor-rest: #11341733;
1388
- --card-bgColor: #262c36;
1389
- --codeMirror-activeline-bgColor: #656c7633;
1390
- --codeMirror-bgColor: #212830;
1391
- --codeMirror-cursor-fgColor: #d1d7e0;
1392
- --codeMirror-fgColor: #d1d7e0;
1393
- --codeMirror-gutterMarker-fgColor-default: #212830;
1394
- --codeMirror-gutterMarker-fgColor-muted: #9198a1;
1395
- --codeMirror-gutters-bgColor: #212830;
1396
- --codeMirror-lineNumber-fgColor: #9198a1;
1397
- --codeMirror-lines-bgColor: #212830;
1398
- --codeMirror-matchingBracket-fgColor: #d1d7e0;
1399
- --codeMirror-selection-bgColor: #4184e466;
1400
- --codeMirror-syntax-fgColor-comment: #656c76;
1401
- --codeMirror-syntax-fgColor-constant: #6cb6ff;
1402
- --codeMirror-syntax-fgColor-entity: #dcbdfb;
1403
- --codeMirror-syntax-fgColor-keyword: #f47067;
1404
- --codeMirror-syntax-fgColor-storage: #f47067;
1405
- --codeMirror-syntax-fgColor-string: #96d0ff;
1406
- --codeMirror-syntax-fgColor-support: #6cb6ff;
1407
- --codeMirror-syntax-fgColor-variable: #f69d50;
1408
- --color-ansi-black: #2f3742;
1409
- --color-ansi-black-bright: #656c76;
1410
- --color-ansi-blue: #539bf5;
1411
- --color-ansi-blue-bright: #6cb6ff;
1412
- --color-ansi-cyan: #39c5cf;
1413
- --color-ansi-cyan-bright: #56d4dd;
1414
- --color-ansi-gray: #656c76;
1415
- --color-ansi-green: #57ab5a;
1416
- --color-ansi-green-bright: #6bc46d;
1417
- --color-ansi-magenta: #b083f0;
1418
- --color-ansi-magenta-bright: #dcbdfb;
1419
- --color-ansi-red: #f47067;
1420
- --color-ansi-red-bright: #ff938a;
1421
- --color-ansi-white: #f0f6fc;
1422
- --color-ansi-white-bright: #cdd9e5;
1423
- --color-ansi-yellow: #c69026;
1424
- --color-ansi-yellow-bright: #daaa3f;
1425
- --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
1426
- --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
1427
- --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
1428
- --color-prettylights-syntax-carriage-return-text: #f0f6fc;
1429
- --color-prettylights-syntax-comment: #9198a1;
1430
- --color-prettylights-syntax-constant: #6cb6ff;
1431
- --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
1432
- --color-prettylights-syntax-entity: #dcbdfb;
1433
- --color-prettylights-syntax-entity-tag: #8ddb8c;
1434
- --color-prettylights-syntax-invalid-illegal-bg: #922323;
1435
- --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
1436
- --color-prettylights-syntax-keyword: #f47067;
1437
- --color-prettylights-syntax-markup-bold: #f0f6fc;
1438
- --color-prettylights-syntax-markup-changed-bg: #682d0f;
1439
- --color-prettylights-syntax-markup-changed-text: #ffddb0;
1440
- --color-prettylights-syntax-markup-deleted-bg: #78191b;
1441
- --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
1442
- --color-prettylights-syntax-markup-heading: #316dca;
1443
- --color-prettylights-syntax-markup-ignored-bg: #255ab2;
1444
- --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
1445
- --color-prettylights-syntax-markup-inserted-bg: #1b4721;
1446
- --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
1447
- --color-prettylights-syntax-markup-italic: #f0f6fc;
1448
- --color-prettylights-syntax-markup-list: #eac55f;
1449
- --color-prettylights-syntax-meta-diff-range: #dcbdfb;
1450
- --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
1451
- --color-prettylights-syntax-string: #96d0ff;
1452
- --color-prettylights-syntax-string-regexp: #8ddb8c;
1453
- --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
1454
- --color-prettylights-syntax-variable: #f69d50;
1455
- --control-bgColor-active: #3d444d;
1456
- --control-bgColor-disabled: #2a313c;
1457
- --control-bgColor-hover: #2f3742;
1458
- --control-bgColor-rest: #2a313c;
1459
- --control-bgColor-selected: #2a313c;
1460
- --control-borderColor-danger: #c93c37;
1309
+ --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1310
+ --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
1311
+ --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
1312
+ --codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
1313
+ --codeMirror-syntax-fgColor-storage: var(--base-color-red-3);
1314
+ --codeMirror-syntax-fgColor-string: var(--base-color-blue-1);
1315
+ --codeMirror-syntax-fgColor-support: var(--base-color-blue-2);
1316
+ --codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
1317
+ --color-ansi-black: var(--base-color-neutral-6);
1318
+ --color-ansi-black-bright: var(--base-color-neutral-8);
1319
+ --color-ansi-blue: var(--base-color-blue-3);
1320
+ --color-ansi-blue-bright: var(--base-color-blue-2);
1321
+ --color-ansi-gray: var(--base-color-neutral-8);
1322
+ --color-ansi-green: var(--base-color-green-3);
1323
+ --color-ansi-green-bright: var(--base-color-green-2);
1324
+ --color-ansi-magenta: var(--base-color-purple-3);
1325
+ --color-ansi-magenta-bright: var(--base-color-purple-2);
1326
+ --color-ansi-red: var(--base-color-red-3);
1327
+ --color-ansi-red-bright: var(--base-color-red-2);
1328
+ --color-ansi-white: var(--base-color-neutral-12);
1329
+ --color-ansi-yellow: var(--base-color-yellow-3);
1330
+ --color-ansi-yellow-bright: var(--base-color-yellow-2);
1331
+ --color-prettylights-syntax-brackethighlighter-angle: var(--base-color-neutral-9);
1332
+ --color-prettylights-syntax-brackethighlighter-unmatched: var(--base-color-red-4);
1333
+ --color-prettylights-syntax-carriage-return-bg: var(--base-color-red-6);
1334
+ --color-prettylights-syntax-carriage-return-text: var(--base-color-neutral-12);
1335
+ --color-prettylights-syntax-comment: var(--base-color-neutral-9);
1336
+ --color-prettylights-syntax-constant: var(--base-color-blue-2);
1337
+ --color-prettylights-syntax-constant-other-reference-link: var(--base-color-blue-1);
1338
+ --color-prettylights-syntax-entity: var(--base-color-purple-2);
1339
+ --color-prettylights-syntax-entity-tag: var(--base-color-green-1);
1340
+ --color-prettylights-syntax-invalid-illegal-bg: var(--base-color-red-7);
1341
+ --color-prettylights-syntax-invalid-illegal-text: var(--base-color-neutral-12);
1342
+ --color-prettylights-syntax-keyword: var(--base-color-red-3);
1343
+ --color-prettylights-syntax-markup-bold: var(--base-color-neutral-12);
1344
+ --color-prettylights-syntax-markup-changed-bg: var(--base-color-orange-8);
1345
+ --color-prettylights-syntax-markup-changed-text: var(--base-color-orange-0);
1346
+ --color-prettylights-syntax-markup-deleted-bg: var(--base-color-red-8);
1347
+ --color-prettylights-syntax-markup-deleted-text: var(--base-color-red-0);
1348
+ --color-prettylights-syntax-markup-heading: var(--base-color-blue-5);
1349
+ --color-prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6);
1350
+ --color-prettylights-syntax-markup-ignored-text: var(--base-color-neutral-12);
1351
+ --color-prettylights-syntax-markup-inserted-bg: var(--base-color-green-8);
1352
+ --color-prettylights-syntax-markup-inserted-text: var(--base-color-green-0);
1353
+ --color-prettylights-syntax-markup-italic: var(--base-color-neutral-12);
1354
+ --color-prettylights-syntax-markup-list: var(--base-color-yellow-1);
1355
+ --color-prettylights-syntax-meta-diff-range: var(--base-color-purple-2);
1356
+ --color-prettylights-syntax-storage-modifier-import: var(--base-color-neutral-12);
1357
+ --color-prettylights-syntax-string: var(--base-color-blue-1);
1358
+ --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
1359
+ --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
1360
+ --color-prettylights-syntax-variable: var(--base-color-orange-2);
1361
+ --control-bgColor-active: var(--base-color-neutral-7);
1362
+ --control-bgColor-hover: var(--base-color-neutral-6);
1363
+ --control-bgColor-rest: var(--base-color-neutral-5);
1461
1364
  --control-borderColor-disabled: #656c761a;
1462
- --control-borderColor-emphasis: #656c76;
1463
- --control-borderColor-rest: #3d444d;
1464
- --control-borderColor-selected: #f0f6fc;
1465
- --control-borderColor-success: #347d39;
1466
- --control-borderColor-warning: #966600;
1467
- --control-checked-bgColor-active: #3f7fdb;
1468
- --control-checked-bgColor-disabled: #656c76;
1469
- --control-checked-bgColor-hover: #3876d3;
1470
- --control-checked-bgColor-rest: #316dca;
1471
- --control-checked-borderColor-active: #3f7fdb;
1472
- --control-checked-borderColor-disabled: #656c76;
1473
- --control-checked-borderColor-hover: #3876d3;
1474
- --control-checked-borderColor-rest: #316dca;
1475
- --control-checked-fgColor-disabled: #1c2128;
1476
- --control-checked-fgColor-rest: #f0f6fc;
1477
- --control-danger-bgColor-active: #e5534b66;
1478
- --control-danger-bgColor-hover: #e5534b1a;
1479
- --control-danger-fgColor-hover: #f47067;
1480
- --control-danger-fgColor-rest: #e5534b;
1481
- --control-fgColor-disabled: #656c76;
1482
- --control-fgColor-placeholder: #9198a1;
1483
- --control-fgColor-rest: #d1d7e0;
1484
- --control-iconColor-rest: #9198a1;
1365
+ --control-borderColor-selected: var(--base-color-neutral-12);
1366
+ --control-danger-fgColor-hover: var(--base-color-red-3);
1485
1367
  --control-transparent-bgColor-active: #656c7633;
1486
- --control-transparent-bgColor-disabled: #2a313c;
1487
1368
  --control-transparent-bgColor-hover: #656c7626;
1488
- --control-transparent-bgColor-rest: #00000000;
1369
+ --control-transparent-bgColor-rest: var(--base-color-transparent);
1489
1370
  --control-transparent-bgColor-selected: #656c761a;
1490
- --control-transparent-borderColor-active: #00000000;
1491
- --control-transparent-borderColor-hover: #00000000;
1492
- --control-transparent-borderColor-rest: #00000000;
1493
- --controlKnob-bgColor-checked: #cdd9e5;
1494
- --controlKnob-bgColor-disabled: #2a313c;
1495
- --controlKnob-bgColor-rest: #151b23;
1496
- --controlKnob-borderColor-checked: #316dca;
1497
- --controlKnob-borderColor-disabled: #2a313c;
1498
- --controlKnob-borderColor-rest: #656c76;
1499
- --controlTrack-bgColor-active: #3d444d;
1500
- --controlTrack-bgColor-disabled: #656c76;
1501
- --controlTrack-bgColor-hover: #2f3742;
1502
- --controlTrack-bgColor-rest: #2a313c;
1503
- --controlTrack-borderColor-disabled: #656c76;
1504
- --controlTrack-borderColor-rest: #3d444d;
1505
- --controlTrack-fgColor-disabled: #f0f6fc;
1506
- --controlTrack-fgColor-rest: #9198a1;
1507
- --counter-bgColor-emphasis: #656c76;
1508
- --counter-bgColor-muted: #656c7633;
1509
- --counter-borderColor: #00000000;
1510
- --data-auburn-color-emphasis: #a86f6b;
1511
- --data-auburn-color-muted: #271817;
1512
- --data-blue-color-emphasis: #0576ff;
1513
- --data-blue-color-muted: #001a47;
1514
- --data-gray-color-emphasis: #576270;
1515
- --data-gray-color-muted: #1c1c1c;
1516
- --data-green-color-emphasis: #2f6f37;
1517
- --data-green-color-muted: #122117;
1518
- --data-orange-color-emphasis: #984b10;
1519
- --data-orange-color-muted: #311708;
1520
- --data-pink-color-emphasis: #d34591;
1521
- --data-pink-color-muted: #2d1524;
1522
- --data-purple-color-emphasis: #975bf1;
1523
- --data-purple-color-muted: #211047;
1524
- --data-red-color-emphasis: #eb3342;
1525
- --data-red-color-muted: #3c0614;
1526
- --data-teal-color-emphasis: #106c70;
1527
- --data-teal-color-muted: #041f25;
1528
- --data-yellow-color-emphasis: #895906;
1529
- --data-yellow-color-muted: #2e1a00;
1530
- --diffBlob-additionLine-bgColor: #46954a26;
1531
- --diffBlob-additionLine-fgColor: #d1d7e0;
1371
+ --control-transparent-borderColor-active: var(--base-color-transparent);
1372
+ --control-transparent-borderColor-hover: var(--base-color-transparent);
1373
+ --control-transparent-borderColor-rest: var(--base-color-transparent);
1374
+ --controlTrack-bgColor-active: var(--base-color-neutral-7);
1375
+ --controlTrack-bgColor-hover: var(--base-color-neutral-6);
1376
+ --controlTrack-bgColor-rest: var(--base-color-neutral-5);
1377
+ --controlTrack-borderColor-rest: var(--base-color-neutral-7);
1378
+ --counter-borderColor: var(--base-color-transparent);
1379
+ --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
1380
+ --data-auburn-color-muted: var(--base-display-color-auburn-0);
1381
+ --data-blue-color-emphasis: var(--base-display-color-blue-5);
1382
+ --data-blue-color-muted: var(--base-display-color-blue-0);
1383
+ --data-gray-color-emphasis: var(--base-display-color-gray-4);
1384
+ --data-gray-color-muted: var(--base-display-color-gray-0);
1385
+ --data-green-color-emphasis: var(--base-display-color-green-4);
1386
+ --data-green-color-muted: var(--base-display-color-green-0);
1387
+ --data-orange-color-emphasis: var(--base-display-color-orange-4);
1388
+ --data-orange-color-muted: var(--base-display-color-orange-0);
1389
+ --data-pink-color-emphasis: var(--base-display-color-pink-5);
1390
+ --data-pink-color-muted: var(--base-display-color-pink-0);
1391
+ --data-purple-color-emphasis: var(--base-display-color-purple-5);
1392
+ --data-purple-color-muted: var(--base-display-color-purple-0);
1393
+ --data-red-color-emphasis: var(--base-display-color-red-5);
1394
+ --data-red-color-muted: var(--base-display-color-red-0);
1395
+ --data-teal-color-emphasis: var(--base-display-color-teal-4);
1396
+ --data-teal-color-muted: var(--base-display-color-teal-0);
1397
+ --data-yellow-color-emphasis: var(--base-display-color-yellow-4);
1398
+ --data-yellow-color-muted: var(--base-display-color-yellow-0);
1532
1399
  --diffBlob-additionNum-bgColor: #57ab5a4d;
1533
- --diffBlob-additionNum-fgColor: #d1d7e0;
1534
1400
  --diffBlob-additionWord-bgColor: #46954a66;
1535
- --diffBlob-additionWord-fgColor: #d1d7e0;
1536
- --diffBlob-deletionLine-bgColor: #e5534b1a;
1537
- --diffBlob-deletionLine-fgColor: #d1d7e0;
1538
1401
  --diffBlob-deletionNum-bgColor: #e5534b4d;
1539
- --diffBlob-deletionNum-fgColor: #d1d7e0;
1540
1402
  --diffBlob-deletionWord-bgColor: #e5534b66;
1541
- --diffBlob-deletionWord-fgColor: #d1d7e0;
1542
- --diffBlob-emptyLine-bgColor: #262c36;
1543
- --diffBlob-emptyNum-bgColor: #262c36;
1544
- --diffBlob-expander-iconColor: #9198a1;
1545
- --diffBlob-hunkLine-bgColor: #4184e41a;
1546
- --diffBlob-hunkLine-fgColor: #9198a1;
1547
- --diffBlob-hunkNum-bgColor-hover: #316dca;
1548
- --diffBlob-hunkNum-bgColor-rest: #143d79;
1549
- --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
1550
- --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
1551
- --display-auburn-bgColor-emphasis: #87534f;
1552
- --display-auburn-bgColor-muted: #271817;
1553
- --display-auburn-borderColor-emphasis: #a86f6b;
1554
- --display-auburn-borderColor-muted: #3a2422;
1555
- --display-auburn-fgColor: #bf9592;
1556
- --display-blue-bgColor-emphasis: #005bd1;
1557
- --display-blue-bgColor-muted: #001a47;
1558
- --display-blue-borderColor-emphasis: #0576ff;
1559
- --display-blue-borderColor-muted: #002766;
1560
- --display-blue-fgColor: #4da0ff;
1561
- --display-brown-bgColor-emphasis: #755e3e;
1562
- --display-brown-bgColor-muted: #241c14;
1563
- --display-brown-borderColor-emphasis: #94774c;
1564
- --display-brown-borderColor-muted: #342a1d;
1565
- --display-brown-fgColor: #b69a6d;
1566
- --display-coral-bgColor-emphasis: #c31328;
1567
- --display-coral-bgColor-muted: #3c0614;
1568
- --display-coral-borderColor-emphasis: #eb3342;
1569
- --display-coral-borderColor-muted: #58091a;
1570
- --display-coral-fgColor: #f27d83;
1571
- --display-cyan-bgColor-emphasis: #036a8c;
1572
- --display-cyan-bgColor-muted: #001f29;
1573
- --display-cyan-borderColor-emphasis: #0587b3;
1574
- --display-cyan-borderColor-muted: #002e3d;
1575
- --display-cyan-fgColor: #07ace4;
1576
- --display-gray-bgColor-emphasis: #576270;
1577
- --display-gray-bgColor-muted: #1c1c1c;
1578
- --display-gray-borderColor-emphasis: #6e7f96;
1579
- --display-gray-borderColor-muted: #2a2b2d;
1580
- --display-gray-fgColor: #92a1b5;
1581
- --display-green-bgColor-emphasis: #2f6f37;
1582
- --display-green-bgColor-muted: #122117;
1583
- --display-green-borderColor-emphasis: #388f3f;
1584
- --display-green-borderColor-muted: #182f1f;
1585
- --display-green-fgColor: #41b445;
1586
- --display-indigo-bgColor-emphasis: #514ed4;
1587
- --display-indigo-bgColor-muted: #1b183f;
1588
- --display-indigo-borderColor-emphasis: #7070e1;
1589
- --display-indigo-borderColor-muted: #25215f;
1590
- --display-indigo-fgColor: #9899ec;
1591
- --display-lemon-bgColor-emphasis: #786008;
1592
- --display-lemon-bgColor-muted: #291d00;
1593
- --display-lemon-borderColor-emphasis: #977b0c;
1594
- --display-lemon-borderColor-muted: #372901;
1595
- --display-lemon-fgColor: #ba9b12;
1596
- --display-lime-bgColor-emphasis: #496c28;
1597
- --display-lime-bgColor-muted: #141f0f;
1598
- --display-lime-borderColor-emphasis: #5f892f;
1599
- --display-lime-borderColor-muted: #1f3116;
1600
- --display-lime-fgColor: #7dae37;
1601
- --display-olive-bgColor-emphasis: #5e681d;
1602
- --display-olive-bgColor-muted: #171e0b;
1603
- --display-olive-borderColor-emphasis: #7a8321;
1604
- --display-olive-borderColor-muted: #252d10;
1605
- --display-olive-fgColor: #a2a626;
1606
- --display-orange-bgColor-emphasis: #984b10;
1607
- --display-orange-bgColor-muted: #311708;
1608
- --display-orange-borderColor-emphasis: #c46212;
1609
- --display-orange-borderColor-muted: #43200a;
1610
- --display-orange-fgColor: #ed8326;
1611
- --display-pine-bgColor-emphasis: #14714c;
1612
- --display-pine-bgColor-muted: #082119;
1613
- --display-pine-borderColor-emphasis: #18915e;
1614
- --display-pine-borderColor-muted: #0b3224;
1615
- --display-pine-fgColor: #1bb673;
1616
- --display-pink-bgColor-emphasis: #ac2f74;
1617
- --display-pink-bgColor-muted: #2d1524;
1618
- --display-pink-borderColor-emphasis: #d34591;
1619
- --display-pink-borderColor-muted: #451c35;
1620
- --display-pink-fgColor: #e57bb2;
1621
- --display-plum-bgColor-emphasis: #9518d8;
1622
- --display-plum-bgColor-muted: #2a0e3f;
1623
- --display-plum-borderColor-emphasis: #b643ef;
1624
- --display-plum-borderColor-muted: #40125e;
1625
- --display-plum-fgColor: #d07ef7;
1626
- --display-purple-bgColor-emphasis: #7730e8;
1627
- --display-purple-bgColor-muted: #211047;
1628
- --display-purple-borderColor-emphasis: #975bf1;
1629
- --display-purple-borderColor-muted: #31146b;
1630
- --display-purple-fgColor: #b687f7;
1631
- --display-red-bgColor-emphasis: #c31328;
1632
- --display-red-bgColor-muted: #3c0614;
1633
- --display-red-borderColor-emphasis: #eb3342;
1634
- --display-red-borderColor-muted: #58091a;
1635
- --display-red-fgColor: #f27d83;
1636
- --display-teal-bgColor-emphasis: #106c70;
1637
- --display-teal-bgColor-muted: #041f25;
1638
- --display-teal-borderColor-emphasis: #158a8a;
1639
- --display-teal-borderColor-muted: #073036;
1640
- --display-teal-fgColor: #1cb0ab;
1641
- --display-yellow-bgColor-emphasis: #895906;
1642
- --display-yellow-bgColor-muted: #2e1a00;
1643
- --display-yellow-borderColor-emphasis: #aa7109;
1644
- --display-yellow-borderColor-muted: #3d2401;
1645
- --display-yellow-fgColor: #d3910d;
1646
- --fgColor-accent: #478be6;
1647
- --fgColor-attention: #c69026;
1648
- --fgColor-black: #1c2128;
1649
- --fgColor-closed: #e5534b;
1650
- --fgColor-danger: #e5534b;
1651
- --fgColor-default: #d1d7e0;
1652
- --fgColor-disabled: #656c76;
1653
- --fgColor-done: #986ee2;
1654
- --fgColor-link: #478be6;
1655
- --fgColor-muted: #9198a1;
1656
- --fgColor-neutral: #9198a1;
1657
- --fgColor-onEmphasis: #f0f6fc;
1658
- --fgColor-onInverse: #1c2128;
1659
- --fgColor-open: #57ab5a;
1660
- --fgColor-severe: #cc6b2c;
1661
- --fgColor-sponsors: #c96198;
1662
- --fgColor-success: #57ab5a;
1663
- --fgColor-upsell: #986ee2;
1664
- --fgColor-white: #cdd9e5;
1665
- --focus-outline: 2px solid #316dca;
1666
- --focus-outlineColor: #316dca;
1403
+ --diffBlob-hunkNum-bgColor-rest: var(--base-color-blue-8);
1404
+ --display-auburn-bgColor-emphasis: var(--base-display-color-auburn-4);
1405
+ --display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
1406
+ --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
1407
+ --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
1408
+ --display-auburn-fgColor: var(--base-display-color-auburn-6);
1409
+ --display-blue-bgColor-emphasis: var(--base-display-color-blue-4);
1410
+ --display-blue-bgColor-muted: var(--base-display-color-blue-0);
1411
+ --display-blue-borderColor-emphasis: var(--base-display-color-blue-5);
1412
+ --display-blue-borderColor-muted: var(--base-display-color-blue-1);
1413
+ --display-blue-fgColor: var(--base-display-color-blue-6);
1414
+ --display-brown-bgColor-emphasis: var(--base-display-color-brown-4);
1415
+ --display-brown-bgColor-muted: var(--base-display-color-brown-0);
1416
+ --display-brown-borderColor-emphasis: var(--base-display-color-brown-5);
1417
+ --display-brown-borderColor-muted: var(--base-display-color-brown-1);
1418
+ --display-brown-fgColor: var(--base-display-color-brown-6);
1419
+ --display-coral-bgColor-emphasis: var(--base-display-color-red-4);
1420
+ --display-coral-bgColor-muted: var(--base-display-color-red-0);
1421
+ --display-coral-borderColor-emphasis: var(--base-display-color-red-5);
1422
+ --display-coral-borderColor-muted: var(--base-display-color-red-1);
1423
+ --display-coral-fgColor: var(--base-display-color-red-6);
1424
+ --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-4);
1425
+ --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
1426
+ --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-5);
1427
+ --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
1428
+ --display-cyan-fgColor: var(--base-display-color-cyan-6);
1429
+ --display-gray-bgColor-emphasis: var(--base-display-color-gray-4);
1430
+ --display-gray-bgColor-muted: var(--base-display-color-gray-0);
1431
+ --display-gray-borderColor-emphasis: var(--base-display-color-gray-5);
1432
+ --display-gray-borderColor-muted: var(--base-display-color-gray-1);
1433
+ --display-gray-fgColor: var(--base-display-color-gray-6);
1434
+ --display-green-bgColor-emphasis: var(--base-display-color-green-4);
1435
+ --display-green-bgColor-muted: var(--base-display-color-green-0);
1436
+ --display-green-borderColor-emphasis: var(--base-display-color-green-5);
1437
+ --display-green-borderColor-muted: var(--base-display-color-green-1);
1438
+ --display-green-fgColor: var(--base-display-color-green-6);
1439
+ --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-4);
1440
+ --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
1441
+ --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-5);
1442
+ --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
1443
+ --display-indigo-fgColor: var(--base-display-color-indigo-6);
1444
+ --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-4);
1445
+ --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
1446
+ --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-5);
1447
+ --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
1448
+ --display-lemon-fgColor: var(--base-display-color-lemon-6);
1449
+ --display-lime-bgColor-emphasis: var(--base-display-color-lime-4);
1450
+ --display-lime-bgColor-muted: var(--base-display-color-lime-0);
1451
+ --display-lime-borderColor-emphasis: var(--base-display-color-lime-5);
1452
+ --display-lime-borderColor-muted: var(--base-display-color-lime-1);
1453
+ --display-lime-fgColor: var(--base-display-color-lime-6);
1454
+ --display-olive-bgColor-emphasis: var(--base-display-color-olive-4);
1455
+ --display-olive-bgColor-muted: var(--base-display-color-olive-0);
1456
+ --display-olive-borderColor-emphasis: var(--base-display-color-olive-5);
1457
+ --display-olive-borderColor-muted: var(--base-display-color-olive-1);
1458
+ --display-olive-fgColor: var(--base-display-color-olive-6);
1459
+ --display-orange-bgColor-emphasis: var(--base-display-color-orange-4);
1460
+ --display-orange-bgColor-muted: var(--base-display-color-orange-0);
1461
+ --display-orange-borderColor-emphasis: var(--base-display-color-orange-5);
1462
+ --display-orange-borderColor-muted: var(--base-display-color-orange-1);
1463
+ --display-orange-fgColor: var(--base-display-color-orange-6);
1464
+ --display-pine-bgColor-emphasis: var(--base-display-color-pine-4);
1465
+ --display-pine-bgColor-muted: var(--base-display-color-pine-0);
1466
+ --display-pine-borderColor-emphasis: var(--base-display-color-pine-5);
1467
+ --display-pine-borderColor-muted: var(--base-display-color-pine-1);
1468
+ --display-pine-fgColor: var(--base-display-color-pine-6);
1469
+ --display-pink-bgColor-emphasis: var(--base-display-color-pink-4);
1470
+ --display-pink-bgColor-muted: var(--base-display-color-pink-0);
1471
+ --display-pink-borderColor-emphasis: var(--base-display-color-pink-5);
1472
+ --display-pink-borderColor-muted: var(--base-display-color-pink-1);
1473
+ --display-pink-fgColor: var(--base-display-color-pink-6);
1474
+ --display-plum-bgColor-emphasis: var(--base-display-color-plum-4);
1475
+ --display-plum-bgColor-muted: var(--base-display-color-plum-0);
1476
+ --display-plum-borderColor-emphasis: var(--base-display-color-plum-5);
1477
+ --display-plum-borderColor-muted: var(--base-display-color-plum-1);
1478
+ --display-plum-fgColor: var(--base-display-color-plum-6);
1479
+ --display-purple-bgColor-emphasis: var(--base-display-color-purple-4);
1480
+ --display-purple-bgColor-muted: var(--base-display-color-purple-0);
1481
+ --display-purple-borderColor-emphasis: var(--base-display-color-purple-5);
1482
+ --display-purple-borderColor-muted: var(--base-display-color-purple-1);
1483
+ --display-purple-fgColor: var(--base-display-color-purple-6);
1484
+ --display-red-bgColor-emphasis: var(--base-display-color-red-4);
1485
+ --display-red-bgColor-muted: var(--base-display-color-red-0);
1486
+ --display-red-borderColor-emphasis: var(--base-display-color-red-5);
1487
+ --display-red-borderColor-muted: var(--base-display-color-red-1);
1488
+ --display-red-fgColor: var(--base-display-color-red-6);
1489
+ --display-teal-bgColor-emphasis: var(--base-display-color-teal-4);
1490
+ --display-teal-bgColor-muted: var(--base-display-color-teal-0);
1491
+ --display-teal-borderColor-emphasis: var(--base-display-color-teal-5);
1492
+ --display-teal-borderColor-muted: var(--base-display-color-teal-1);
1493
+ --display-teal-fgColor: var(--base-display-color-teal-6);
1494
+ --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-4);
1495
+ --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
1496
+ --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-5);
1497
+ --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
1498
+ --display-yellow-fgColor: var(--base-display-color-yellow-6);
1499
+ --fgColor-attention: var(--base-color-yellow-3);
1500
+ --fgColor-danger: var(--base-color-red-4);
1501
+ --fgColor-default: var(--base-color-neutral-11);
1502
+ --fgColor-disabled: var(--base-color-neutral-8);
1503
+ --fgColor-done: var(--base-color-purple-4);
1504
+ --fgColor-link: var(--fgColor-accent);
1505
+ --fgColor-muted: var(--base-color-neutral-9);
1506
+ --fgColor-neutral: var(--base-color-neutral-9);
1507
+ --fgColor-onEmphasis: var(--base-color-neutral-12);
1508
+ --fgColor-severe: var(--base-color-orange-4);
1509
+ --fgColor-sponsors: var(--base-color-pink-4);
1510
+ --fgColor-success: var(--base-color-green-3);
1667
1511
  --header-bgColor: #151b23f2;
1668
- --header-borderColor-divider: #656c76;
1669
- --header-fgColor-default: #cdd9e5b3;
1670
- --header-fgColor-logo: #f0f6fc;
1671
- --headerSearch-bgColor: #0d1117;
1672
- --headerSearch-borderColor: #2a313c;
1512
+ --header-borderColor-divider: var(--base-color-neutral-8);
1513
+ --header-fgColor-logo: var(--base-color-neutral-12);
1514
+ --headerSearch-bgColor: var(--base-color-neutral-1);
1515
+ --headerSearch-borderColor: var(--base-color-neutral-5);
1673
1516
  --highlight-neutral-bgColor: #c6902666;
1674
- --label-auburn-bgColor-active: #543331;
1675
- --label-auburn-bgColor-hover: #3a2422;
1676
- --label-auburn-bgColor-rest: #271817;
1677
- --label-auburn-fgColor-active: #d4b7b5;
1678
- --label-auburn-fgColor-hover: #c6a19f;
1679
- --label-auburn-fgColor-rest: #bf9592;
1680
- --label-blue-bgColor-active: #00378a;
1681
- --label-blue-bgColor-hover: #002766;
1682
- --label-blue-bgColor-rest: #001a47;
1683
- --label-blue-fgColor-active: #85c2ff;
1684
- --label-blue-fgColor-hover: #61adff;
1685
- --label-blue-fgColor-rest: #4da0ff;
1686
- --label-brown-bgColor-active: #483a28;
1687
- --label-brown-bgColor-hover: #342a1d;
1688
- --label-brown-bgColor-rest: #241c14;
1689
- --label-brown-fgColor-active: #cdbb98;
1690
- --label-brown-fgColor-hover: #bfa77d;
1691
- --label-brown-fgColor-rest: #b69a6d;
1692
- --label-coral-bgColor-active: #72220d;
1693
- --label-coral-bgColor-hover: #51180b;
1694
- --label-coral-bgColor-rest: #351008;
1695
- --label-coral-fgColor-active: #fdaa86;
1696
- --label-coral-fgColor-hover: #fa8c61;
1697
- --label-coral-fgColor-rest: #f7794b;
1698
- --label-cyan-bgColor-active: #014156;
1699
- --label-cyan-bgColor-hover: #002e3d;
1700
- --label-cyan-bgColor-rest: #001f29;
1701
- --label-cyan-fgColor-active: #45cbf7;
1702
- --label-cyan-fgColor-hover: #09b7f1;
1703
- --label-cyan-fgColor-rest: #07ace4;
1704
- --label-gray-bgColor-active: #393d41;
1705
- --label-gray-bgColor-hover: #2a2b2d;
1706
- --label-gray-bgColor-rest: #1c1c1c;
1707
- --label-gray-fgColor-active: #b3c0d1;
1708
- --label-gray-fgColor-hover: #9babbf;
1709
- --label-gray-fgColor-rest: #92a1b5;
1710
- --label-green-bgColor-active: #214529;
1711
- --label-green-bgColor-hover: #182f1f;
1712
- --label-green-bgColor-rest: #122117;
1713
- --label-green-fgColor-active: #75d36f;
1714
- --label-green-fgColor-hover: #46c144;
1715
- --label-green-fgColor-rest: #41b445;
1716
- --label-indigo-bgColor-active: #312c90;
1717
- --label-indigo-bgColor-hover: #25215f;
1718
- --label-indigo-bgColor-rest: #1b183f;
1719
- --label-indigo-fgColor-active: #b7baf6;
1720
- --label-indigo-fgColor-hover: #a2a5f1;
1721
- --label-indigo-fgColor-rest: #9899ec;
1722
- --label-lemon-bgColor-active: #4f3c02;
1723
- --label-lemon-bgColor-hover: #372901;
1724
- --label-lemon-bgColor-rest: #291d00;
1725
- --label-lemon-fgColor-active: #d7bc1d;
1726
- --label-lemon-fgColor-hover: #c4a717;
1727
- --label-lemon-fgColor-rest: #ba9b12;
1728
- --label-lime-bgColor-active: #2c441d;
1729
- --label-lime-bgColor-hover: #1f3116;
1730
- --label-lime-bgColor-rest: #141f0f;
1731
- --label-lime-fgColor-active: #9fcc3e;
1732
- --label-lime-fgColor-hover: #89ba36;
1733
- --label-lime-fgColor-rest: #7dae37;
1734
- --label-olive-bgColor-active: #374115;
1735
- --label-olive-bgColor-hover: #252d10;
1736
- --label-olive-bgColor-rest: #171e0b;
1737
- --label-olive-fgColor-active: #cbc025;
1738
- --label-olive-fgColor-hover: #b2af24;
1739
- --label-olive-fgColor-rest: #a2a626;
1740
- --label-orange-bgColor-active: #632f0d;
1741
- --label-orange-bgColor-hover: #43200a;
1742
- --label-orange-bgColor-rest: #311708;
1743
- --label-orange-fgColor-active: #f6b06a;
1744
- --label-orange-fgColor-hover: #f1933b;
1745
- --label-orange-fgColor-rest: #ed8326;
1746
- --label-pine-bgColor-active: #0e4430;
1747
- --label-pine-bgColor-hover: #0b3224;
1748
- --label-pine-bgColor-rest: #082119;
1749
- --label-pine-fgColor-active: #1bda81;
1750
- --label-pine-fgColor-hover: #1ac176;
1751
- --label-pine-fgColor-rest: #1bb673;
1752
- --label-pink-bgColor-active: #65244a;
1753
- --label-pink-bgColor-hover: #451c35;
1754
- --label-pink-bgColor-rest: #2d1524;
1755
- --label-pink-fgColor-active: #f4a9cd;
1756
- --label-pink-fgColor-hover: #ec8dbd;
1757
- --label-pink-fgColor-rest: #e57bb2;
1758
- --label-plum-bgColor-active: #5c1688;
1759
- --label-plum-bgColor-hover: #40125e;
1760
- --label-plum-bgColor-rest: #2a0e3f;
1761
- --label-plum-fgColor-active: #e4a5fd;
1762
- --label-plum-fgColor-hover: #d889fa;
1763
- --label-plum-fgColor-rest: #d07ef7;
1764
- --label-purple-bgColor-active: #481a9e;
1765
- --label-purple-bgColor-hover: #31146b;
1766
- --label-purple-bgColor-rest: #211047;
1767
- --label-purple-fgColor-active: #d2affd;
1768
- --label-purple-fgColor-hover: #c398fb;
1769
- --label-purple-fgColor-rest: #b687f7;
1770
- --label-red-bgColor-active: #790c20;
1771
- --label-red-bgColor-hover: #58091a;
1772
- --label-red-bgColor-rest: #3c0614;
1773
- --label-red-fgColor-active: #f7adab;
1774
- --label-red-fgColor-hover: #f48b8d;
1775
- --label-red-fgColor-rest: #f27d83;
1776
- --label-teal-bgColor-active: #0a464d;
1777
- --label-teal-bgColor-hover: #073036;
1778
- --label-teal-bgColor-rest: #041f25;
1779
- --label-teal-fgColor-active: #24d6c4;
1780
- --label-teal-fgColor-hover: #1fbdb2;
1781
- --label-teal-fgColor-rest: #1cb0ab;
1782
- --label-yellow-bgColor-active: #5a3702;
1783
- --label-yellow-bgColor-hover: #3d2401;
1784
- --label-yellow-bgColor-rest: #2e1a00;
1785
- --label-yellow-fgColor-active: #edb431;
1786
- --label-yellow-fgColor-hover: #df9e11;
1787
- --label-yellow-fgColor-rest: #d3910d;
1788
- --menu-bgColor-active: #151b23;
1789
- --outline-focus-offset: -0.125rem;
1790
- --outline-focus-width: 0.125rem;
1517
+ --label-auburn-bgColor-active: var(--base-display-color-auburn-2);
1518
+ --label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
1519
+ --label-auburn-bgColor-rest: var(--base-display-color-auburn-0);
1520
+ --label-auburn-fgColor-active: var(--base-display-color-auburn-8);
1521
+ --label-auburn-fgColor-hover: var(--base-display-color-auburn-7);
1522
+ --label-auburn-fgColor-rest: var(--base-display-color-auburn-6);
1523
+ --label-blue-bgColor-active: var(--base-display-color-blue-2);
1524
+ --label-blue-bgColor-hover: var(--base-display-color-blue-1);
1525
+ --label-blue-bgColor-rest: var(--base-display-color-blue-0);
1526
+ --label-blue-fgColor-active: var(--base-display-color-blue-8);
1527
+ --label-blue-fgColor-hover: var(--base-display-color-blue-7);
1528
+ --label-blue-fgColor-rest: var(--base-display-color-blue-6);
1529
+ --label-brown-bgColor-active: var(--base-display-color-brown-2);
1530
+ --label-brown-bgColor-hover: var(--base-display-color-brown-1);
1531
+ --label-brown-bgColor-rest: var(--base-display-color-brown-0);
1532
+ --label-brown-fgColor-active: var(--base-display-color-brown-8);
1533
+ --label-brown-fgColor-hover: var(--base-display-color-brown-7);
1534
+ --label-brown-fgColor-rest: var(--base-display-color-brown-6);
1535
+ --label-coral-bgColor-active: var(--base-display-color-coral-2);
1536
+ --label-coral-bgColor-hover: var(--base-display-color-coral-1);
1537
+ --label-coral-bgColor-rest: var(--base-display-color-coral-0);
1538
+ --label-coral-fgColor-active: var(--base-display-color-coral-8);
1539
+ --label-coral-fgColor-hover: var(--base-display-color-coral-7);
1540
+ --label-coral-fgColor-rest: var(--base-display-color-coral-6);
1541
+ --label-cyan-bgColor-active: var(--base-display-color-cyan-2);
1542
+ --label-cyan-bgColor-hover: var(--base-display-color-cyan-1);
1543
+ --label-cyan-bgColor-rest: var(--base-display-color-cyan-0);
1544
+ --label-cyan-fgColor-active: var(--base-display-color-cyan-8);
1545
+ --label-cyan-fgColor-hover: var(--base-display-color-cyan-7);
1546
+ --label-cyan-fgColor-rest: var(--base-display-color-cyan-6);
1547
+ --label-gray-bgColor-active: var(--base-display-color-gray-2);
1548
+ --label-gray-bgColor-hover: var(--base-display-color-gray-1);
1549
+ --label-gray-bgColor-rest: var(--base-display-color-gray-0);
1550
+ --label-gray-fgColor-active: var(--base-display-color-gray-8);
1551
+ --label-gray-fgColor-hover: var(--base-display-color-gray-7);
1552
+ --label-gray-fgColor-rest: var(--base-display-color-gray-6);
1553
+ --label-green-bgColor-active: var(--base-display-color-green-2);
1554
+ --label-green-bgColor-hover: var(--base-display-color-green-1);
1555
+ --label-green-bgColor-rest: var(--base-display-color-green-0);
1556
+ --label-green-fgColor-active: var(--base-display-color-green-8);
1557
+ --label-green-fgColor-hover: var(--base-display-color-green-7);
1558
+ --label-green-fgColor-rest: var(--base-display-color-green-6);
1559
+ --label-indigo-bgColor-active: var(--base-display-color-indigo-2);
1560
+ --label-indigo-bgColor-hover: var(--base-display-color-indigo-1);
1561
+ --label-indigo-bgColor-rest: var(--base-display-color-indigo-0);
1562
+ --label-indigo-fgColor-active: var(--base-display-color-indigo-8);
1563
+ --label-indigo-fgColor-hover: var(--base-display-color-indigo-7);
1564
+ --label-indigo-fgColor-rest: var(--base-display-color-indigo-6);
1565
+ --label-lemon-bgColor-active: var(--base-display-color-lemon-2);
1566
+ --label-lemon-bgColor-hover: var(--base-display-color-lemon-1);
1567
+ --label-lemon-bgColor-rest: var(--base-display-color-lemon-0);
1568
+ --label-lemon-fgColor-active: var(--base-display-color-lemon-8);
1569
+ --label-lemon-fgColor-hover: var(--base-display-color-lemon-7);
1570
+ --label-lemon-fgColor-rest: var(--base-display-color-lemon-6);
1571
+ --label-lime-bgColor-active: var(--base-display-color-lime-2);
1572
+ --label-lime-bgColor-hover: var(--base-display-color-lime-1);
1573
+ --label-lime-bgColor-rest: var(--base-display-color-lime-0);
1574
+ --label-lime-fgColor-active: var(--base-display-color-lime-8);
1575
+ --label-lime-fgColor-hover: var(--base-display-color-lime-7);
1576
+ --label-lime-fgColor-rest: var(--base-display-color-lime-6);
1577
+ --label-olive-bgColor-active: var(--base-display-color-olive-2);
1578
+ --label-olive-bgColor-hover: var(--base-display-color-olive-1);
1579
+ --label-olive-bgColor-rest: var(--base-display-color-olive-0);
1580
+ --label-olive-fgColor-active: var(--base-display-color-olive-8);
1581
+ --label-olive-fgColor-hover: var(--base-display-color-olive-7);
1582
+ --label-olive-fgColor-rest: var(--base-display-color-olive-6);
1583
+ --label-orange-bgColor-active: var(--base-display-color-orange-2);
1584
+ --label-orange-bgColor-hover: var(--base-display-color-orange-1);
1585
+ --label-orange-bgColor-rest: var(--base-display-color-orange-0);
1586
+ --label-orange-fgColor-active: var(--base-display-color-orange-8);
1587
+ --label-orange-fgColor-hover: var(--base-display-color-orange-7);
1588
+ --label-orange-fgColor-rest: var(--base-display-color-orange-6);
1589
+ --label-pine-bgColor-active: var(--base-display-color-pine-2);
1590
+ --label-pine-bgColor-hover: var(--base-display-color-pine-1);
1591
+ --label-pine-bgColor-rest: var(--base-display-color-pine-0);
1592
+ --label-pine-fgColor-active: var(--base-display-color-pine-8);
1593
+ --label-pine-fgColor-hover: var(--base-display-color-pine-7);
1594
+ --label-pine-fgColor-rest: var(--base-display-color-pine-6);
1595
+ --label-pink-bgColor-active: var(--base-display-color-pink-2);
1596
+ --label-pink-bgColor-hover: var(--base-display-color-pink-1);
1597
+ --label-pink-bgColor-rest: var(--base-display-color-pink-0);
1598
+ --label-pink-fgColor-active: var(--base-display-color-pink-8);
1599
+ --label-pink-fgColor-hover: var(--base-display-color-pink-7);
1600
+ --label-pink-fgColor-rest: var(--base-display-color-pink-6);
1601
+ --label-plum-bgColor-active: var(--base-display-color-plum-2);
1602
+ --label-plum-bgColor-hover: var(--base-display-color-plum-1);
1603
+ --label-plum-bgColor-rest: var(--base-display-color-plum-0);
1604
+ --label-plum-fgColor-active: var(--base-display-color-plum-8);
1605
+ --label-plum-fgColor-hover: var(--base-display-color-plum-7);
1606
+ --label-plum-fgColor-rest: var(--base-display-color-plum-6);
1607
+ --label-purple-bgColor-active: var(--base-display-color-purple-2);
1608
+ --label-purple-bgColor-hover: var(--base-display-color-purple-1);
1609
+ --label-purple-bgColor-rest: var(--base-display-color-purple-0);
1610
+ --label-purple-fgColor-active: var(--base-display-color-purple-8);
1611
+ --label-purple-fgColor-hover: var(--base-display-color-purple-7);
1612
+ --label-purple-fgColor-rest: var(--base-display-color-purple-6);
1613
+ --label-red-bgColor-active: var(--base-display-color-red-2);
1614
+ --label-red-bgColor-hover: var(--base-display-color-red-1);
1615
+ --label-red-bgColor-rest: var(--base-display-color-red-0);
1616
+ --label-red-fgColor-active: var(--base-display-color-red-8);
1617
+ --label-red-fgColor-hover: var(--base-display-color-red-7);
1618
+ --label-red-fgColor-rest: var(--base-display-color-red-6);
1619
+ --label-teal-bgColor-active: var(--base-display-color-teal-2);
1620
+ --label-teal-bgColor-hover: var(--base-display-color-teal-1);
1621
+ --label-teal-bgColor-rest: var(--base-display-color-teal-0);
1622
+ --label-teal-fgColor-active: var(--base-display-color-teal-8);
1623
+ --label-teal-fgColor-hover: var(--base-display-color-teal-7);
1624
+ --label-teal-fgColor-rest: var(--base-display-color-teal-6);
1625
+ --label-yellow-bgColor-active: var(--base-display-color-yellow-2);
1626
+ --label-yellow-bgColor-hover: var(--base-display-color-yellow-1);
1627
+ --label-yellow-bgColor-rest: var(--base-display-color-yellow-0);
1628
+ --label-yellow-fgColor-active: var(--base-display-color-yellow-8);
1629
+ --label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
1630
+ --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
1631
+ --menu-bgColor-active: var(--base-color-neutral-2);
1791
1632
  --overlay-backdrop-bgColor: #262c3666;
1792
- --overlay-bgColor: #2a313c;
1633
+ --overlay-bgColor: var(--base-color-neutral-5);
1793
1634
  --overlay-borderColor: #3d444db3;
1794
- --page-header-bgColor: #212830;
1795
- --reactionButton-selected-bgColor-hover: #4285e55c;
1796
1635
  --reactionButton-selected-bgColor-rest: #4184e433;
1797
- --reactionButton-selected-fgColor-hover: #6cb6ff;
1798
- --reactionButton-selected-fgColor-rest: #478be6;
1799
- --selectMenu-bgColor-active: #143d79;
1800
- --selectMenu-borderColor: #3d444d;
1636
+ --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
1637
+ --selectMenu-bgColor-active: var(--base-color-blue-8);
1638
+ --sideNav-bgColor-selected: var(--base-color-neutral-3);
1639
+ --skeletonLoader-bgColor: #656c7633;
1640
+ --timelineBadge-bgColor: var(--base-color-neutral-4);
1641
+ --topicTag-borderColor: var(--base-color-transparent);
1642
+ --underlineNav-borderColor-active: var(--base-color-coral-3);
1643
+ --avatar-bgColor: #cdd9e51a;
1644
+ --bgColor-black: var(--base-color-neutral-0);
1645
+ --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1646
+ --bgColor-closed-muted: var(--bgColor-danger-muted);
1647
+ --bgColor-inverse: var(--base-color-neutral-13);
1648
+ --bgColor-open-emphasis: var(--bgColor-success-emphasis);
1649
+ --bgColor-open-muted: var(--bgColor-success-muted);
1650
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1651
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
1652
+ --bgColor-white: var(--base-color-neutral-13);
1653
+ --border-accent-emphasis: 0.0625rem solid #316dca;
1654
+ --border-accent-muted: 0.0625rem solid #4184e466;
1655
+ --border-attention-emphasis: 0.0625rem solid #966600;
1656
+ --border-attention-muted: 0.0625rem solid #ae7c1466;
1657
+ --border-danger-emphasis: 0.0625rem solid #c93c37;
1658
+ --border-danger-muted: 0.0625rem solid #e5534b66;
1659
+ --border-default: 0.0625rem solid #3d444d;
1660
+ --border-disabled: 0.0625rem solid #656c761a;
1661
+ --border-done-emphasis: 0.0625rem solid #8256d0;
1662
+ --border-done-muted: 0.0625rem solid #986ee266;
1663
+ --border-emphasis: 0.0625rem solid #656c76;
1664
+ --border-muted: 0.0625rem solid #3d444db3;
1665
+ --border-neutral-muted: 0.0625rem solid #3d444db3;
1666
+ --border-severe-emphasis: 0.0625rem solid #ae5622;
1667
+ --border-severe-muted: 0.0625rem solid #cc6b2c66;
1668
+ --border-sponsors-emphasis: 0.0625rem solid #ae4c82;
1669
+ --border-sponsors-muted: 0.0625rem solid #c9619866;
1670
+ --border-success-emphasis: 0.0625rem solid #347d39;
1671
+ --border-success-muted: 0.0625rem solid #46954a66;
1672
+ --border-transparent: 0.0625rem solid #00000000;
1673
+ --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
1674
+ --borderColor-closed-muted: var(--borderColor-danger-muted);
1675
+ --borderColor-neutral-emphasis: var(--borderColor-emphasis);
1676
+ --borderColor-open-emphasis: var(--borderColor-success-emphasis);
1677
+ --borderColor-open-muted: var(--borderColor-success-muted);
1678
+ --borderColor-translucent: #cdd9e526;
1679
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1680
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
1681
+ --button-danger-bgColor-rest: var(--control-bgColor-rest);
1682
+ --button-danger-fgColor-active: var(--base-color-neutral-13);
1683
+ --button-danger-fgColor-disabled: #e5534b80;
1684
+ --button-danger-fgColor-hover: var(--base-color-neutral-13);
1685
+ --button-danger-iconColor-hover: var(--base-color-neutral-13);
1686
+ --button-default-bgColor-active: var(--control-bgColor-active);
1687
+ --button-default-bgColor-hover: var(--control-bgColor-hover);
1688
+ --button-default-bgColor-rest: var(--control-bgColor-rest);
1689
+ --button-default-bgColor-selected: var(--control-bgColor-active);
1690
+ --button-default-borderColor-active: var(--button-default-borderColor-rest);
1691
+ --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1692
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1693
+ --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
1694
+ --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1695
+ --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
1696
+ --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1697
+ --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
1698
+ --button-outline-bgColor-hover: var(--control-bgColor-hover);
1699
+ --button-outline-fgColor-active: var(--base-color-neutral-13);
1700
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1701
+ --button-primary-borderColor-rest: #cdd9e51a;
1702
+ --button-primary-fgColor-disabled: #cdd9e566;
1703
+ --buttonCounter-danger-bgColor-disabled: #c93c370d;
1704
+ --buttonCounter-danger-bgColor-hover: #cdd9e533;
1705
+ --buttonCounter-danger-fgColor-disabled: #e5534b80;
1706
+ --buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
1707
+ --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1708
+ --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1709
+ --buttonCounter-outline-bgColor-disabled: #316dca0d;
1710
+ --card-bgColor: var(--bgColor-muted);
1711
+ --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1712
+ --codeMirror-bgColor: var(--bgColor-default);
1713
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
1714
+ --codeMirror-fgColor: var(--fgColor-default);
1715
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
1716
+ --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
1717
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
1718
+ --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
1719
+ --codeMirror-lines-bgColor: var(--bgColor-default);
1720
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1721
+ --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
1722
+ --color-ansi-white-bright: var(--base-color-neutral-13);
1723
+ --control-bgColor-disabled: var(--bgColor-disabled);
1724
+ --control-bgColor-selected: var(--control-bgColor-rest);
1725
+ --control-borderColor-danger: var(--borderColor-danger-emphasis);
1726
+ --control-borderColor-emphasis: var(--borderColor-emphasis);
1727
+ --control-borderColor-success: var(--borderColor-success-emphasis);
1728
+ --control-borderColor-warning: var(--borderColor-attention-emphasis);
1729
+ --control-checked-bgColor-disabled: var(--fgColor-disabled);
1730
+ --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
1731
+ --control-checked-fgColor-disabled: var(--base-color-inset);
1732
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1733
+ --control-danger-bgColor-active: #e5534b66;
1734
+ --control-danger-bgColor-hover: var(--bgColor-danger-muted);
1735
+ --control-danger-fgColor-rest: var(--fgColor-danger);
1736
+ --control-fgColor-disabled: var(--fgColor-disabled);
1737
+ --control-fgColor-placeholder: var(--fgColor-muted);
1738
+ --control-fgColor-rest: var(--fgColor-default);
1739
+ --control-iconColor-rest: var(--fgColor-muted);
1740
+ --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1741
+ --controlKnob-bgColor-checked: var(--base-color-neutral-13);
1742
+ --controlKnob-bgColor-rest: var(--bgColor-inset);
1743
+ --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1744
+ --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1745
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1746
+ --controlTrack-fgColor-rest: var(--fgColor-muted);
1747
+ --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1748
+ --counter-bgColor-muted: var(--bgColor-neutral-muted);
1749
+ --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1750
+ --diffBlob-additionLine-fgColor: var(--fgColor-default);
1751
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
1752
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
1753
+ --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1754
+ --diffBlob-deletionLine-fgColor: var(--fgColor-default);
1755
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
1756
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
1757
+ --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
1758
+ --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
1759
+ --diffBlob-expander-iconColor: var(--fgColor-muted);
1760
+ --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
1761
+ --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
1762
+ --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1763
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1764
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1765
+ --fgColor-black: var(--base-color-neutral-0);
1766
+ --fgColor-closed: var(--fgColor-danger);
1767
+ --fgColor-onInverse: var(--base-color-neutral-0);
1768
+ --fgColor-open: var(--fgColor-success);
1769
+ --fgColor-upsell: var(--fgColor-done);
1770
+ --fgColor-white: var(--base-color-neutral-13);
1771
+ --focus-outlineColor: var(--borderColor-accent-emphasis);
1772
+ --header-fgColor-default: #cdd9e5b3;
1773
+ --page-header-bgColor: var(--bgColor-default);
1774
+ --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1775
+ --selectMenu-borderColor: var(--borderColor-default);
1801
1776
  --selection-bgColor: #316dcab3;
1802
1777
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
1803
1778
  --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
@@ -1808,15 +1783,40 @@
1808
1783
  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
1809
1784
  --shadow-resting-small: 0px 1px 0px 0px #1c212866;
1810
1785
  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
1811
- --sideNav-bgColor-selected: #212830;
1812
- --skeletonLoader-bgColor: #656c7633;
1813
- --timelineBadge-bgColor: #262c36;
1814
- --tooltip-bgColor: #3d444d;
1815
- --tooltip-fgColor: #f0f6fc;
1816
- --topicTag-borderColor: #00000000;
1817
- --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
1818
- --underlineNav-borderColor-active: #ec775c;
1819
- --underlineNav-borderColor-hover: #3d444db3;
1820
- --underlineNav-iconColor-rest: #9198a1;
1786
+ --tooltip-bgColor: var(--bgColor-emphasis);
1787
+ --tooltip-fgColor: var(--fgColor-onEmphasis);
1788
+ --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1789
+ --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1790
+ --underlineNav-iconColor-rest: var(--fgColor-muted);
1791
+ --avatar-borderColor: var(--borderColor-translucent);
1792
+ --border-closed-emphasis: var(--border-danger-emphasis);
1793
+ --border-closed-muted: var(--border-danger-muted);
1794
+ --border-neutral-emphasis: 0.0625rem solid #656c76;
1795
+ --border-open-emphasis: var(--border-success-emphasis);
1796
+ --border-open-muted: var(--border-success-muted);
1797
+ --border-upsell-emphasis: 0.0625rem solid #8256d0;
1798
+ --border-upsell-muted: 0.0625rem solid #986ee266;
1799
+ --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1800
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1801
+ --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1802
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
1803
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
1804
+ --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1805
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1806
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1807
+ --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1808
+ --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1809
+ --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1810
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1811
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1812
+ --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1813
+ --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1814
+ --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1815
+ --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1816
+ --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1817
+ --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1818
+ --focus-outline: 2px solid #316dca;
1819
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1820
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1821
1821
  }
1822
1822
  }