@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

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