@primer/primitives 8.2.4 → 9.0.0-rc.23ee6c3f

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 (94) hide show
  1. package/dist/css/functional/size/size.css +0 -6
  2. package/dist/css/functional/themes/dark-colorblind.css +276 -276
  3. package/dist/css/functional/themes/dark-dimmed.css +294 -294
  4. package/dist/css/functional/themes/dark-high-contrast.css +308 -308
  5. package/dist/css/functional/themes/dark-tritanopia.css +276 -276
  6. package/dist/css/functional/themes/dark.css +266 -266
  7. package/dist/css/functional/themes/light-colorblind.css +230 -230
  8. package/dist/css/functional/themes/light-high-contrast.css +264 -264
  9. package/dist/css/functional/themes/light-tritanopia.css +230 -230
  10. package/dist/css/functional/themes/light.css +220 -220
  11. package/dist/css/primitives.css +0 -6
  12. package/dist/docs/functional/size/size.json +0 -162
  13. package/dist/docs/functional/themes/dark-colorblind.json +247 -319
  14. package/dist/docs/functional/themes/dark-dimmed.json +275 -347
  15. package/dist/docs/functional/themes/dark-high-contrast.json +285 -347
  16. package/dist/docs/functional/themes/dark-tritanopia.json +245 -317
  17. package/dist/docs/functional/themes/dark.json +235 -307
  18. package/dist/docs/functional/themes/light-colorblind.json +224 -290
  19. package/dist/docs/functional/themes/light-high-contrast.json +272 -338
  20. package/dist/docs/functional/themes/light-tritanopia.json +223 -287
  21. package/dist/docs/functional/themes/light.json +213 -277
  22. package/dist/fallbacks/color-fallbacks.json +11 -1
  23. package/dist/fallbacks/functional/size/size.json +0 -6
  24. package/dist/figma/dimension/dimension.json +0 -64
  25. package/dist/figma/scales/dark-dimmed.json +106 -60
  26. package/dist/figma/scales/dark-high-constrast.json +106 -60
  27. package/dist/figma/scales/dark.json +76 -30
  28. package/dist/figma/scales/light-high-constrast.json +106 -60
  29. package/dist/figma/scales/light.json +73 -27
  30. package/dist/figma/shadows/dark-colorblind.json +12 -12
  31. package/dist/figma/shadows/dark-dimmed.json +15 -15
  32. package/dist/figma/shadows/dark-high-contrast.json +15 -15
  33. package/dist/figma/shadows/dark-tritanopia.json +12 -12
  34. package/dist/figma/shadows/dark.json +12 -12
  35. package/dist/figma/shadows/light-colorblind.json +39 -39
  36. package/dist/figma/shadows/light-high-contrast.json +39 -39
  37. package/dist/figma/shadows/light-tritanopia.json +39 -39
  38. package/dist/figma/shadows/light.json +39 -39
  39. package/dist/figma/themes/dark-colorblind.json +816 -828
  40. package/dist/figma/themes/dark-dimmed.json +785 -797
  41. package/dist/figma/themes/dark-high-contrast.json +870 -879
  42. package/dist/figma/themes/dark-tritanopia.json +822 -834
  43. package/dist/figma/themes/dark.json +719 -731
  44. package/dist/figma/themes/light-colorblind.json +776 -788
  45. package/dist/figma/themes/light-high-contrast.json +778 -792
  46. package/dist/figma/themes/light-tritanopia.json +772 -783
  47. package/dist/figma/themes/light.json +664 -675
  48. package/dist/internalCss/dark-colorblind.css +302 -296
  49. package/dist/internalCss/dark-dimmed.css +320 -314
  50. package/dist/internalCss/dark-high-contrast.css +334 -328
  51. package/dist/internalCss/dark-tritanopia.css +302 -296
  52. package/dist/internalCss/dark.css +292 -286
  53. package/dist/internalCss/light-colorblind.css +254 -248
  54. package/dist/internalCss/light-high-contrast.css +290 -284
  55. package/dist/internalCss/light-tritanopia.css +254 -248
  56. package/dist/internalCss/light.css +244 -238
  57. package/dist/styleLint/functional/size/size.json +0 -162
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +247 -319
  59. package/dist/styleLint/functional/themes/dark-dimmed.json +275 -347
  60. package/dist/styleLint/functional/themes/dark-high-contrast.json +285 -347
  61. package/dist/styleLint/functional/themes/dark-tritanopia.json +245 -317
  62. package/dist/styleLint/functional/themes/dark.json +235 -307
  63. package/dist/styleLint/functional/themes/light-colorblind.json +224 -290
  64. package/dist/styleLint/functional/themes/light-high-contrast.json +272 -338
  65. package/dist/styleLint/functional/themes/light-tritanopia.json +223 -287
  66. package/dist/styleLint/functional/themes/light.json +213 -277
  67. package/package.json +1 -1
  68. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -142
  69. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  70. package/src/tokens/base/color/dark/dark.json5 +131 -104
  71. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  72. package/src/tokens/base/color/light/light.json5 +130 -103
  73. package/src/tokens/fallback/color-fallbacks.json +11 -1
  74. package/src/tokens/functional/color/dark/app-dark.json5 +1 -1
  75. package/src/tokens/functional/color/dark/data-vis-dark.json5 +10 -10
  76. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +126 -10
  77. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +91 -81
  78. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  79. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  80. package/src/tokens/functional/color/dark/patterns-dark.json5 +46 -72
  81. package/src/tokens/functional/color/dark/primitives-dark.json5 +14 -24
  82. package/src/tokens/functional/color/dark/syntax-dark.json5 +12 -12
  83. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  84. package/src/tokens/functional/color/light/data-vis-light.json5 +10 -10
  85. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +51 -126
  86. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  87. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  88. package/src/tokens/functional/color/light/patterns-light.json5 +38 -64
  89. package/src/tokens/functional/color/light/primitives-light.json5 +12 -18
  90. package/src/tokens/functional/color/light/syntax-light.json5 +12 -12
  91. package/src/tokens/functional/shadow/dark.json5 +1 -1
  92. package/src/tokens/functional/shadow/light.json5 +11 -11
  93. package/src/tokens/functional/size/size.json +0 -68
  94. package/dist/deprecated/size.json +0 -8
@@ -3,18 +3,21 @@
3
3
  [data-color-mode="auto"][data-light-theme="dark_dimmed"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_dimmed"] ::backdrop {
5
5
  --base-color-black: #1c2128;
6
+ --base-color-inset: #1c2128;
6
7
  --base-color-white: #cdd9e5;
7
8
  --base-color-transparent: #00000000;
8
- --base-color-neutral-0: #cdd9e5;
9
- --base-color-neutral-1: #adbac7;
10
- --base-color-neutral-2: #909dab;
11
- --base-color-neutral-3: #768390;
12
- --base-color-neutral-4: #636e7b;
13
- --base-color-neutral-5: #545d68;
14
- --base-color-neutral-6: #444c56;
15
- --base-color-neutral-7: #373e47;
16
- --base-color-neutral-8: #2d333b;
17
- --base-color-neutral-9: #22272e;
9
+ --base-color-neutral-0: #0d1117;
10
+ --base-color-neutral-1: #151b23;
11
+ --base-color-neutral-2: #212830;
12
+ --base-color-neutral-3: #262c36;
13
+ --base-color-neutral-4: #2a313c;
14
+ --base-color-neutral-5: #2f3742;
15
+ --base-color-neutral-6: #3d444d;
16
+ --base-color-neutral-7: #656c76;
17
+ --base-color-neutral-8: #9198a1;
18
+ --base-color-neutral-9: #b7bdc8;
19
+ --base-color-neutral-10: #d1d7e0;
20
+ --base-color-neutral-11: #f0f6fc;
18
21
  --base-color-blue-0: #c6e6ff;
19
22
  --base-color-blue-1: #96d0ff;
20
23
  --base-color-blue-2: #6cb6ff;
@@ -289,31 +292,31 @@
289
292
  --base-display-color-white: #ffffff;
290
293
  --topicTag-borderColor: #00000000;
291
294
  --highlight-neutral-bgColor: #c6902666;
292
- --page-header-bgColor: #22272e;
293
- --diffBlob-addition-fgColor-text: #c5d1de;
294
- --diffBlob-addition-fgColor-num: #c5d1de;
295
+ --page-header-bgColor: #212830;
296
+ --diffBlob-addition-fgColor-text: #b7bdc8;
297
+ --diffBlob-addition-fgColor-num: #b7bdc8;
295
298
  --diffBlob-addition-bgColor-num: #57ab5a4d;
296
299
  --diffBlob-addition-bgColor-line: #46954a26;
297
300
  --diffBlob-addition-bgColor-word: #46954a66;
298
- --diffBlob-deletion-fgColor-text: #c5d1de;
299
- --diffBlob-deletion-fgColor-num: #c5d1de;
301
+ --diffBlob-deletion-fgColor-text: #b7bdc8;
302
+ --diffBlob-deletion-fgColor-num: #b7bdc8;
300
303
  --diffBlob-deletion-bgColor-num: #e5534b4d;
301
304
  --diffBlob-deletion-bgColor-line: #e5534b26;
302
305
  --diffBlob-deletion-bgColor-word: #e5534b66;
303
306
  --diffBlob-hunk-bgColor-num: #4184e466;
304
- --diffBlob-expander-iconColor: #c5d1de;
305
- --codeMirror-fgColor: #c5d1de;
306
- --codeMirror-bgColor: #22272e;
307
- --codeMirror-gutters-bgColor: #22272e;
308
- --codeMirror-gutterMarker-fgColor-default: #22272e;
309
- --codeMirror-gutterMarker-fgColor-muted: #778491;
310
- --codeMirror-lineNumber-fgColor: #778491;
311
- --codeMirror-cursor-fgColor: #c5d1de;
307
+ --diffBlob-expander-iconColor: #b7bdc8;
308
+ --codeMirror-fgColor: #b7bdc8;
309
+ --codeMirror-bgColor: #212830;
310
+ --codeMirror-gutters-bgColor: #212830;
311
+ --codeMirror-gutterMarker-fgColor-default: #212830;
312
+ --codeMirror-gutterMarker-fgColor-muted: #9198a1;
313
+ --codeMirror-lineNumber-fgColor: #9198a1;
314
+ --codeMirror-cursor-fgColor: #b7bdc8;
312
315
  --codeMirror-selection-bgColor: #4184e466;
313
- --codeMirror-activeline-bgColor: #636e7b66;
314
- --codeMirror-matchingBracket-fgColor: #c5d1de;
315
- --codeMirror-lines-bgColor: #22272e;
316
- --codeMirror-syntax-fgColor-comment: #768390;
316
+ --codeMirror-activeline-bgColor: #2f3742b3;
317
+ --codeMirror-matchingBracket-fgColor: #b7bdc8;
318
+ --codeMirror-lines-bgColor: #212830;
319
+ --codeMirror-syntax-fgColor-comment: #656c76;
317
320
  --codeMirror-syntax-fgColor-constant: #6cb6ff;
318
321
  --codeMirror-syntax-fgColor-entity: #dcbdfb;
319
322
  --codeMirror-syntax-fgColor-keyword: #f47067;
@@ -322,30 +325,30 @@
322
325
  --codeMirror-syntax-fgColor-support: #6cb6ff;
323
326
  --codeMirror-syntax-fgColor-variable: #f69d50;
324
327
  --header-fgColor-default: #cdd9e5b3;
325
- --header-fgColor-logo: #cdd9e5;
326
- --header-bgColor: #2d333bf2;
327
- --header-borderColor-divider: #768390;
328
- --headerSearch-bgColor: #22272e;
329
- --headerSearch-borderColor: #444c56;
330
- --data-blue-color: #0576ff;
328
+ --header-fgColor-logo: #f0f6fc;
329
+ --header-bgColor: #151b23f2;
330
+ --header-borderColor-divider: #656c76;
331
+ --headerSearch-bgColor: #0d1117;
332
+ --headerSearch-borderColor: #2a313c;
333
+ --data-blue-color-emphasis: #0576ff;
331
334
  --data-blue-color-muted: #001a47;
332
- --data-auburn-color: #a86f6b;
335
+ --data-auburn-color-emphasis: #a86f6b;
333
336
  --data-auburn-color-muted: #271817;
334
- --data-orange-color: #984b10;
337
+ --data-orange-color-emphasis: #984b10;
335
338
  --data-orange-color-muted: #311708;
336
- --data-yellow-color: #895906;
339
+ --data-yellow-color-emphasis: #895906;
337
340
  --data-yellow-color-muted: #2e1a00;
338
- --data-green-color: #2f6f37;
341
+ --data-green-color-emphasis: #2f6f37;
339
342
  --data-green-color-muted: #122117;
340
- --data-teal-color: #106c70;
343
+ --data-teal-color-emphasis: #106c70;
341
344
  --data-teal-color-muted: #041f25;
342
- --data-purple-color: #975bf1;
345
+ --data-purple-color-emphasis: #975bf1;
343
346
  --data-purple-color-muted: #211047;
344
- --data-pink-color: #d34591;
347
+ --data-pink-color-emphasis: #d34591;
345
348
  --data-pink-color-muted: #2d1524;
346
- --data-red-color: #eb3342;
349
+ --data-red-color-emphasis: #eb3342;
347
350
  --data-red-color-muted: #3c0614;
348
- --data-gray-color: #576270;
351
+ --data-gray-color-emphasis: #576270;
349
352
  --data-gray-color-muted: #1c1c1c;
350
353
  --display-blue-bgColor-muted: #001a47;
351
354
  --display-blue-bgColor-emphasis: #005bd1;
@@ -444,30 +447,30 @@
444
447
  --display-pink-borderColor-emphasis: #d34591;
445
448
  --avatar-bgColor: #cdd9e51a;
446
449
  --avatar-borderColor: #cdd9e526;
447
- --avatar-shadow: 0px 0px 0px 2px #22272e;
448
- --avatarStack-fade-bgColor-default: #444c56;
449
- --avatarStack-fade-bgColor-muted: #373e47;
450
- --control-bgColor-rest: #373e47;
451
- --control-bgColor-hover: #3d444e;
452
- --control-bgColor-active: #434a54;
453
- --control-bgColor-disabled: #373e47b3;
454
- --control-bgColor-selected: #2d333b;
455
- --control-fgColor-rest: #adbac7;
456
- --control-fgColor-placeholder: #727f8c;
457
- --control-fgColor-disabled: #636e7b;
458
- --control-borderColor-rest: #444c56;
459
- --control-borderColor-emphasis: #606b77;
460
- --control-borderColor-disabled: #373e47b3;
461
- --control-borderColor-selected: #cdd9e5;
450
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
451
+ --avatarStack-fade-bgColor-default: #3d444d;
452
+ --avatarStack-fade-bgColor-muted: #2a313c;
453
+ --control-bgColor-rest: #2a313c;
454
+ --control-bgColor-hover: #2f3742;
455
+ --control-bgColor-active: #3d444d;
456
+ --control-bgColor-disabled: #2a313c;
457
+ --control-bgColor-selected: #2a313c;
458
+ --control-fgColor-rest: #b7bdc8;
459
+ --control-fgColor-placeholder: #9198a1;
460
+ --control-fgColor-disabled: #656c76;
461
+ --control-borderColor-rest: #3d444d;
462
+ --control-borderColor-emphasis: #656c76;
463
+ --control-borderColor-disabled: #2a313c;
464
+ --control-borderColor-selected: #f0f6fc;
462
465
  --control-borderColor-success: #347d39;
463
466
  --control-borderColor-danger: #c93c37;
464
467
  --control-borderColor-warning: #966600;
465
- --control-iconColor-rest: #778491;
468
+ --control-iconColor-rest: #9198a1;
466
469
  --control-transparent-bgColor-rest: #00000000;
467
- --control-transparent-bgColor-hover: #909dab1f;
468
- --control-transparent-bgColor-active: #909dab33;
469
- --control-transparent-bgColor-disabled: #373e47b3;
470
- --control-transparent-bgColor-selected: #909dab14;
470
+ --control-transparent-bgColor-hover: #656c7626;
471
+ --control-transparent-bgColor-active: #656c7633;
472
+ --control-transparent-bgColor-disabled: #2a313c;
473
+ --control-transparent-bgColor-selected: #656c761a;
471
474
  --control-transparent-borderColor-rest: #00000000;
472
475
  --control-transparent-borderColor-hover: #00000000;
473
476
  --control-transparent-borderColor-active: #00000000;
@@ -478,38 +481,38 @@
478
481
  --control-checked-bgColor-rest: #316dca;
479
482
  --control-checked-bgColor-hover: #3876d3;
480
483
  --control-checked-bgColor-active: #3f7fdb;
481
- --control-checked-bgColor-disabled: #636e7b;
482
- --control-checked-fgColor-rest: #cdd9e5;
484
+ --control-checked-bgColor-disabled: #656c76;
485
+ --control-checked-fgColor-rest: #f0f6fc;
483
486
  --control-checked-fgColor-disabled: #1c2128;
484
487
  --control-checked-borderColor-rest: #316dca;
485
488
  --control-checked-borderColor-hover: #3876d3;
486
489
  --control-checked-borderColor-active: #3f7fdb;
487
- --control-checked-borderColor-disabled: #636e7b;
488
- --controlTrack-bgColor-rest: #373e47;
489
- --controlTrack-bgColor-hover: #3d444e;
490
- --controlTrack-bgColor-active: #434a54;
491
- --controlTrack-bgColor-disabled: #636e7b;
492
- --controlTrack-fgColor-rest: #778491;
493
- --controlTrack-fgColor-disabled: #cdd9e5;
490
+ --control-checked-borderColor-disabled: #656c76;
491
+ --controlTrack-bgColor-rest: #2a313c;
492
+ --controlTrack-bgColor-hover: #2f3742;
493
+ --controlTrack-bgColor-active: #3d444d;
494
+ --controlTrack-bgColor-disabled: #656c76;
495
+ --controlTrack-fgColor-rest: #9198a1;
496
+ --controlTrack-fgColor-disabled: #f0f6fc;
494
497
  --controlTrack-borderColor-rest: #00000000;
495
- --controlTrack-borderColor-disabled: #636e7b;
496
- --controlKnob-bgColor-rest: #1c2128;
497
- --controlKnob-bgColor-disabled: #373e47b3;
498
+ --controlTrack-borderColor-disabled: #656c76;
499
+ --controlKnob-bgColor-rest: #151b23;
500
+ --controlKnob-bgColor-disabled: #2a313c;
498
501
  --controlKnob-bgColor-checked: #cdd9e5;
499
- --controlKnob-borderColor-rest: #606b77;
500
- --controlKnob-borderColor-disabled: #373e47b3;
502
+ --controlKnob-borderColor-rest: #656c76;
503
+ --controlKnob-borderColor-disabled: #2a313c;
501
504
  --controlKnob-borderColor-checked: #316dca;
502
505
  --counter-borderColor: #00000000;
503
- --button-default-fgColor-rest: #adbac7;
504
- --button-default-bgColor-rest: #373e47;
505
- --button-default-bgColor-hover: #3d444e;
506
- --button-default-bgColor-active: #434a54;
507
- --button-default-bgColor-selected: #434a54;
508
- --button-default-bgColor-disabled: #373e47b3;
509
- --button-default-borderColor-rest: #444c56;
510
- --button-default-borderColor-hover: #444c56;
511
- --button-default-borderColor-active: #444c56;
512
- --button-default-borderColor-disabled: #373e47b3;
506
+ --button-default-fgColor-rest: #b7bdc8;
507
+ --button-default-bgColor-rest: #2a313c;
508
+ --button-default-bgColor-hover: #2f3742;
509
+ --button-default-bgColor-active: #3d444d;
510
+ --button-default-bgColor-selected: #3d444d;
511
+ --button-default-bgColor-disabled: #2a313c;
512
+ --button-default-borderColor-rest: #3d444d;
513
+ --button-default-borderColor-hover: #3d444d;
514
+ --button-default-borderColor-active: #3d444d;
515
+ --button-default-borderColor-disabled: #2a313c;
513
516
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
514
517
  --button-primary-fgColor-rest: #ffffff;
515
518
  --button-primary-fgColor-disabled: #cdd9e566;
@@ -523,29 +526,29 @@
523
526
  --button-primary-borderColor-active: #cdd9e51a;
524
527
  --button-primary-borderColor-disabled: #50a254;
525
528
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
526
- --button-invisible-fgColor-rest: #478be6;
527
- --button-invisible-fgColor-hover: #539bf5;
528
- --button-invisible-fgColor-disabled: #636e7b;
529
- --button-invisible-iconColor-rest: #778491;
530
- --button-invisible-iconColor-hover: #778491;
531
- --button-invisible-iconColor-disabled: #636e7b;
529
+ --button-invisible-fgColor-rest: #9198a1;
530
+ --button-invisible-fgColor-hover: #9198a1;
531
+ --button-invisible-fgColor-disabled: #656c76;
532
+ --button-invisible-iconColor-rest: #b7bdc8;
533
+ --button-invisible-iconColor-hover: #b7bdc8;
534
+ --button-invisible-iconColor-disabled: #656c76;
532
535
  --button-invisible-bgColor-rest: #00000000;
533
- --button-invisible-bgColor-hover: #909dab1f;
534
- --button-invisible-bgColor-active: #909dab33;
535
- --button-invisible-bgColor-disabled: #373e47b3;
536
+ --button-invisible-bgColor-hover: #656c7626;
537
+ --button-invisible-bgColor-active: #656c7633;
538
+ --button-invisible-bgColor-disabled: #2a313c;
536
539
  --button-invisible-borderColor-rest: #00000000;
537
540
  --button-invisible-borderColor-hover: #00000000;
538
- --button-invisible-borderColor-disabled: #373e47b3;
541
+ --button-invisible-borderColor-disabled: #2a313c;
539
542
  --button-outline-fgColor-rest: #4184e4;
540
543
  --button-outline-fgColor-hover: #539bf5;
541
544
  --button-outline-fgColor-active: #cdd9e5;
542
545
  --button-outline-fgColor-disabled: #478be680;
543
- --button-outline-bgColor-rest: #cdd9e5;
544
- --button-outline-bgColor-hover: #444c56;
546
+ --button-outline-bgColor-rest: #f0f6fc;
547
+ --button-outline-bgColor-hover: #2f3742;
545
548
  --button-outline-bgColor-active: #1b4b91;
546
- --button-outline-bgColor-disabled: #22272e;
547
- --button-outline-borderColor-hover: #cdd9e51a;
548
- --button-outline-borderColor-selected: #cdd9e51a;
549
+ --button-outline-bgColor-disabled: #2a313c;
550
+ --button-outline-borderColor-hover: #3d444d;
551
+ --button-outline-borderColor-selected: #3d444d;
549
552
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
550
553
  --button-danger-fgColor-rest: #e5534b;
551
554
  --button-danger-fgColor-hover: #cdd9e5;
@@ -553,19 +556,19 @@
553
556
  --button-danger-fgColor-disabled: #e5534b80;
554
557
  --button-danger-iconColor-rest: #e5534b;
555
558
  --button-danger-iconColor-hover: #cdd9e5;
556
- --button-danger-bgColor-rest: #373e47;
559
+ --button-danger-bgColor-rest: #2a313c;
557
560
  --button-danger-bgColor-hover: #ad2e2c;
558
561
  --button-danger-bgColor-active: #c33d38;
559
- --button-danger-bgColor-disabled: #373e47b3;
560
- --button-danger-borderColor-rest: #444c56;
562
+ --button-danger-bgColor-disabled: #2a313c;
563
+ --button-danger-borderColor-rest: #3d444d;
561
564
  --button-danger-borderColor-hover: #cdd9e51a;
562
565
  --button-danger-borderColor-active: #cdd9e51a;
563
566
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
564
- --button-inactive-fgColor: #768390;
565
- --button-inactive-bgColor: #373e47;
567
+ --button-inactive-fgColor: #656c76;
568
+ --button-inactive-bgColor: #2a313c;
566
569
  --button-star-iconColor: #daaa3f;
567
- --buttonCounter-default-bgColor-rest: #444c56;
568
- --buttonCounter-invisible-bgColor-rest: #444c56;
570
+ --buttonCounter-default-bgColor-rest: #2f3742;
571
+ --buttonCounter-invisible-bgColor-rest: #2f3742;
569
572
  --buttonCounter-primary-bgColor-rest: #11341733;
570
573
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
571
574
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -584,21 +587,21 @@
584
587
  --reactionButton-selected-fgColor-rest: #478be6;
585
588
  --reactionButton-selected-fgColor-hover: #6cb6ff;
586
589
  --focus-outlineColor: #316dca;
587
- --menu-bgColor-active: #2d333b;
588
- --overlay-bgColor: #2d333b;
589
- --overlay-borderColor: #444c56b3;
590
- --overlay-backdrop-bgColor: #2d333b66;
591
- --selectMenu-borderColor: #545d68;
590
+ --menu-bgColor-active: #151b23;
591
+ --overlay-bgColor: #2a313c;
592
+ --overlay-borderColor: #3d444db3;
593
+ --overlay-backdrop-bgColor: #262c3666;
594
+ --selectMenu-borderColor: #3d444d;
592
595
  --selectMenu-bgColor-active: #143d79;
593
- --sideNav-bgColor-selected: #373e47;
594
- --skeletonLoader-bgColor: #2d333b;
595
- --timelineBadge-bgColor: #373e47;
596
- --treeViewItem-leadingVisual-iconColor-rest: #778491;
596
+ --sideNav-bgColor-selected: #212830;
597
+ --skeletonLoader-bgColor: #262c36;
598
+ --timelineBadge-bgColor: #262c36;
599
+ --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
597
600
  --underlineNav-borderColor-active: #ec775c;
598
- --underlineNav-borderColor-hover: #636e7b66;
599
- --underlineNav-iconColor-rest: #778491;
601
+ --underlineNav-borderColor-hover: #3d444db3;
602
+ --underlineNav-iconColor-rest: #9198a1;
600
603
  --selection-bgColor: #316dcab3;
601
- --card-bgColor: #2d333b;
604
+ --card-bgColor: #262c36;
602
605
  --label-green-bgColor-rest: #122117;
603
606
  --label-green-bgColor-hover: #182f1f;
604
607
  --label-green-bgColor-active: #214529;
@@ -713,17 +716,17 @@
713
716
  --label-coral-fgColor-rest: #f7794b;
714
717
  --label-coral-fgColor-hover: #fa8c61;
715
718
  --label-coral-fgColor-active: #fdaa86;
716
- --tooltip-bgColor: #636e7b;
717
- --tooltip-fgColor: #cdd9e5;
718
- --fgColor-default: #c5d1de;
719
- --fgColor-muted: #778491;
720
- --fgColor-onEmphasis: #cdd9e5;
719
+ --tooltip-bgColor: #3d444d;
720
+ --tooltip-fgColor: #f0f6fc;
721
+ --fgColor-default: #b7bdc8;
722
+ --fgColor-muted: #9198a1;
723
+ --fgColor-onEmphasis: #f0f6fc;
721
724
  --fgColor-onInverse: #1c2128;
722
725
  --fgColor-white: #cdd9e5;
723
726
  --fgColor-black: #1c2128;
724
- --fgColor-disabled: #636e7b;
727
+ --fgColor-disabled: #656c76;
725
728
  --fgColor-link: #478be6;
726
- --fgColor-neutral: #909dab;
729
+ --fgColor-neutral: #9198a1;
727
730
  --fgColor-accent: #478be6;
728
731
  --fgColor-success: #57ab5a;
729
732
  --fgColor-open: #57ab5a;
@@ -734,17 +737,17 @@
734
737
  --fgColor-done: #986ee2;
735
738
  --fgColor-upsell: #986ee2;
736
739
  --fgColor-sponsors: #c96198;
737
- --bgColor-default: #22272e;
738
- --bgColor-muted: #2d333b;
739
- --bgColor-inset: #1c2128;
740
- --bgColor-emphasis: #636e7b;
740
+ --bgColor-default: #212830;
741
+ --bgColor-muted: #262c36;
742
+ --bgColor-inset: #151b23;
743
+ --bgColor-emphasis: #3d444d;
741
744
  --bgColor-inverse: #cdd9e5;
742
745
  --bgColor-white: #cdd9e5;
743
746
  --bgColor-black: #1c2128;
744
- --bgColor-disabled: #373e47b3;
747
+ --bgColor-disabled: #2a313c;
745
748
  --bgColor-transparent: #00000000;
746
- --bgColor-neutral-muted: #636e7b66;
747
- --bgColor-neutral-emphasis: #636e7b;
749
+ --bgColor-neutral-muted: #2f3742b3;
750
+ --bgColor-neutral-emphasis: #656c76;
748
751
  --bgColor-accent-muted: #4184e41a;
749
752
  --bgColor-accent-emphasis: #316dca;
750
753
  --bgColor-success-muted: #46954a26;
@@ -765,14 +768,14 @@
765
768
  --bgColor-upsell-emphasis: #8256d0;
766
769
  --bgColor-sponsors-muted: #c961981a;
767
770
  --bgColor-sponsors-emphasis: #ae4c82;
768
- --borderColor-default: #444c56;
769
- --borderColor-muted: #444c56b3;
770
- --borderColor-emphasis: #545d68;
771
- --borderColor-disabled: #373e47b3;
771
+ --borderColor-default: #3d444d;
772
+ --borderColor-muted: #3d444db3;
773
+ --borderColor-emphasis: #656c76;
774
+ --borderColor-disabled: #2a313c;
772
775
  --borderColor-transparent: #00000000;
773
776
  --borderColor-translucent: #cdd9e526;
774
- --borderColor-neutral-muted: #636e7b66;
775
- --borderColor-neutral-emphasis: #636e7b;
777
+ --borderColor-neutral-muted: #3d444db3;
778
+ --borderColor-neutral-emphasis: #656c76;
776
779
  --borderColor-accent-muted: #4184e466;
777
780
  --borderColor-accent-emphasis: #316dca;
778
781
  --borderColor-success-muted: #46954a66;
@@ -793,11 +796,11 @@
793
796
  --borderColor-upsell-emphasis: #8256d0;
794
797
  --borderColor-sponsors-muted: #c9619866;
795
798
  --borderColor-sponsors-emphasis: #ae4c82;
796
- --color-ansi-black: #545d68;
797
- --color-ansi-black-bright: #636e7b;
798
- --color-ansi-white: #909dab;
799
+ --color-ansi-black: #2f3742;
800
+ --color-ansi-black-bright: #656c76;
801
+ --color-ansi-white: #f0f6fc;
799
802
  --color-ansi-white-bright: #cdd9e5;
800
- --color-ansi-gray: #636e7b;
803
+ --color-ansi-gray: #656c76;
801
804
  --color-ansi-red: #f47067;
802
805
  --color-ansi-red-bright: #ff938a;
803
806
  --color-ansi-green: #57ab5a;
@@ -810,44 +813,44 @@
810
813
  --color-ansi-magenta-bright: #dcbdfb;
811
814
  --color-ansi-cyan: #39c5cf;
812
815
  --color-ansi-cyan-bright: #56d4dd;
813
- --color-prettylights-syntax-comment: #768390;
816
+ --color-prettylights-syntax-comment: #9198a1;
814
817
  --color-prettylights-syntax-constant: #6cb6ff;
815
818
  --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
816
819
  --color-prettylights-syntax-entity: #dcbdfb;
817
- --color-prettylights-syntax-storage-modifier-import: #adbac7;
820
+ --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
818
821
  --color-prettylights-syntax-entity-tag: #8ddb8c;
819
822
  --color-prettylights-syntax-keyword: #f47067;
820
823
  --color-prettylights-syntax-string: #96d0ff;
821
824
  --color-prettylights-syntax-variable: #f69d50;
822
825
  --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
823
- --color-prettylights-syntax-brackethighlighter-angle: #768390;
824
- --color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
826
+ --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
827
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
825
828
  --color-prettylights-syntax-invalid-illegal-bg: #922323;
826
- --color-prettylights-syntax-carriage-return-text: #cdd9e5;
829
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
827
830
  --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
828
831
  --color-prettylights-syntax-string-regexp: #8ddb8c;
829
832
  --color-prettylights-syntax-markup-list: #eac55f;
830
833
  --color-prettylights-syntax-markup-heading: #316dca;
831
- --color-prettylights-syntax-markup-italic: #adbac7;
832
- --color-prettylights-syntax-markup-bold: #adbac7;
834
+ --color-prettylights-syntax-markup-italic: #f0f6fc;
835
+ --color-prettylights-syntax-markup-bold: #f0f6fc;
833
836
  --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
834
837
  --color-prettylights-syntax-markup-deleted-bg: #78191b;
835
838
  --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
836
839
  --color-prettylights-syntax-markup-inserted-bg: #1b4721;
837
840
  --color-prettylights-syntax-markup-changed-text: #ffddb0;
838
841
  --color-prettylights-syntax-markup-changed-bg: #682d0f;
839
- --color-prettylights-syntax-markup-ignored-text: #adbac7;
842
+ --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
840
843
  --color-prettylights-syntax-markup-ignored-bg: #255ab2;
841
844
  --color-prettylights-syntax-meta-diff-range: #dcbdfb;
842
- --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
845
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
843
846
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
844
847
  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
845
848
  --shadow-resting-small: 0px 1px 0px 0px #1c212866;
846
849
  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
847
- --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
848
- --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
849
- --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
850
- --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
850
+ --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
851
+ --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
852
+ --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
853
+ --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
851
854
  --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
852
855
  --outline-focus: #316dca solid 2px;
853
856
  }
@@ -855,18 +858,21 @@
855
858
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
856
859
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
857
860
  --base-color-black: #1c2128;
861
+ --base-color-inset: #1c2128;
858
862
  --base-color-white: #cdd9e5;
859
863
  --base-color-transparent: #00000000;
860
- --base-color-neutral-0: #cdd9e5;
861
- --base-color-neutral-1: #adbac7;
862
- --base-color-neutral-2: #909dab;
863
- --base-color-neutral-3: #768390;
864
- --base-color-neutral-4: #636e7b;
865
- --base-color-neutral-5: #545d68;
866
- --base-color-neutral-6: #444c56;
867
- --base-color-neutral-7: #373e47;
868
- --base-color-neutral-8: #2d333b;
869
- --base-color-neutral-9: #22272e;
864
+ --base-color-neutral-0: #0d1117;
865
+ --base-color-neutral-1: #151b23;
866
+ --base-color-neutral-2: #212830;
867
+ --base-color-neutral-3: #262c36;
868
+ --base-color-neutral-4: #2a313c;
869
+ --base-color-neutral-5: #2f3742;
870
+ --base-color-neutral-6: #3d444d;
871
+ --base-color-neutral-7: #656c76;
872
+ --base-color-neutral-8: #9198a1;
873
+ --base-color-neutral-9: #b7bdc8;
874
+ --base-color-neutral-10: #d1d7e0;
875
+ --base-color-neutral-11: #f0f6fc;
870
876
  --base-color-blue-0: #c6e6ff;
871
877
  --base-color-blue-1: #96d0ff;
872
878
  --base-color-blue-2: #6cb6ff;
@@ -1141,31 +1147,31 @@
1141
1147
  --base-display-color-white: #ffffff;
1142
1148
  --topicTag-borderColor: #00000000;
1143
1149
  --highlight-neutral-bgColor: #c6902666;
1144
- --page-header-bgColor: #22272e;
1145
- --diffBlob-addition-fgColor-text: #c5d1de;
1146
- --diffBlob-addition-fgColor-num: #c5d1de;
1150
+ --page-header-bgColor: #212830;
1151
+ --diffBlob-addition-fgColor-text: #b7bdc8;
1152
+ --diffBlob-addition-fgColor-num: #b7bdc8;
1147
1153
  --diffBlob-addition-bgColor-num: #57ab5a4d;
1148
1154
  --diffBlob-addition-bgColor-line: #46954a26;
1149
1155
  --diffBlob-addition-bgColor-word: #46954a66;
1150
- --diffBlob-deletion-fgColor-text: #c5d1de;
1151
- --diffBlob-deletion-fgColor-num: #c5d1de;
1156
+ --diffBlob-deletion-fgColor-text: #b7bdc8;
1157
+ --diffBlob-deletion-fgColor-num: #b7bdc8;
1152
1158
  --diffBlob-deletion-bgColor-num: #e5534b4d;
1153
1159
  --diffBlob-deletion-bgColor-line: #e5534b26;
1154
1160
  --diffBlob-deletion-bgColor-word: #e5534b66;
1155
1161
  --diffBlob-hunk-bgColor-num: #4184e466;
1156
- --diffBlob-expander-iconColor: #c5d1de;
1157
- --codeMirror-fgColor: #c5d1de;
1158
- --codeMirror-bgColor: #22272e;
1159
- --codeMirror-gutters-bgColor: #22272e;
1160
- --codeMirror-gutterMarker-fgColor-default: #22272e;
1161
- --codeMirror-gutterMarker-fgColor-muted: #778491;
1162
- --codeMirror-lineNumber-fgColor: #778491;
1163
- --codeMirror-cursor-fgColor: #c5d1de;
1162
+ --diffBlob-expander-iconColor: #b7bdc8;
1163
+ --codeMirror-fgColor: #b7bdc8;
1164
+ --codeMirror-bgColor: #212830;
1165
+ --codeMirror-gutters-bgColor: #212830;
1166
+ --codeMirror-gutterMarker-fgColor-default: #212830;
1167
+ --codeMirror-gutterMarker-fgColor-muted: #9198a1;
1168
+ --codeMirror-lineNumber-fgColor: #9198a1;
1169
+ --codeMirror-cursor-fgColor: #b7bdc8;
1164
1170
  --codeMirror-selection-bgColor: #4184e466;
1165
- --codeMirror-activeline-bgColor: #636e7b66;
1166
- --codeMirror-matchingBracket-fgColor: #c5d1de;
1167
- --codeMirror-lines-bgColor: #22272e;
1168
- --codeMirror-syntax-fgColor-comment: #768390;
1171
+ --codeMirror-activeline-bgColor: #2f3742b3;
1172
+ --codeMirror-matchingBracket-fgColor: #b7bdc8;
1173
+ --codeMirror-lines-bgColor: #212830;
1174
+ --codeMirror-syntax-fgColor-comment: #656c76;
1169
1175
  --codeMirror-syntax-fgColor-constant: #6cb6ff;
1170
1176
  --codeMirror-syntax-fgColor-entity: #dcbdfb;
1171
1177
  --codeMirror-syntax-fgColor-keyword: #f47067;
@@ -1174,30 +1180,30 @@
1174
1180
  --codeMirror-syntax-fgColor-support: #6cb6ff;
1175
1181
  --codeMirror-syntax-fgColor-variable: #f69d50;
1176
1182
  --header-fgColor-default: #cdd9e5b3;
1177
- --header-fgColor-logo: #cdd9e5;
1178
- --header-bgColor: #2d333bf2;
1179
- --header-borderColor-divider: #768390;
1180
- --headerSearch-bgColor: #22272e;
1181
- --headerSearch-borderColor: #444c56;
1182
- --data-blue-color: #0576ff;
1183
+ --header-fgColor-logo: #f0f6fc;
1184
+ --header-bgColor: #151b23f2;
1185
+ --header-borderColor-divider: #656c76;
1186
+ --headerSearch-bgColor: #0d1117;
1187
+ --headerSearch-borderColor: #2a313c;
1188
+ --data-blue-color-emphasis: #0576ff;
1183
1189
  --data-blue-color-muted: #001a47;
1184
- --data-auburn-color: #a86f6b;
1190
+ --data-auburn-color-emphasis: #a86f6b;
1185
1191
  --data-auburn-color-muted: #271817;
1186
- --data-orange-color: #984b10;
1192
+ --data-orange-color-emphasis: #984b10;
1187
1193
  --data-orange-color-muted: #311708;
1188
- --data-yellow-color: #895906;
1194
+ --data-yellow-color-emphasis: #895906;
1189
1195
  --data-yellow-color-muted: #2e1a00;
1190
- --data-green-color: #2f6f37;
1196
+ --data-green-color-emphasis: #2f6f37;
1191
1197
  --data-green-color-muted: #122117;
1192
- --data-teal-color: #106c70;
1198
+ --data-teal-color-emphasis: #106c70;
1193
1199
  --data-teal-color-muted: #041f25;
1194
- --data-purple-color: #975bf1;
1200
+ --data-purple-color-emphasis: #975bf1;
1195
1201
  --data-purple-color-muted: #211047;
1196
- --data-pink-color: #d34591;
1202
+ --data-pink-color-emphasis: #d34591;
1197
1203
  --data-pink-color-muted: #2d1524;
1198
- --data-red-color: #eb3342;
1204
+ --data-red-color-emphasis: #eb3342;
1199
1205
  --data-red-color-muted: #3c0614;
1200
- --data-gray-color: #576270;
1206
+ --data-gray-color-emphasis: #576270;
1201
1207
  --data-gray-color-muted: #1c1c1c;
1202
1208
  --display-blue-bgColor-muted: #001a47;
1203
1209
  --display-blue-bgColor-emphasis: #005bd1;
@@ -1296,30 +1302,30 @@
1296
1302
  --display-pink-borderColor-emphasis: #d34591;
1297
1303
  --avatar-bgColor: #cdd9e51a;
1298
1304
  --avatar-borderColor: #cdd9e526;
1299
- --avatar-shadow: 0px 0px 0px 2px #22272e;
1300
- --avatarStack-fade-bgColor-default: #444c56;
1301
- --avatarStack-fade-bgColor-muted: #373e47;
1302
- --control-bgColor-rest: #373e47;
1303
- --control-bgColor-hover: #3d444e;
1304
- --control-bgColor-active: #434a54;
1305
- --control-bgColor-disabled: #373e47b3;
1306
- --control-bgColor-selected: #2d333b;
1307
- --control-fgColor-rest: #adbac7;
1308
- --control-fgColor-placeholder: #727f8c;
1309
- --control-fgColor-disabled: #636e7b;
1310
- --control-borderColor-rest: #444c56;
1311
- --control-borderColor-emphasis: #606b77;
1312
- --control-borderColor-disabled: #373e47b3;
1313
- --control-borderColor-selected: #cdd9e5;
1305
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
1306
+ --avatarStack-fade-bgColor-default: #3d444d;
1307
+ --avatarStack-fade-bgColor-muted: #2a313c;
1308
+ --control-bgColor-rest: #2a313c;
1309
+ --control-bgColor-hover: #2f3742;
1310
+ --control-bgColor-active: #3d444d;
1311
+ --control-bgColor-disabled: #2a313c;
1312
+ --control-bgColor-selected: #2a313c;
1313
+ --control-fgColor-rest: #b7bdc8;
1314
+ --control-fgColor-placeholder: #9198a1;
1315
+ --control-fgColor-disabled: #656c76;
1316
+ --control-borderColor-rest: #3d444d;
1317
+ --control-borderColor-emphasis: #656c76;
1318
+ --control-borderColor-disabled: #2a313c;
1319
+ --control-borderColor-selected: #f0f6fc;
1314
1320
  --control-borderColor-success: #347d39;
1315
1321
  --control-borderColor-danger: #c93c37;
1316
1322
  --control-borderColor-warning: #966600;
1317
- --control-iconColor-rest: #778491;
1323
+ --control-iconColor-rest: #9198a1;
1318
1324
  --control-transparent-bgColor-rest: #00000000;
1319
- --control-transparent-bgColor-hover: #909dab1f;
1320
- --control-transparent-bgColor-active: #909dab33;
1321
- --control-transparent-bgColor-disabled: #373e47b3;
1322
- --control-transparent-bgColor-selected: #909dab14;
1325
+ --control-transparent-bgColor-hover: #656c7626;
1326
+ --control-transparent-bgColor-active: #656c7633;
1327
+ --control-transparent-bgColor-disabled: #2a313c;
1328
+ --control-transparent-bgColor-selected: #656c761a;
1323
1329
  --control-transparent-borderColor-rest: #00000000;
1324
1330
  --control-transparent-borderColor-hover: #00000000;
1325
1331
  --control-transparent-borderColor-active: #00000000;
@@ -1330,38 +1336,38 @@
1330
1336
  --control-checked-bgColor-rest: #316dca;
1331
1337
  --control-checked-bgColor-hover: #3876d3;
1332
1338
  --control-checked-bgColor-active: #3f7fdb;
1333
- --control-checked-bgColor-disabled: #636e7b;
1334
- --control-checked-fgColor-rest: #cdd9e5;
1339
+ --control-checked-bgColor-disabled: #656c76;
1340
+ --control-checked-fgColor-rest: #f0f6fc;
1335
1341
  --control-checked-fgColor-disabled: #1c2128;
1336
1342
  --control-checked-borderColor-rest: #316dca;
1337
1343
  --control-checked-borderColor-hover: #3876d3;
1338
1344
  --control-checked-borderColor-active: #3f7fdb;
1339
- --control-checked-borderColor-disabled: #636e7b;
1340
- --controlTrack-bgColor-rest: #373e47;
1341
- --controlTrack-bgColor-hover: #3d444e;
1342
- --controlTrack-bgColor-active: #434a54;
1343
- --controlTrack-bgColor-disabled: #636e7b;
1344
- --controlTrack-fgColor-rest: #778491;
1345
- --controlTrack-fgColor-disabled: #cdd9e5;
1345
+ --control-checked-borderColor-disabled: #656c76;
1346
+ --controlTrack-bgColor-rest: #2a313c;
1347
+ --controlTrack-bgColor-hover: #2f3742;
1348
+ --controlTrack-bgColor-active: #3d444d;
1349
+ --controlTrack-bgColor-disabled: #656c76;
1350
+ --controlTrack-fgColor-rest: #9198a1;
1351
+ --controlTrack-fgColor-disabled: #f0f6fc;
1346
1352
  --controlTrack-borderColor-rest: #00000000;
1347
- --controlTrack-borderColor-disabled: #636e7b;
1348
- --controlKnob-bgColor-rest: #1c2128;
1349
- --controlKnob-bgColor-disabled: #373e47b3;
1353
+ --controlTrack-borderColor-disabled: #656c76;
1354
+ --controlKnob-bgColor-rest: #151b23;
1355
+ --controlKnob-bgColor-disabled: #2a313c;
1350
1356
  --controlKnob-bgColor-checked: #cdd9e5;
1351
- --controlKnob-borderColor-rest: #606b77;
1352
- --controlKnob-borderColor-disabled: #373e47b3;
1357
+ --controlKnob-borderColor-rest: #656c76;
1358
+ --controlKnob-borderColor-disabled: #2a313c;
1353
1359
  --controlKnob-borderColor-checked: #316dca;
1354
1360
  --counter-borderColor: #00000000;
1355
- --button-default-fgColor-rest: #adbac7;
1356
- --button-default-bgColor-rest: #373e47;
1357
- --button-default-bgColor-hover: #3d444e;
1358
- --button-default-bgColor-active: #434a54;
1359
- --button-default-bgColor-selected: #434a54;
1360
- --button-default-bgColor-disabled: #373e47b3;
1361
- --button-default-borderColor-rest: #444c56;
1362
- --button-default-borderColor-hover: #444c56;
1363
- --button-default-borderColor-active: #444c56;
1364
- --button-default-borderColor-disabled: #373e47b3;
1361
+ --button-default-fgColor-rest: #b7bdc8;
1362
+ --button-default-bgColor-rest: #2a313c;
1363
+ --button-default-bgColor-hover: #2f3742;
1364
+ --button-default-bgColor-active: #3d444d;
1365
+ --button-default-bgColor-selected: #3d444d;
1366
+ --button-default-bgColor-disabled: #2a313c;
1367
+ --button-default-borderColor-rest: #3d444d;
1368
+ --button-default-borderColor-hover: #3d444d;
1369
+ --button-default-borderColor-active: #3d444d;
1370
+ --button-default-borderColor-disabled: #2a313c;
1365
1371
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
1366
1372
  --button-primary-fgColor-rest: #ffffff;
1367
1373
  --button-primary-fgColor-disabled: #cdd9e566;
@@ -1375,29 +1381,29 @@
1375
1381
  --button-primary-borderColor-active: #cdd9e51a;
1376
1382
  --button-primary-borderColor-disabled: #50a254;
1377
1383
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
1378
- --button-invisible-fgColor-rest: #478be6;
1379
- --button-invisible-fgColor-hover: #539bf5;
1380
- --button-invisible-fgColor-disabled: #636e7b;
1381
- --button-invisible-iconColor-rest: #778491;
1382
- --button-invisible-iconColor-hover: #778491;
1383
- --button-invisible-iconColor-disabled: #636e7b;
1384
+ --button-invisible-fgColor-rest: #9198a1;
1385
+ --button-invisible-fgColor-hover: #9198a1;
1386
+ --button-invisible-fgColor-disabled: #656c76;
1387
+ --button-invisible-iconColor-rest: #b7bdc8;
1388
+ --button-invisible-iconColor-hover: #b7bdc8;
1389
+ --button-invisible-iconColor-disabled: #656c76;
1384
1390
  --button-invisible-bgColor-rest: #00000000;
1385
- --button-invisible-bgColor-hover: #909dab1f;
1386
- --button-invisible-bgColor-active: #909dab33;
1387
- --button-invisible-bgColor-disabled: #373e47b3;
1391
+ --button-invisible-bgColor-hover: #656c7626;
1392
+ --button-invisible-bgColor-active: #656c7633;
1393
+ --button-invisible-bgColor-disabled: #2a313c;
1388
1394
  --button-invisible-borderColor-rest: #00000000;
1389
1395
  --button-invisible-borderColor-hover: #00000000;
1390
- --button-invisible-borderColor-disabled: #373e47b3;
1396
+ --button-invisible-borderColor-disabled: #2a313c;
1391
1397
  --button-outline-fgColor-rest: #4184e4;
1392
1398
  --button-outline-fgColor-hover: #539bf5;
1393
1399
  --button-outline-fgColor-active: #cdd9e5;
1394
1400
  --button-outline-fgColor-disabled: #478be680;
1395
- --button-outline-bgColor-rest: #cdd9e5;
1396
- --button-outline-bgColor-hover: #444c56;
1401
+ --button-outline-bgColor-rest: #f0f6fc;
1402
+ --button-outline-bgColor-hover: #2f3742;
1397
1403
  --button-outline-bgColor-active: #1b4b91;
1398
- --button-outline-bgColor-disabled: #22272e;
1399
- --button-outline-borderColor-hover: #cdd9e51a;
1400
- --button-outline-borderColor-selected: #cdd9e51a;
1404
+ --button-outline-bgColor-disabled: #2a313c;
1405
+ --button-outline-borderColor-hover: #3d444d;
1406
+ --button-outline-borderColor-selected: #3d444d;
1401
1407
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
1402
1408
  --button-danger-fgColor-rest: #e5534b;
1403
1409
  --button-danger-fgColor-hover: #cdd9e5;
@@ -1405,19 +1411,19 @@
1405
1411
  --button-danger-fgColor-disabled: #e5534b80;
1406
1412
  --button-danger-iconColor-rest: #e5534b;
1407
1413
  --button-danger-iconColor-hover: #cdd9e5;
1408
- --button-danger-bgColor-rest: #373e47;
1414
+ --button-danger-bgColor-rest: #2a313c;
1409
1415
  --button-danger-bgColor-hover: #ad2e2c;
1410
1416
  --button-danger-bgColor-active: #c33d38;
1411
- --button-danger-bgColor-disabled: #373e47b3;
1412
- --button-danger-borderColor-rest: #444c56;
1417
+ --button-danger-bgColor-disabled: #2a313c;
1418
+ --button-danger-borderColor-rest: #3d444d;
1413
1419
  --button-danger-borderColor-hover: #cdd9e51a;
1414
1420
  --button-danger-borderColor-active: #cdd9e51a;
1415
1421
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1416
- --button-inactive-fgColor: #768390;
1417
- --button-inactive-bgColor: #373e47;
1422
+ --button-inactive-fgColor: #656c76;
1423
+ --button-inactive-bgColor: #2a313c;
1418
1424
  --button-star-iconColor: #daaa3f;
1419
- --buttonCounter-default-bgColor-rest: #444c56;
1420
- --buttonCounter-invisible-bgColor-rest: #444c56;
1425
+ --buttonCounter-default-bgColor-rest: #2f3742;
1426
+ --buttonCounter-invisible-bgColor-rest: #2f3742;
1421
1427
  --buttonCounter-primary-bgColor-rest: #11341733;
1422
1428
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
1423
1429
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -1436,21 +1442,21 @@
1436
1442
  --reactionButton-selected-fgColor-rest: #478be6;
1437
1443
  --reactionButton-selected-fgColor-hover: #6cb6ff;
1438
1444
  --focus-outlineColor: #316dca;
1439
- --menu-bgColor-active: #2d333b;
1440
- --overlay-bgColor: #2d333b;
1441
- --overlay-borderColor: #444c56b3;
1442
- --overlay-backdrop-bgColor: #2d333b66;
1443
- --selectMenu-borderColor: #545d68;
1445
+ --menu-bgColor-active: #151b23;
1446
+ --overlay-bgColor: #2a313c;
1447
+ --overlay-borderColor: #3d444db3;
1448
+ --overlay-backdrop-bgColor: #262c3666;
1449
+ --selectMenu-borderColor: #3d444d;
1444
1450
  --selectMenu-bgColor-active: #143d79;
1445
- --sideNav-bgColor-selected: #373e47;
1446
- --skeletonLoader-bgColor: #2d333b;
1447
- --timelineBadge-bgColor: #373e47;
1448
- --treeViewItem-leadingVisual-iconColor-rest: #778491;
1451
+ --sideNav-bgColor-selected: #212830;
1452
+ --skeletonLoader-bgColor: #262c36;
1453
+ --timelineBadge-bgColor: #262c36;
1454
+ --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
1449
1455
  --underlineNav-borderColor-active: #ec775c;
1450
- --underlineNav-borderColor-hover: #636e7b66;
1451
- --underlineNav-iconColor-rest: #778491;
1456
+ --underlineNav-borderColor-hover: #3d444db3;
1457
+ --underlineNav-iconColor-rest: #9198a1;
1452
1458
  --selection-bgColor: #316dcab3;
1453
- --card-bgColor: #2d333b;
1459
+ --card-bgColor: #262c36;
1454
1460
  --label-green-bgColor-rest: #122117;
1455
1461
  --label-green-bgColor-hover: #182f1f;
1456
1462
  --label-green-bgColor-active: #214529;
@@ -1565,17 +1571,17 @@
1565
1571
  --label-coral-fgColor-rest: #f7794b;
1566
1572
  --label-coral-fgColor-hover: #fa8c61;
1567
1573
  --label-coral-fgColor-active: #fdaa86;
1568
- --tooltip-bgColor: #636e7b;
1569
- --tooltip-fgColor: #cdd9e5;
1570
- --fgColor-default: #c5d1de;
1571
- --fgColor-muted: #778491;
1572
- --fgColor-onEmphasis: #cdd9e5;
1574
+ --tooltip-bgColor: #3d444d;
1575
+ --tooltip-fgColor: #f0f6fc;
1576
+ --fgColor-default: #b7bdc8;
1577
+ --fgColor-muted: #9198a1;
1578
+ --fgColor-onEmphasis: #f0f6fc;
1573
1579
  --fgColor-onInverse: #1c2128;
1574
1580
  --fgColor-white: #cdd9e5;
1575
1581
  --fgColor-black: #1c2128;
1576
- --fgColor-disabled: #636e7b;
1582
+ --fgColor-disabled: #656c76;
1577
1583
  --fgColor-link: #478be6;
1578
- --fgColor-neutral: #909dab;
1584
+ --fgColor-neutral: #9198a1;
1579
1585
  --fgColor-accent: #478be6;
1580
1586
  --fgColor-success: #57ab5a;
1581
1587
  --fgColor-open: #57ab5a;
@@ -1586,17 +1592,17 @@
1586
1592
  --fgColor-done: #986ee2;
1587
1593
  --fgColor-upsell: #986ee2;
1588
1594
  --fgColor-sponsors: #c96198;
1589
- --bgColor-default: #22272e;
1590
- --bgColor-muted: #2d333b;
1591
- --bgColor-inset: #1c2128;
1592
- --bgColor-emphasis: #636e7b;
1595
+ --bgColor-default: #212830;
1596
+ --bgColor-muted: #262c36;
1597
+ --bgColor-inset: #151b23;
1598
+ --bgColor-emphasis: #3d444d;
1593
1599
  --bgColor-inverse: #cdd9e5;
1594
1600
  --bgColor-white: #cdd9e5;
1595
1601
  --bgColor-black: #1c2128;
1596
- --bgColor-disabled: #373e47b3;
1602
+ --bgColor-disabled: #2a313c;
1597
1603
  --bgColor-transparent: #00000000;
1598
- --bgColor-neutral-muted: #636e7b66;
1599
- --bgColor-neutral-emphasis: #636e7b;
1604
+ --bgColor-neutral-muted: #2f3742b3;
1605
+ --bgColor-neutral-emphasis: #656c76;
1600
1606
  --bgColor-accent-muted: #4184e41a;
1601
1607
  --bgColor-accent-emphasis: #316dca;
1602
1608
  --bgColor-success-muted: #46954a26;
@@ -1617,14 +1623,14 @@
1617
1623
  --bgColor-upsell-emphasis: #8256d0;
1618
1624
  --bgColor-sponsors-muted: #c961981a;
1619
1625
  --bgColor-sponsors-emphasis: #ae4c82;
1620
- --borderColor-default: #444c56;
1621
- --borderColor-muted: #444c56b3;
1622
- --borderColor-emphasis: #545d68;
1623
- --borderColor-disabled: #373e47b3;
1626
+ --borderColor-default: #3d444d;
1627
+ --borderColor-muted: #3d444db3;
1628
+ --borderColor-emphasis: #656c76;
1629
+ --borderColor-disabled: #2a313c;
1624
1630
  --borderColor-transparent: #00000000;
1625
1631
  --borderColor-translucent: #cdd9e526;
1626
- --borderColor-neutral-muted: #636e7b66;
1627
- --borderColor-neutral-emphasis: #636e7b;
1632
+ --borderColor-neutral-muted: #3d444db3;
1633
+ --borderColor-neutral-emphasis: #656c76;
1628
1634
  --borderColor-accent-muted: #4184e466;
1629
1635
  --borderColor-accent-emphasis: #316dca;
1630
1636
  --borderColor-success-muted: #46954a66;
@@ -1645,11 +1651,11 @@
1645
1651
  --borderColor-upsell-emphasis: #8256d0;
1646
1652
  --borderColor-sponsors-muted: #c9619866;
1647
1653
  --borderColor-sponsors-emphasis: #ae4c82;
1648
- --color-ansi-black: #545d68;
1649
- --color-ansi-black-bright: #636e7b;
1650
- --color-ansi-white: #909dab;
1654
+ --color-ansi-black: #2f3742;
1655
+ --color-ansi-black-bright: #656c76;
1656
+ --color-ansi-white: #f0f6fc;
1651
1657
  --color-ansi-white-bright: #cdd9e5;
1652
- --color-ansi-gray: #636e7b;
1658
+ --color-ansi-gray: #656c76;
1653
1659
  --color-ansi-red: #f47067;
1654
1660
  --color-ansi-red-bright: #ff938a;
1655
1661
  --color-ansi-green: #57ab5a;
@@ -1662,44 +1668,44 @@
1662
1668
  --color-ansi-magenta-bright: #dcbdfb;
1663
1669
  --color-ansi-cyan: #39c5cf;
1664
1670
  --color-ansi-cyan-bright: #56d4dd;
1665
- --color-prettylights-syntax-comment: #768390;
1671
+ --color-prettylights-syntax-comment: #9198a1;
1666
1672
  --color-prettylights-syntax-constant: #6cb6ff;
1667
1673
  --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
1668
1674
  --color-prettylights-syntax-entity: #dcbdfb;
1669
- --color-prettylights-syntax-storage-modifier-import: #adbac7;
1675
+ --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
1670
1676
  --color-prettylights-syntax-entity-tag: #8ddb8c;
1671
1677
  --color-prettylights-syntax-keyword: #f47067;
1672
1678
  --color-prettylights-syntax-string: #96d0ff;
1673
1679
  --color-prettylights-syntax-variable: #f69d50;
1674
1680
  --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
1675
- --color-prettylights-syntax-brackethighlighter-angle: #768390;
1676
- --color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
1681
+ --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
1682
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
1677
1683
  --color-prettylights-syntax-invalid-illegal-bg: #922323;
1678
- --color-prettylights-syntax-carriage-return-text: #cdd9e5;
1684
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
1679
1685
  --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
1680
1686
  --color-prettylights-syntax-string-regexp: #8ddb8c;
1681
1687
  --color-prettylights-syntax-markup-list: #eac55f;
1682
1688
  --color-prettylights-syntax-markup-heading: #316dca;
1683
- --color-prettylights-syntax-markup-italic: #adbac7;
1684
- --color-prettylights-syntax-markup-bold: #adbac7;
1689
+ --color-prettylights-syntax-markup-italic: #f0f6fc;
1690
+ --color-prettylights-syntax-markup-bold: #f0f6fc;
1685
1691
  --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
1686
1692
  --color-prettylights-syntax-markup-deleted-bg: #78191b;
1687
1693
  --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
1688
1694
  --color-prettylights-syntax-markup-inserted-bg: #1b4721;
1689
1695
  --color-prettylights-syntax-markup-changed-text: #ffddb0;
1690
1696
  --color-prettylights-syntax-markup-changed-bg: #682d0f;
1691
- --color-prettylights-syntax-markup-ignored-text: #adbac7;
1697
+ --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
1692
1698
  --color-prettylights-syntax-markup-ignored-bg: #255ab2;
1693
1699
  --color-prettylights-syntax-meta-diff-range: #dcbdfb;
1694
- --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
1700
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
1695
1701
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
1696
1702
  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
1697
1703
  --shadow-resting-small: 0px 1px 0px 0px #1c212866;
1698
1704
  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
1699
- --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1700
- --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
1701
- --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
1702
- --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
1705
+ --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1706
+ --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
1707
+ --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #1c2128;
1708
+ --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
1703
1709
  --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1704
1710
  --outline-focus: #316dca solid 2px;
1705
1711
  }