@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_high_contrast"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
5
5
  --base-color-black: #010409;
6
+ --base-color-inset: #010409;
6
7
  --base-color-white: #ffffff;
7
8
  --base-color-transparent: #00000000;
8
- --base-color-neutral-0: #ffffff;
9
- --base-color-neutral-1: #f0f3f6;
10
- --base-color-neutral-2: #d9dee3;
11
- --base-color-neutral-3: #bdc4cc;
12
- --base-color-neutral-4: #9ea7b3;
13
- --base-color-neutral-5: #7a828e;
14
- --base-color-neutral-6: #525964;
15
- --base-color-neutral-7: #3d424d;
16
- --base-color-neutral-8: #272b33;
17
- --base-color-neutral-9: #0a0c10;
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: #caeaff;
19
22
  --base-color-blue-1: #addcff;
20
23
  --base-color-blue-2: #91cbff;
@@ -289,31 +292,31 @@
289
292
  --base-display-color-white: #ffffff;
290
293
  --topicTag-borderColor: #409eff;
291
294
  --highlight-neutral-bgColor: #f0b72f66;
292
- --page-header-bgColor: #0a0c10;
293
- --diffBlob-addition-fgColor-text: #0a0c10;
294
- --diffBlob-addition-fgColor-num: #fbfcfd;
295
+ --page-header-bgColor: #010409;
296
+ --diffBlob-addition-fgColor-text: #010409;
297
+ --diffBlob-addition-fgColor-num: #ffffff;
295
298
  --diffBlob-addition-bgColor-num: #28d7514d;
296
299
  --diffBlob-addition-bgColor-line: #0ac74026;
297
300
  --diffBlob-addition-bgColor-word: #0ac740;
298
- --diffBlob-deletion-fgColor-text: #0a0c10;
299
- --diffBlob-deletion-fgColor-num: #fbfcfd;
301
+ --diffBlob-deletion-fgColor-text: #010409;
302
+ --diffBlob-deletion-fgColor-num: #ffffff;
300
303
  --diffBlob-deletion-bgColor-num: #ff80804d;
301
304
  --diffBlob-deletion-bgColor-line: #ff808026;
302
305
  --diffBlob-deletion-bgColor-word: #ff6a69;
303
306
  --diffBlob-hunk-bgColor-num: #5cacff66;
304
- --diffBlob-expander-iconColor: #fbfcfd;
305
- --codeMirror-fgColor: #fbfcfd;
306
- --codeMirror-bgColor: #0a0c10;
307
- --codeMirror-gutters-bgColor: #0a0c10;
308
- --codeMirror-gutterMarker-fgColor-default: #0a0c10;
309
- --codeMirror-gutterMarker-fgColor-muted: #f0f3f6;
310
- --codeMirror-lineNumber-fgColor: #f0f3f6;
311
- --codeMirror-cursor-fgColor: #fbfcfd;
307
+ --diffBlob-expander-iconColor: #ffffff;
308
+ --codeMirror-fgColor: #ffffff;
309
+ --codeMirror-bgColor: #010409;
310
+ --codeMirror-gutters-bgColor: #010409;
311
+ --codeMirror-gutterMarker-fgColor-default: #010409;
312
+ --codeMirror-gutterMarker-fgColor-muted: #b7bdc8;
313
+ --codeMirror-lineNumber-fgColor: #b7bdc8;
314
+ --codeMirror-cursor-fgColor: #ffffff;
312
315
  --codeMirror-selection-bgColor: #5cacff66;
313
- --codeMirror-activeline-bgColor: #7a828e1a;
314
- --codeMirror-matchingBracket-fgColor: #fbfcfd;
315
- --codeMirror-lines-bgColor: #0a0c10;
316
- --codeMirror-syntax-fgColor-comment: #bdc4cc;
316
+ --codeMirror-activeline-bgColor: #2f3742b3;
317
+ --codeMirror-matchingBracket-fgColor: #ffffff;
318
+ --codeMirror-lines-bgColor: #010409;
319
+ --codeMirror-syntax-fgColor-comment: #656c76;
317
320
  --codeMirror-syntax-fgColor-constant: #91cbff;
318
321
  --codeMirror-syntax-fgColor-entity: #dbb7ff;
319
322
  --codeMirror-syntax-fgColor-keyword: #ff9492;
@@ -322,30 +325,30 @@
322
325
  --codeMirror-syntax-fgColor-support: #91cbff;
323
326
  --codeMirror-syntax-fgColor-variable: #ffb757;
324
327
  --header-fgColor-default: #ffffffb3;
325
- --header-fgColor-logo: #ffffff;
326
- --header-bgColor: #272b33f2;
327
- --header-borderColor-divider: #bdc4cc;
328
- --headerSearch-bgColor: #0a0c10;
329
- --headerSearch-borderColor: #525964;
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: #4da0ff;
@@ -444,76 +447,76 @@
444
447
  --display-pink-borderColor-emphasis: #e57bb2;
445
448
  --avatar-bgColor: #ffffff1a;
446
449
  --avatar-borderColor: #ffffffe6;
447
- --avatar-shadow: 0px 0px 0px 2px #0a0c10;
448
- --avatarStack-fade-bgColor-default: #525964;
449
- --avatarStack-fade-bgColor-muted: #3d424d;
450
- --control-bgColor-rest: #3d424d;
451
- --control-bgColor-hover: #494f5a;
452
- --control-bgColor-active: #393d48;
453
- --control-bgColor-disabled: #3d424db3;
454
- --control-bgColor-selected: #272b33;
455
- --control-fgColor-rest: #f0f3f6;
456
- --control-fgColor-placeholder: #e4e9ed;
457
- --control-fgColor-disabled: #9ea7b3;
458
- --control-borderColor-rest: #7a828e;
459
- --control-borderColor-emphasis: #9ea7b3;
460
- --control-borderColor-disabled: #3d424db3;
461
- --control-borderColor-selected: #ffffff;
450
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
451
+ --avatarStack-fade-bgColor-default: #3d444d;
452
+ --avatarStack-fade-bgColor-muted: #2a313c;
453
+ --control-bgColor-rest: #262c36;
454
+ --control-bgColor-hover: #2a313c;
455
+ --control-bgColor-active: #2f3742;
456
+ --control-bgColor-disabled: #262c36;
457
+ --control-bgColor-selected: #262c36;
458
+ --control-fgColor-rest: #ffffff;
459
+ --control-fgColor-placeholder: #b7bdc8;
460
+ --control-fgColor-disabled: #9198a1;
461
+ --control-borderColor-rest: #b7bdc8;
462
+ --control-borderColor-emphasis: #b7bdc8;
463
+ --control-borderColor-disabled: #262c36;
464
+ --control-borderColor-selected: #f0f6fc;
462
465
  --control-borderColor-success: #09b43a;
463
466
  --control-borderColor-danger: #ff6a69;
464
467
  --control-borderColor-warning: #e09b13;
465
- --control-iconColor-rest: #f0f3f6;
468
+ --control-iconColor-rest: #b7bdc8;
466
469
  --control-transparent-bgColor-rest: #00000000;
467
- --control-transparent-bgColor-hover: #272b33;
468
- --control-transparent-bgColor-active: #525964;
469
- --control-transparent-bgColor-disabled: #3d424db3;
470
- --control-transparent-bgColor-selected: #525964;
470
+ --control-transparent-bgColor-hover: #2f3742;
471
+ --control-transparent-bgColor-active: #3d444d;
472
+ --control-transparent-bgColor-disabled: #262c36;
473
+ --control-transparent-bgColor-selected: #2f3742;
471
474
  --control-transparent-borderColor-rest: #00000000;
472
- --control-transparent-borderColor-hover: #7a828e;
473
- --control-transparent-borderColor-active: #9ea7b3;
475
+ --control-transparent-borderColor-hover: #b7bdc8;
476
+ --control-transparent-borderColor-active: #b7bdc8;
474
477
  --control-danger-fgColor-rest: #ff9492;
475
- --control-danger-fgColor-hover: #0a0c10;
478
+ --control-danger-fgColor-hover: #010409;
476
479
  --control-danger-bgColor-hover: #ff8080;
477
480
  --control-danger-bgColor-active: #f65e60;
478
481
  --control-checked-bgColor-rest: #5cacff;
479
482
  --control-checked-bgColor-hover: #60aeff;
480
483
  --control-checked-bgColor-active: #64b0ff;
481
- --control-checked-bgColor-disabled: #9ea7b3;
482
- --control-checked-fgColor-rest: #0a0c10;
484
+ --control-checked-bgColor-disabled: #9198a1;
485
+ --control-checked-fgColor-rest: #010409;
483
486
  --control-checked-fgColor-disabled: #010409;
484
487
  --control-checked-borderColor-rest: #5cacff;
485
488
  --control-checked-borderColor-hover: #60aeff;
486
489
  --control-checked-borderColor-active: #64b0ff;
487
- --control-checked-borderColor-disabled: #9ea7b3;
488
- --controlTrack-bgColor-rest: #3d424d;
489
- --controlTrack-bgColor-hover: #494f5a;
490
- --controlTrack-bgColor-active: #555c67;
491
- --controlTrack-bgColor-disabled: #9ea7b3;
492
- --controlTrack-fgColor-rest: #fbfcfd;
493
- --controlTrack-fgColor-disabled: #0a0c10;
494
- --controlTrack-borderColor-rest: #9ea7b3;
495
- --controlTrack-borderColor-disabled: #9ea7b3;
490
+ --control-checked-borderColor-disabled: #9198a1;
491
+ --controlTrack-bgColor-rest: #2a313c;
492
+ --controlTrack-bgColor-hover: #2f3742;
493
+ --controlTrack-bgColor-active: #3d444d;
494
+ --controlTrack-bgColor-disabled: #9198a1;
495
+ --controlTrack-fgColor-rest: #ffffff;
496
+ --controlTrack-fgColor-disabled: #010409;
497
+ --controlTrack-borderColor-rest: #b7bdc8;
498
+ --controlTrack-borderColor-disabled: #9198a1;
496
499
  --controlKnob-bgColor-rest: #010409;
497
- --controlKnob-bgColor-disabled: #3d424db3;
500
+ --controlKnob-bgColor-disabled: #262c36;
498
501
  --controlKnob-bgColor-checked: #ffffff;
499
- --controlKnob-borderColor-rest: #9ea7b3;
500
- --controlKnob-borderColor-disabled: #3d424db3;
502
+ --controlKnob-borderColor-rest: #b7bdc8;
503
+ --controlKnob-borderColor-disabled: #262c36;
501
504
  --controlKnob-borderColor-checked: #5cacff;
502
- --counter-borderColor: #00000000;
503
- --button-default-fgColor-rest: #f0f3f6;
504
- --button-default-bgColor-rest: #3d424d;
505
- --button-default-bgColor-hover: #494f5a;
506
- --button-default-bgColor-active: #393d48;
507
- --button-default-bgColor-selected: #393d48;
508
- --button-default-bgColor-disabled: #3d424db3;
509
- --button-default-borderColor-rest: #7a828e;
510
- --button-default-borderColor-hover: #7a828e;
511
- --button-default-borderColor-active: #7a828e;
512
- --button-default-borderColor-disabled: #3d424db3;
505
+ --counter-borderColor: #b7bdc8;
506
+ --button-default-fgColor-rest: #ffffff;
507
+ --button-default-bgColor-rest: #262c36;
508
+ --button-default-bgColor-hover: #2a313c;
509
+ --button-default-bgColor-active: #2f3742;
510
+ --button-default-bgColor-selected: #2f3742;
511
+ --button-default-bgColor-disabled: #262c36;
512
+ --button-default-borderColor-rest: #b7bdc8;
513
+ --button-default-borderColor-hover: #b7bdc8;
514
+ --button-default-borderColor-active: #b7bdc8;
515
+ --button-default-borderColor-disabled: #262c36;
513
516
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
514
- --button-primary-fgColor-rest: #0a0c10;
515
- --button-primary-fgColor-disabled: #0a0c1080;
516
- --button-primary-iconColor-rest: #0a0c10;
517
+ --button-primary-fgColor-rest: #010409;
518
+ --button-primary-fgColor-disabled: #01040980;
519
+ --button-primary-iconColor-rest: #010409;
517
520
  --button-primary-bgColor-rest: #0ac740;
518
521
  --button-primary-bgColor-hover: #10ca43;
519
522
  --button-primary-bgColor-active: #16cd47;
@@ -523,29 +526,29 @@
523
526
  --button-primary-borderColor-active: #4ae168;
524
527
  --button-primary-borderColor-disabled: #4ae16866;
525
528
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
526
- --button-invisible-fgColor-rest: #73b8ff;
527
- --button-invisible-fgColor-hover: #1e60d5;
528
- --button-invisible-fgColor-disabled: #9ea7b3;
529
- --button-invisible-iconColor-rest: #f0f3f6;
530
- --button-invisible-iconColor-hover: #0a0c10;
531
- --button-invisible-iconColor-disabled: #9ea7b3;
529
+ --button-invisible-fgColor-rest: #b7bdc8;
530
+ --button-invisible-fgColor-hover: #b7bdc8;
531
+ --button-invisible-fgColor-disabled: #9198a1;
532
+ --button-invisible-iconColor-rest: #d1d7e0;
533
+ --button-invisible-iconColor-hover: #d1d7e0;
534
+ --button-invisible-iconColor-disabled: #9198a1;
532
535
  --button-invisible-bgColor-rest: #00000000;
533
- --button-invisible-bgColor-hover: #f0f3f6;
534
- --button-invisible-bgColor-active: #d9dee3;
535
- --button-invisible-bgColor-disabled: #3d424db3;
536
+ --button-invisible-bgColor-hover: #151b23;
537
+ --button-invisible-bgColor-active: #212830;
538
+ --button-invisible-bgColor-disabled: #262c36;
536
539
  --button-invisible-borderColor-rest: #00000000;
537
- --button-invisible-borderColor-hover: #7a828e;
538
- --button-invisible-borderColor-disabled: #3d424db3;
540
+ --button-invisible-borderColor-hover: #b7bdc8;
541
+ --button-invisible-borderColor-disabled: #262c36;
539
542
  --button-outline-fgColor-rest: #5cacff;
540
543
  --button-outline-fgColor-hover: #71b7ff;
541
544
  --button-outline-fgColor-active: #ffffff;
542
545
  --button-outline-fgColor-disabled: #73b8ff80;
543
- --button-outline-bgColor-rest: #ffffff;
544
- --button-outline-bgColor-hover: #525964;
546
+ --button-outline-bgColor-rest: #f0f6fc;
547
+ --button-outline-bgColor-hover: #2a313c;
545
548
  --button-outline-bgColor-active: #2672f3;
546
- --button-outline-bgColor-disabled: #0a0c10;
547
- --button-outline-borderColor-hover: #ffffff1a;
548
- --button-outline-borderColor-selected: #ffffff1a;
549
+ --button-outline-bgColor-disabled: #262c36;
550
+ --button-outline-borderColor-hover: #b7bdc8;
551
+ --button-outline-borderColor-selected: #b7bdc8;
549
552
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
550
553
  --button-danger-fgColor-rest: #ff9492;
551
554
  --button-danger-fgColor-hover: #ffffff;
@@ -553,19 +556,19 @@
553
556
  --button-danger-fgColor-disabled: #ff949280;
554
557
  --button-danger-iconColor-rest: #ff9492;
555
558
  --button-danger-iconColor-hover: #ffffff;
556
- --button-danger-bgColor-rest: #3d424d;
559
+ --button-danger-bgColor-rest: #262c36;
557
560
  --button-danger-bgColor-hover: #ff4445;
558
561
  --button-danger-bgColor-active: #ff5c5d;
559
- --button-danger-bgColor-disabled: #3d424db3;
560
- --button-danger-borderColor-rest: #7a828e;
561
- --button-danger-borderColor-hover: #ffffff1a;
562
- --button-danger-borderColor-active: #ffffff1a;
562
+ --button-danger-bgColor-disabled: #262c36;
563
+ --button-danger-borderColor-rest: #b7bdc8;
564
+ --button-danger-borderColor-hover: #ffb1af;
565
+ --button-danger-borderColor-active: #ffb1af;
563
566
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
564
- --button-inactive-fgColor: #bdc4cc;
565
- --button-inactive-bgColor: #3d424d;
567
+ --button-inactive-fgColor: #b7bdc8;
568
+ --button-inactive-bgColor: #262c36;
566
569
  --button-star-iconColor: #f7c843;
567
- --buttonCounter-default-bgColor-rest: #525964;
568
- --buttonCounter-invisible-bgColor-rest: #525964;
570
+ --buttonCounter-default-bgColor-rest: #2f3742;
571
+ --buttonCounter-invisible-bgColor-rest: #2f3742;
569
572
  --buttonCounter-primary-bgColor-rest: #01040926;
570
573
  --buttonCounter-outline-bgColor-rest: #194fb133;
571
574
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -584,21 +587,21 @@
584
587
  --reactionButton-selected-fgColor-rest: #73b8ff;
585
588
  --reactionButton-selected-fgColor-hover: #91cbff;
586
589
  --focus-outlineColor: #409eff;
587
- --menu-bgColor-active: #272b33;
588
- --overlay-bgColor: #272b33;
589
- --overlay-borderColor: #7a828e;
590
- --overlay-backdrop-bgColor: #272b3366;
591
- --selectMenu-borderColor: #7a828e;
590
+ --menu-bgColor-active: #151b23;
591
+ --overlay-bgColor: #151b23;
592
+ --overlay-borderColor: #b7bdc8;
593
+ --overlay-backdrop-bgColor: #d1d7e066;
594
+ --selectMenu-borderColor: #b7bdc8;
592
595
  --selectMenu-bgColor-active: #1e60d5;
593
- --sideNav-bgColor-selected: #3d424d;
594
- --skeletonLoader-bgColor: #191c22;
595
- --timelineBadge-bgColor: #3d424d;
596
- --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
596
+ --sideNav-bgColor-selected: #212830;
597
+ --skeletonLoader-bgColor: #151b23;
598
+ --timelineBadge-bgColor: #212830;
599
+ --treeViewItem-leadingVisual-iconColor-rest: #b7bdc8;
597
600
  --underlineNav-borderColor-active: #ff967d;
598
- --underlineNav-borderColor-hover: #bdc4cc;
599
- --underlineNav-iconColor-rest: #f0f3f6;
601
+ --underlineNav-borderColor-hover: #b7bdc8;
602
+ --underlineNav-iconColor-rest: #b7bdc8;
600
603
  --selection-bgColor: #5cacffb3;
601
- --card-bgColor: #191c22;
604
+ --card-bgColor: #151b23;
602
605
  --label-green-bgColor-rest: #122117;
603
606
  --label-green-bgColor-hover: #182f1f;
604
607
  --label-green-bgColor-active: #214529;
@@ -715,15 +718,15 @@
715
718
  --label-coral-fgColor-active: #fdaa86;
716
719
  --tooltip-bgColor: #ffffff;
717
720
  --tooltip-fgColor: #010409;
718
- --fgColor-default: #fbfcfd;
719
- --fgColor-muted: #f0f3f6;
720
- --fgColor-onEmphasis: #0a0c10;
721
+ --fgColor-default: #ffffff;
722
+ --fgColor-muted: #b7bdc8;
723
+ --fgColor-onEmphasis: #010409;
721
724
  --fgColor-onInverse: #010409;
722
725
  --fgColor-white: #ffffff;
723
726
  --fgColor-black: #010409;
724
- --fgColor-disabled: #9ea7b3;
727
+ --fgColor-disabled: #9198a1;
725
728
  --fgColor-link: #73b8ff;
726
- --fgColor-neutral: #bdc4cc;
729
+ --fgColor-neutral: #b7bdc8;
727
730
  --fgColor-accent: #73b8ff;
728
731
  --fgColor-success: #28d751;
729
732
  --fgColor-open: #28d751;
@@ -734,17 +737,17 @@
734
737
  --fgColor-done: #cb9eff;
735
738
  --fgColor-upsell: #cb9eff;
736
739
  --fgColor-sponsors: #ff8dc7;
737
- --bgColor-default: #0a0c10;
738
- --bgColor-muted: #191c22;
740
+ --bgColor-default: #010409;
741
+ --bgColor-muted: #151b23;
739
742
  --bgColor-inset: #010409;
740
743
  --bgColor-emphasis: #ffffff;
741
744
  --bgColor-inverse: #ffffff;
742
745
  --bgColor-white: #ffffff;
743
746
  --bgColor-black: #010409;
744
- --bgColor-disabled: #3d424db3;
747
+ --bgColor-disabled: #262c36;
745
748
  --bgColor-transparent: #00000000;
746
- --bgColor-neutral-muted: #7a828e1a;
747
- --bgColor-neutral-emphasis: #9ea7b3;
749
+ --bgColor-neutral-muted: #2f3742b3;
750
+ --bgColor-neutral-emphasis: #b7bdc8;
748
751
  --bgColor-accent-muted: #409eff1a;
749
752
  --bgColor-accent-emphasis: #5cacff;
750
753
  --bgColor-success-muted: #0ac74024;
@@ -765,14 +768,14 @@
765
768
  --bgColor-upsell-emphasis: #bf8fff;
766
769
  --bgColor-sponsors-muted: #ef6eb117;
767
770
  --bgColor-sponsors-emphasis: #f87cbd;
768
- --borderColor-default: #7a828e;
769
- --borderColor-muted: #7a828e;
770
- --borderColor-emphasis: #9ea7b3;
771
- --borderColor-disabled: #3d424db3;
771
+ --borderColor-default: #b7bdc8;
772
+ --borderColor-muted: #b7bdc8;
773
+ --borderColor-emphasis: #b7bdc8;
774
+ --borderColor-disabled: #262c36;
772
775
  --borderColor-transparent: #00000000;
773
- --borderColor-translucent: #7a828e;
774
- --borderColor-neutral-muted: #9ea7b3;
775
- --borderColor-neutral-emphasis: #9ea7b3;
776
+ --borderColor-translucent: #2f3742;
777
+ --borderColor-neutral-muted: #b7bdc8;
778
+ --borderColor-neutral-emphasis: #b7bdc8;
776
779
  --borderColor-accent-muted: #5cacff;
777
780
  --borderColor-accent-emphasis: #409eff;
778
781
  --borderColor-success-muted: #0ac740;
@@ -793,11 +796,11 @@
793
796
  --borderColor-upsell-emphasis: #b87fff;
794
797
  --borderColor-sponsors-muted: #f87cbd;
795
798
  --borderColor-sponsors-emphasis: #ef6eb1;
796
- --color-ansi-black: #7a828e;
797
- --color-ansi-black-bright: #9ea7b3;
798
- --color-ansi-white: #d9dee3;
799
+ --color-ansi-black: #2f3742;
800
+ --color-ansi-black-bright: #656c76;
801
+ --color-ansi-white: #f0f6fc;
799
802
  --color-ansi-white-bright: #ffffff;
800
- --color-ansi-gray: #9ea7b3;
803
+ --color-ansi-gray: #656c76;
801
804
  --color-ansi-red: #ff9492;
802
805
  --color-ansi-red-bright: #ffb1af;
803
806
  --color-ansi-green: #28d751;
@@ -810,44 +813,44 @@
810
813
  --color-ansi-magenta-bright: #dbb7ff;
811
814
  --color-ansi-cyan: #39c5cf;
812
815
  --color-ansi-cyan-bright: #56d4dd;
813
- --color-prettylights-syntax-comment: #bdc4cc;
816
+ --color-prettylights-syntax-comment: #9198a1;
814
817
  --color-prettylights-syntax-constant: #91cbff;
815
818
  --color-prettylights-syntax-constant-other-reference-link: #addcff;
816
819
  --color-prettylights-syntax-entity: #dbb7ff;
817
- --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
820
+ --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
818
821
  --color-prettylights-syntax-entity-tag: #72f088;
819
822
  --color-prettylights-syntax-keyword: #ff9492;
820
823
  --color-prettylights-syntax-string: #addcff;
821
824
  --color-prettylights-syntax-variable: #ffb757;
822
825
  --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
823
- --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
824
- --color-prettylights-syntax-invalid-illegal-text: #ffffff;
826
+ --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
827
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
825
828
  --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
826
- --color-prettylights-syntax-carriage-return-text: #ffffff;
829
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
827
830
  --color-prettylights-syntax-carriage-return-bg: #ff4445;
828
831
  --color-prettylights-syntax-string-regexp: #72f088;
829
832
  --color-prettylights-syntax-markup-list: #fbd669;
830
833
  --color-prettylights-syntax-markup-heading: #409eff;
831
- --color-prettylights-syntax-markup-italic: #f0f3f6;
832
- --color-prettylights-syntax-markup-bold: #f0f3f6;
834
+ --color-prettylights-syntax-markup-italic: #f0f6fc;
835
+ --color-prettylights-syntax-markup-bold: #f0f6fc;
833
836
  --color-prettylights-syntax-markup-deleted-text: #ffdedb;
834
837
  --color-prettylights-syntax-markup-deleted-bg: #cc1421;
835
838
  --color-prettylights-syntax-markup-inserted-text: #acf7b6;
836
839
  --color-prettylights-syntax-markup-inserted-bg: #007728;
837
840
  --color-prettylights-syntax-markup-changed-text: #ffe1b4;
838
841
  --color-prettylights-syntax-markup-changed-bg: #a74c00;
839
- --color-prettylights-syntax-markup-ignored-text: #f0f3f6;
842
+ --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
840
843
  --color-prettylights-syntax-markup-ignored-bg: #318bf8;
841
844
  --color-prettylights-syntax-meta-diff-range: #dbb7ff;
842
- --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
845
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
843
846
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
844
847
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
845
848
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
846
849
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
847
- --shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
848
- --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
849
- --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
850
- --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
850
+ --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
851
+ --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
852
+ --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
853
+ --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
851
854
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
852
855
  --outline-focus: #409eff solid 2px;
853
856
  }
@@ -855,18 +858,21 @@
855
858
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
856
859
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
857
860
  --base-color-black: #010409;
861
+ --base-color-inset: #010409;
858
862
  --base-color-white: #ffffff;
859
863
  --base-color-transparent: #00000000;
860
- --base-color-neutral-0: #ffffff;
861
- --base-color-neutral-1: #f0f3f6;
862
- --base-color-neutral-2: #d9dee3;
863
- --base-color-neutral-3: #bdc4cc;
864
- --base-color-neutral-4: #9ea7b3;
865
- --base-color-neutral-5: #7a828e;
866
- --base-color-neutral-6: #525964;
867
- --base-color-neutral-7: #3d424d;
868
- --base-color-neutral-8: #272b33;
869
- --base-color-neutral-9: #0a0c10;
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: #caeaff;
871
877
  --base-color-blue-1: #addcff;
872
878
  --base-color-blue-2: #91cbff;
@@ -1141,31 +1147,31 @@
1141
1147
  --base-display-color-white: #ffffff;
1142
1148
  --topicTag-borderColor: #409eff;
1143
1149
  --highlight-neutral-bgColor: #f0b72f66;
1144
- --page-header-bgColor: #0a0c10;
1145
- --diffBlob-addition-fgColor-text: #0a0c10;
1146
- --diffBlob-addition-fgColor-num: #fbfcfd;
1150
+ --page-header-bgColor: #010409;
1151
+ --diffBlob-addition-fgColor-text: #010409;
1152
+ --diffBlob-addition-fgColor-num: #ffffff;
1147
1153
  --diffBlob-addition-bgColor-num: #28d7514d;
1148
1154
  --diffBlob-addition-bgColor-line: #0ac74026;
1149
1155
  --diffBlob-addition-bgColor-word: #0ac740;
1150
- --diffBlob-deletion-fgColor-text: #0a0c10;
1151
- --diffBlob-deletion-fgColor-num: #fbfcfd;
1156
+ --diffBlob-deletion-fgColor-text: #010409;
1157
+ --diffBlob-deletion-fgColor-num: #ffffff;
1152
1158
  --diffBlob-deletion-bgColor-num: #ff80804d;
1153
1159
  --diffBlob-deletion-bgColor-line: #ff808026;
1154
1160
  --diffBlob-deletion-bgColor-word: #ff6a69;
1155
1161
  --diffBlob-hunk-bgColor-num: #5cacff66;
1156
- --diffBlob-expander-iconColor: #fbfcfd;
1157
- --codeMirror-fgColor: #fbfcfd;
1158
- --codeMirror-bgColor: #0a0c10;
1159
- --codeMirror-gutters-bgColor: #0a0c10;
1160
- --codeMirror-gutterMarker-fgColor-default: #0a0c10;
1161
- --codeMirror-gutterMarker-fgColor-muted: #f0f3f6;
1162
- --codeMirror-lineNumber-fgColor: #f0f3f6;
1163
- --codeMirror-cursor-fgColor: #fbfcfd;
1162
+ --diffBlob-expander-iconColor: #ffffff;
1163
+ --codeMirror-fgColor: #ffffff;
1164
+ --codeMirror-bgColor: #010409;
1165
+ --codeMirror-gutters-bgColor: #010409;
1166
+ --codeMirror-gutterMarker-fgColor-default: #010409;
1167
+ --codeMirror-gutterMarker-fgColor-muted: #b7bdc8;
1168
+ --codeMirror-lineNumber-fgColor: #b7bdc8;
1169
+ --codeMirror-cursor-fgColor: #ffffff;
1164
1170
  --codeMirror-selection-bgColor: #5cacff66;
1165
- --codeMirror-activeline-bgColor: #7a828e1a;
1166
- --codeMirror-matchingBracket-fgColor: #fbfcfd;
1167
- --codeMirror-lines-bgColor: #0a0c10;
1168
- --codeMirror-syntax-fgColor-comment: #bdc4cc;
1171
+ --codeMirror-activeline-bgColor: #2f3742b3;
1172
+ --codeMirror-matchingBracket-fgColor: #ffffff;
1173
+ --codeMirror-lines-bgColor: #010409;
1174
+ --codeMirror-syntax-fgColor-comment: #656c76;
1169
1175
  --codeMirror-syntax-fgColor-constant: #91cbff;
1170
1176
  --codeMirror-syntax-fgColor-entity: #dbb7ff;
1171
1177
  --codeMirror-syntax-fgColor-keyword: #ff9492;
@@ -1174,30 +1180,30 @@
1174
1180
  --codeMirror-syntax-fgColor-support: #91cbff;
1175
1181
  --codeMirror-syntax-fgColor-variable: #ffb757;
1176
1182
  --header-fgColor-default: #ffffffb3;
1177
- --header-fgColor-logo: #ffffff;
1178
- --header-bgColor: #272b33f2;
1179
- --header-borderColor-divider: #bdc4cc;
1180
- --headerSearch-bgColor: #0a0c10;
1181
- --headerSearch-borderColor: #525964;
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: #4da0ff;
@@ -1296,76 +1302,76 @@
1296
1302
  --display-pink-borderColor-emphasis: #e57bb2;
1297
1303
  --avatar-bgColor: #ffffff1a;
1298
1304
  --avatar-borderColor: #ffffffe6;
1299
- --avatar-shadow: 0px 0px 0px 2px #0a0c10;
1300
- --avatarStack-fade-bgColor-default: #525964;
1301
- --avatarStack-fade-bgColor-muted: #3d424d;
1302
- --control-bgColor-rest: #3d424d;
1303
- --control-bgColor-hover: #494f5a;
1304
- --control-bgColor-active: #393d48;
1305
- --control-bgColor-disabled: #3d424db3;
1306
- --control-bgColor-selected: #272b33;
1307
- --control-fgColor-rest: #f0f3f6;
1308
- --control-fgColor-placeholder: #e4e9ed;
1309
- --control-fgColor-disabled: #9ea7b3;
1310
- --control-borderColor-rest: #7a828e;
1311
- --control-borderColor-emphasis: #9ea7b3;
1312
- --control-borderColor-disabled: #3d424db3;
1313
- --control-borderColor-selected: #ffffff;
1305
+ --avatar-shadow: 0px 0px 0px 2px #0d1117;
1306
+ --avatarStack-fade-bgColor-default: #3d444d;
1307
+ --avatarStack-fade-bgColor-muted: #2a313c;
1308
+ --control-bgColor-rest: #262c36;
1309
+ --control-bgColor-hover: #2a313c;
1310
+ --control-bgColor-active: #2f3742;
1311
+ --control-bgColor-disabled: #262c36;
1312
+ --control-bgColor-selected: #262c36;
1313
+ --control-fgColor-rest: #ffffff;
1314
+ --control-fgColor-placeholder: #b7bdc8;
1315
+ --control-fgColor-disabled: #9198a1;
1316
+ --control-borderColor-rest: #b7bdc8;
1317
+ --control-borderColor-emphasis: #b7bdc8;
1318
+ --control-borderColor-disabled: #262c36;
1319
+ --control-borderColor-selected: #f0f6fc;
1314
1320
  --control-borderColor-success: #09b43a;
1315
1321
  --control-borderColor-danger: #ff6a69;
1316
1322
  --control-borderColor-warning: #e09b13;
1317
- --control-iconColor-rest: #f0f3f6;
1323
+ --control-iconColor-rest: #b7bdc8;
1318
1324
  --control-transparent-bgColor-rest: #00000000;
1319
- --control-transparent-bgColor-hover: #272b33;
1320
- --control-transparent-bgColor-active: #525964;
1321
- --control-transparent-bgColor-disabled: #3d424db3;
1322
- --control-transparent-bgColor-selected: #525964;
1325
+ --control-transparent-bgColor-hover: #2f3742;
1326
+ --control-transparent-bgColor-active: #3d444d;
1327
+ --control-transparent-bgColor-disabled: #262c36;
1328
+ --control-transparent-bgColor-selected: #2f3742;
1323
1329
  --control-transparent-borderColor-rest: #00000000;
1324
- --control-transparent-borderColor-hover: #7a828e;
1325
- --control-transparent-borderColor-active: #9ea7b3;
1330
+ --control-transparent-borderColor-hover: #b7bdc8;
1331
+ --control-transparent-borderColor-active: #b7bdc8;
1326
1332
  --control-danger-fgColor-rest: #ff9492;
1327
- --control-danger-fgColor-hover: #0a0c10;
1333
+ --control-danger-fgColor-hover: #010409;
1328
1334
  --control-danger-bgColor-hover: #ff8080;
1329
1335
  --control-danger-bgColor-active: #f65e60;
1330
1336
  --control-checked-bgColor-rest: #5cacff;
1331
1337
  --control-checked-bgColor-hover: #60aeff;
1332
1338
  --control-checked-bgColor-active: #64b0ff;
1333
- --control-checked-bgColor-disabled: #9ea7b3;
1334
- --control-checked-fgColor-rest: #0a0c10;
1339
+ --control-checked-bgColor-disabled: #9198a1;
1340
+ --control-checked-fgColor-rest: #010409;
1335
1341
  --control-checked-fgColor-disabled: #010409;
1336
1342
  --control-checked-borderColor-rest: #5cacff;
1337
1343
  --control-checked-borderColor-hover: #60aeff;
1338
1344
  --control-checked-borderColor-active: #64b0ff;
1339
- --control-checked-borderColor-disabled: #9ea7b3;
1340
- --controlTrack-bgColor-rest: #3d424d;
1341
- --controlTrack-bgColor-hover: #494f5a;
1342
- --controlTrack-bgColor-active: #555c67;
1343
- --controlTrack-bgColor-disabled: #9ea7b3;
1344
- --controlTrack-fgColor-rest: #fbfcfd;
1345
- --controlTrack-fgColor-disabled: #0a0c10;
1346
- --controlTrack-borderColor-rest: #9ea7b3;
1347
- --controlTrack-borderColor-disabled: #9ea7b3;
1345
+ --control-checked-borderColor-disabled: #9198a1;
1346
+ --controlTrack-bgColor-rest: #2a313c;
1347
+ --controlTrack-bgColor-hover: #2f3742;
1348
+ --controlTrack-bgColor-active: #3d444d;
1349
+ --controlTrack-bgColor-disabled: #9198a1;
1350
+ --controlTrack-fgColor-rest: #ffffff;
1351
+ --controlTrack-fgColor-disabled: #010409;
1352
+ --controlTrack-borderColor-rest: #b7bdc8;
1353
+ --controlTrack-borderColor-disabled: #9198a1;
1348
1354
  --controlKnob-bgColor-rest: #010409;
1349
- --controlKnob-bgColor-disabled: #3d424db3;
1355
+ --controlKnob-bgColor-disabled: #262c36;
1350
1356
  --controlKnob-bgColor-checked: #ffffff;
1351
- --controlKnob-borderColor-rest: #9ea7b3;
1352
- --controlKnob-borderColor-disabled: #3d424db3;
1357
+ --controlKnob-borderColor-rest: #b7bdc8;
1358
+ --controlKnob-borderColor-disabled: #262c36;
1353
1359
  --controlKnob-borderColor-checked: #5cacff;
1354
- --counter-borderColor: #00000000;
1355
- --button-default-fgColor-rest: #f0f3f6;
1356
- --button-default-bgColor-rest: #3d424d;
1357
- --button-default-bgColor-hover: #494f5a;
1358
- --button-default-bgColor-active: #393d48;
1359
- --button-default-bgColor-selected: #393d48;
1360
- --button-default-bgColor-disabled: #3d424db3;
1361
- --button-default-borderColor-rest: #7a828e;
1362
- --button-default-borderColor-hover: #7a828e;
1363
- --button-default-borderColor-active: #7a828e;
1364
- --button-default-borderColor-disabled: #3d424db3;
1360
+ --counter-borderColor: #b7bdc8;
1361
+ --button-default-fgColor-rest: #ffffff;
1362
+ --button-default-bgColor-rest: #262c36;
1363
+ --button-default-bgColor-hover: #2a313c;
1364
+ --button-default-bgColor-active: #2f3742;
1365
+ --button-default-bgColor-selected: #2f3742;
1366
+ --button-default-bgColor-disabled: #262c36;
1367
+ --button-default-borderColor-rest: #b7bdc8;
1368
+ --button-default-borderColor-hover: #b7bdc8;
1369
+ --button-default-borderColor-active: #b7bdc8;
1370
+ --button-default-borderColor-disabled: #262c36;
1365
1371
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
1366
- --button-primary-fgColor-rest: #0a0c10;
1367
- --button-primary-fgColor-disabled: #0a0c1080;
1368
- --button-primary-iconColor-rest: #0a0c10;
1372
+ --button-primary-fgColor-rest: #010409;
1373
+ --button-primary-fgColor-disabled: #01040980;
1374
+ --button-primary-iconColor-rest: #010409;
1369
1375
  --button-primary-bgColor-rest: #0ac740;
1370
1376
  --button-primary-bgColor-hover: #10ca43;
1371
1377
  --button-primary-bgColor-active: #16cd47;
@@ -1375,29 +1381,29 @@
1375
1381
  --button-primary-borderColor-active: #4ae168;
1376
1382
  --button-primary-borderColor-disabled: #4ae16866;
1377
1383
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
1378
- --button-invisible-fgColor-rest: #73b8ff;
1379
- --button-invisible-fgColor-hover: #1e60d5;
1380
- --button-invisible-fgColor-disabled: #9ea7b3;
1381
- --button-invisible-iconColor-rest: #f0f3f6;
1382
- --button-invisible-iconColor-hover: #0a0c10;
1383
- --button-invisible-iconColor-disabled: #9ea7b3;
1384
+ --button-invisible-fgColor-rest: #b7bdc8;
1385
+ --button-invisible-fgColor-hover: #b7bdc8;
1386
+ --button-invisible-fgColor-disabled: #9198a1;
1387
+ --button-invisible-iconColor-rest: #d1d7e0;
1388
+ --button-invisible-iconColor-hover: #d1d7e0;
1389
+ --button-invisible-iconColor-disabled: #9198a1;
1384
1390
  --button-invisible-bgColor-rest: #00000000;
1385
- --button-invisible-bgColor-hover: #f0f3f6;
1386
- --button-invisible-bgColor-active: #d9dee3;
1387
- --button-invisible-bgColor-disabled: #3d424db3;
1391
+ --button-invisible-bgColor-hover: #151b23;
1392
+ --button-invisible-bgColor-active: #212830;
1393
+ --button-invisible-bgColor-disabled: #262c36;
1388
1394
  --button-invisible-borderColor-rest: #00000000;
1389
- --button-invisible-borderColor-hover: #7a828e;
1390
- --button-invisible-borderColor-disabled: #3d424db3;
1395
+ --button-invisible-borderColor-hover: #b7bdc8;
1396
+ --button-invisible-borderColor-disabled: #262c36;
1391
1397
  --button-outline-fgColor-rest: #5cacff;
1392
1398
  --button-outline-fgColor-hover: #71b7ff;
1393
1399
  --button-outline-fgColor-active: #ffffff;
1394
1400
  --button-outline-fgColor-disabled: #73b8ff80;
1395
- --button-outline-bgColor-rest: #ffffff;
1396
- --button-outline-bgColor-hover: #525964;
1401
+ --button-outline-bgColor-rest: #f0f6fc;
1402
+ --button-outline-bgColor-hover: #2a313c;
1397
1403
  --button-outline-bgColor-active: #2672f3;
1398
- --button-outline-bgColor-disabled: #0a0c10;
1399
- --button-outline-borderColor-hover: #ffffff1a;
1400
- --button-outline-borderColor-selected: #ffffff1a;
1404
+ --button-outline-bgColor-disabled: #262c36;
1405
+ --button-outline-borderColor-hover: #b7bdc8;
1406
+ --button-outline-borderColor-selected: #b7bdc8;
1401
1407
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
1402
1408
  --button-danger-fgColor-rest: #ff9492;
1403
1409
  --button-danger-fgColor-hover: #ffffff;
@@ -1405,19 +1411,19 @@
1405
1411
  --button-danger-fgColor-disabled: #ff949280;
1406
1412
  --button-danger-iconColor-rest: #ff9492;
1407
1413
  --button-danger-iconColor-hover: #ffffff;
1408
- --button-danger-bgColor-rest: #3d424d;
1414
+ --button-danger-bgColor-rest: #262c36;
1409
1415
  --button-danger-bgColor-hover: #ff4445;
1410
1416
  --button-danger-bgColor-active: #ff5c5d;
1411
- --button-danger-bgColor-disabled: #3d424db3;
1412
- --button-danger-borderColor-rest: #7a828e;
1413
- --button-danger-borderColor-hover: #ffffff1a;
1414
- --button-danger-borderColor-active: #ffffff1a;
1417
+ --button-danger-bgColor-disabled: #262c36;
1418
+ --button-danger-borderColor-rest: #b7bdc8;
1419
+ --button-danger-borderColor-hover: #ffb1af;
1420
+ --button-danger-borderColor-active: #ffb1af;
1415
1421
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1416
- --button-inactive-fgColor: #bdc4cc;
1417
- --button-inactive-bgColor: #3d424d;
1422
+ --button-inactive-fgColor: #b7bdc8;
1423
+ --button-inactive-bgColor: #262c36;
1418
1424
  --button-star-iconColor: #f7c843;
1419
- --buttonCounter-default-bgColor-rest: #525964;
1420
- --buttonCounter-invisible-bgColor-rest: #525964;
1425
+ --buttonCounter-default-bgColor-rest: #2f3742;
1426
+ --buttonCounter-invisible-bgColor-rest: #2f3742;
1421
1427
  --buttonCounter-primary-bgColor-rest: #01040926;
1422
1428
  --buttonCounter-outline-bgColor-rest: #194fb133;
1423
1429
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -1436,21 +1442,21 @@
1436
1442
  --reactionButton-selected-fgColor-rest: #73b8ff;
1437
1443
  --reactionButton-selected-fgColor-hover: #91cbff;
1438
1444
  --focus-outlineColor: #409eff;
1439
- --menu-bgColor-active: #272b33;
1440
- --overlay-bgColor: #272b33;
1441
- --overlay-borderColor: #7a828e;
1442
- --overlay-backdrop-bgColor: #272b3366;
1443
- --selectMenu-borderColor: #7a828e;
1445
+ --menu-bgColor-active: #151b23;
1446
+ --overlay-bgColor: #151b23;
1447
+ --overlay-borderColor: #b7bdc8;
1448
+ --overlay-backdrop-bgColor: #d1d7e066;
1449
+ --selectMenu-borderColor: #b7bdc8;
1444
1450
  --selectMenu-bgColor-active: #1e60d5;
1445
- --sideNav-bgColor-selected: #3d424d;
1446
- --skeletonLoader-bgColor: #191c22;
1447
- --timelineBadge-bgColor: #3d424d;
1448
- --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
1451
+ --sideNav-bgColor-selected: #212830;
1452
+ --skeletonLoader-bgColor: #151b23;
1453
+ --timelineBadge-bgColor: #212830;
1454
+ --treeViewItem-leadingVisual-iconColor-rest: #b7bdc8;
1449
1455
  --underlineNav-borderColor-active: #ff967d;
1450
- --underlineNav-borderColor-hover: #bdc4cc;
1451
- --underlineNav-iconColor-rest: #f0f3f6;
1456
+ --underlineNav-borderColor-hover: #b7bdc8;
1457
+ --underlineNav-iconColor-rest: #b7bdc8;
1452
1458
  --selection-bgColor: #5cacffb3;
1453
- --card-bgColor: #191c22;
1459
+ --card-bgColor: #151b23;
1454
1460
  --label-green-bgColor-rest: #122117;
1455
1461
  --label-green-bgColor-hover: #182f1f;
1456
1462
  --label-green-bgColor-active: #214529;
@@ -1567,15 +1573,15 @@
1567
1573
  --label-coral-fgColor-active: #fdaa86;
1568
1574
  --tooltip-bgColor: #ffffff;
1569
1575
  --tooltip-fgColor: #010409;
1570
- --fgColor-default: #fbfcfd;
1571
- --fgColor-muted: #f0f3f6;
1572
- --fgColor-onEmphasis: #0a0c10;
1576
+ --fgColor-default: #ffffff;
1577
+ --fgColor-muted: #b7bdc8;
1578
+ --fgColor-onEmphasis: #010409;
1573
1579
  --fgColor-onInverse: #010409;
1574
1580
  --fgColor-white: #ffffff;
1575
1581
  --fgColor-black: #010409;
1576
- --fgColor-disabled: #9ea7b3;
1582
+ --fgColor-disabled: #9198a1;
1577
1583
  --fgColor-link: #73b8ff;
1578
- --fgColor-neutral: #bdc4cc;
1584
+ --fgColor-neutral: #b7bdc8;
1579
1585
  --fgColor-accent: #73b8ff;
1580
1586
  --fgColor-success: #28d751;
1581
1587
  --fgColor-open: #28d751;
@@ -1586,17 +1592,17 @@
1586
1592
  --fgColor-done: #cb9eff;
1587
1593
  --fgColor-upsell: #cb9eff;
1588
1594
  --fgColor-sponsors: #ff8dc7;
1589
- --bgColor-default: #0a0c10;
1590
- --bgColor-muted: #191c22;
1595
+ --bgColor-default: #010409;
1596
+ --bgColor-muted: #151b23;
1591
1597
  --bgColor-inset: #010409;
1592
1598
  --bgColor-emphasis: #ffffff;
1593
1599
  --bgColor-inverse: #ffffff;
1594
1600
  --bgColor-white: #ffffff;
1595
1601
  --bgColor-black: #010409;
1596
- --bgColor-disabled: #3d424db3;
1602
+ --bgColor-disabled: #262c36;
1597
1603
  --bgColor-transparent: #00000000;
1598
- --bgColor-neutral-muted: #7a828e1a;
1599
- --bgColor-neutral-emphasis: #9ea7b3;
1604
+ --bgColor-neutral-muted: #2f3742b3;
1605
+ --bgColor-neutral-emphasis: #b7bdc8;
1600
1606
  --bgColor-accent-muted: #409eff1a;
1601
1607
  --bgColor-accent-emphasis: #5cacff;
1602
1608
  --bgColor-success-muted: #0ac74024;
@@ -1617,14 +1623,14 @@
1617
1623
  --bgColor-upsell-emphasis: #bf8fff;
1618
1624
  --bgColor-sponsors-muted: #ef6eb117;
1619
1625
  --bgColor-sponsors-emphasis: #f87cbd;
1620
- --borderColor-default: #7a828e;
1621
- --borderColor-muted: #7a828e;
1622
- --borderColor-emphasis: #9ea7b3;
1623
- --borderColor-disabled: #3d424db3;
1626
+ --borderColor-default: #b7bdc8;
1627
+ --borderColor-muted: #b7bdc8;
1628
+ --borderColor-emphasis: #b7bdc8;
1629
+ --borderColor-disabled: #262c36;
1624
1630
  --borderColor-transparent: #00000000;
1625
- --borderColor-translucent: #7a828e;
1626
- --borderColor-neutral-muted: #9ea7b3;
1627
- --borderColor-neutral-emphasis: #9ea7b3;
1631
+ --borderColor-translucent: #2f3742;
1632
+ --borderColor-neutral-muted: #b7bdc8;
1633
+ --borderColor-neutral-emphasis: #b7bdc8;
1628
1634
  --borderColor-accent-muted: #5cacff;
1629
1635
  --borderColor-accent-emphasis: #409eff;
1630
1636
  --borderColor-success-muted: #0ac740;
@@ -1645,11 +1651,11 @@
1645
1651
  --borderColor-upsell-emphasis: #b87fff;
1646
1652
  --borderColor-sponsors-muted: #f87cbd;
1647
1653
  --borderColor-sponsors-emphasis: #ef6eb1;
1648
- --color-ansi-black: #7a828e;
1649
- --color-ansi-black-bright: #9ea7b3;
1650
- --color-ansi-white: #d9dee3;
1654
+ --color-ansi-black: #2f3742;
1655
+ --color-ansi-black-bright: #656c76;
1656
+ --color-ansi-white: #f0f6fc;
1651
1657
  --color-ansi-white-bright: #ffffff;
1652
- --color-ansi-gray: #9ea7b3;
1658
+ --color-ansi-gray: #656c76;
1653
1659
  --color-ansi-red: #ff9492;
1654
1660
  --color-ansi-red-bright: #ffb1af;
1655
1661
  --color-ansi-green: #28d751;
@@ -1662,44 +1668,44 @@
1662
1668
  --color-ansi-magenta-bright: #dbb7ff;
1663
1669
  --color-ansi-cyan: #39c5cf;
1664
1670
  --color-ansi-cyan-bright: #56d4dd;
1665
- --color-prettylights-syntax-comment: #bdc4cc;
1671
+ --color-prettylights-syntax-comment: #9198a1;
1666
1672
  --color-prettylights-syntax-constant: #91cbff;
1667
1673
  --color-prettylights-syntax-constant-other-reference-link: #addcff;
1668
1674
  --color-prettylights-syntax-entity: #dbb7ff;
1669
- --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
1675
+ --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
1670
1676
  --color-prettylights-syntax-entity-tag: #72f088;
1671
1677
  --color-prettylights-syntax-keyword: #ff9492;
1672
1678
  --color-prettylights-syntax-string: #addcff;
1673
1679
  --color-prettylights-syntax-variable: #ffb757;
1674
1680
  --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
1675
- --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
1676
- --color-prettylights-syntax-invalid-illegal-text: #ffffff;
1681
+ --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
1682
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
1677
1683
  --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
1678
- --color-prettylights-syntax-carriage-return-text: #ffffff;
1684
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
1679
1685
  --color-prettylights-syntax-carriage-return-bg: #ff4445;
1680
1686
  --color-prettylights-syntax-string-regexp: #72f088;
1681
1687
  --color-prettylights-syntax-markup-list: #fbd669;
1682
1688
  --color-prettylights-syntax-markup-heading: #409eff;
1683
- --color-prettylights-syntax-markup-italic: #f0f3f6;
1684
- --color-prettylights-syntax-markup-bold: #f0f3f6;
1689
+ --color-prettylights-syntax-markup-italic: #f0f6fc;
1690
+ --color-prettylights-syntax-markup-bold: #f0f6fc;
1685
1691
  --color-prettylights-syntax-markup-deleted-text: #ffdedb;
1686
1692
  --color-prettylights-syntax-markup-deleted-bg: #cc1421;
1687
1693
  --color-prettylights-syntax-markup-inserted-text: #acf7b6;
1688
1694
  --color-prettylights-syntax-markup-inserted-bg: #007728;
1689
1695
  --color-prettylights-syntax-markup-changed-text: #ffe1b4;
1690
1696
  --color-prettylights-syntax-markup-changed-bg: #a74c00;
1691
- --color-prettylights-syntax-markup-ignored-text: #f0f3f6;
1697
+ --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
1692
1698
  --color-prettylights-syntax-markup-ignored-bg: #318bf8;
1693
1699
  --color-prettylights-syntax-meta-diff-range: #dbb7ff;
1694
- --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
1700
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
1695
1701
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1696
1702
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1697
1703
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
1698
1704
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1699
- --shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1700
- --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1701
- --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
1702
- --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
1705
+ --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1706
+ --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1707
+ --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1708
+ --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
1703
1709
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1704
1710
  --outline-focus: #409eff solid 2px;
1705
1711
  }