@primer/primitives 0.0.0-20260710052607 → 0.0.0-20260710130230

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 (71) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +278 -278
  2. package/dist/css/functional/themes/dark-colorblind.css +230 -230
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +184 -184
  4. package/dist/css/functional/themes/dark-dimmed.css +202 -202
  5. package/dist/css/functional/themes/dark-high-contrast.css +266 -266
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +274 -274
  7. package/dist/css/functional/themes/dark-tritanopia.css +228 -228
  8. package/dist/css/functional/themes/dark.css +214 -214
  9. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1062 -1054
  10. package/dist/docs/functional/themes/dark-colorblind.json +1111 -1103
  11. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1107 -1099
  12. package/dist/docs/functional/themes/dark-dimmed.json +1135 -1127
  13. package/dist/docs/functional/themes/dark-high-contrast.json +1051 -1043
  14. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1061 -1053
  15. package/dist/docs/functional/themes/dark-tritanopia.json +1108 -1100
  16. package/dist/docs/functional/themes/dark.json +1100 -1092
  17. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +448 -440
  18. package/dist/docs/functional/themes/light-colorblind.json +448 -440
  19. package/dist/docs/functional/themes/light-high-contrast.json +448 -440
  20. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +448 -440
  21. package/dist/docs/functional/themes/light-tritanopia.json +448 -440
  22. package/dist/docs/functional/themes/light.json +448 -440
  23. package/dist/figma/scales/dark-dimmed.json +57 -44
  24. package/dist/figma/scales/dark-high-constrast.json +57 -44
  25. package/dist/figma/scales/dark.json +57 -44
  26. package/dist/figma/themes/dark-colorblind.json +676 -676
  27. package/dist/figma/themes/dark-dimmed.json +670 -670
  28. package/dist/figma/themes/dark-high-contrast.json +599 -599
  29. package/dist/figma/themes/dark-tritanopia.json +667 -667
  30. package/dist/figma/themes/dark.json +649 -649
  31. package/dist/internalCss/dark-colorblind-high-contrast.css +286 -284
  32. package/dist/internalCss/dark-colorblind.css +232 -230
  33. package/dist/internalCss/dark-dimmed-high-contrast.css +192 -190
  34. package/dist/internalCss/dark-dimmed.css +210 -208
  35. package/dist/internalCss/dark-high-contrast.css +276 -274
  36. package/dist/internalCss/dark-tritanopia-high-contrast.css +282 -280
  37. package/dist/internalCss/dark-tritanopia.css +232 -230
  38. package/dist/internalCss/dark.css +220 -218
  39. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1062 -1054
  40. package/dist/styleLint/functional/themes/dark-colorblind.json +1111 -1103
  41. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1107 -1099
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +1135 -1127
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +1051 -1043
  44. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1061 -1053
  45. package/dist/styleLint/functional/themes/dark-tritanopia.json +1108 -1100
  46. package/dist/styleLint/functional/themes/dark.json +1100 -1092
  47. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +448 -440
  48. package/dist/styleLint/functional/themes/light-colorblind.json +448 -440
  49. package/dist/styleLint/functional/themes/light-high-contrast.json +448 -440
  50. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +448 -440
  51. package/dist/styleLint/functional/themes/light-tritanopia.json +448 -440
  52. package/dist/styleLint/functional/themes/light.json +448 -440
  53. package/package.json +1 -1
  54. package/src/tokens/base/color/dark/dark.json5 +48 -28
  55. package/src/tokens/component/avatar.json5 +1 -1
  56. package/src/tokens/component/button.json5 +43 -43
  57. package/src/tokens/component/codeMirror.json5 +1 -1
  58. package/src/tokens/component/contribution.json5 +4 -4
  59. package/src/tokens/component/diffBlob.json5 +8 -8
  60. package/src/tokens/component/header.json5 +2 -2
  61. package/src/tokens/component/headerSerach.json5 +1 -1
  62. package/src/tokens/component/menu.json5 +1 -1
  63. package/src/tokens/component/overlay.json5 +8 -8
  64. package/src/tokens/component/progressBar.json5 +4 -4
  65. package/src/tokens/component/skeletonLoader.json5 +4 -4
  66. package/src/tokens/component/timelineBadge.json5 +1 -1
  67. package/src/tokens/functional/color/bgColor.json5 +27 -27
  68. package/src/tokens/functional/color/borderColor.json5 +18 -14
  69. package/src/tokens/functional/color/control.json5 +65 -65
  70. package/src/tokens/functional/color/fgColor.json5 +24 -24
  71. package/src/tokens/functional/color/syntax.json5 +13 -13
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -38,18 +38,21 @@
38
38
  --base-color-green-7: #008c2c;
39
39
  --base-color-green-8: #007728;
40
40
  --base-color-green-9: #006222;
41
- --base-color-neutral-1: #0d1117;
42
- --base-color-neutral-10: #b7bdc8;
43
- --base-color-neutral-11: #d1d7e0;
44
- --base-color-neutral-12: #f0f6fc;
45
- --base-color-neutral-2: #151b23;
46
- --base-color-neutral-3: #212830;
47
- --base-color-neutral-4: #262c36;
48
- --base-color-neutral-5: #2a313c;
49
- --base-color-neutral-6: #2f3742;
50
- --base-color-neutral-7: #3d444d;
51
- --base-color-neutral-8: #656c76;
52
- --base-color-neutral-9: #9198a1;
41
+ --base-color-neutral-0: #060907;
42
+ --base-color-neutral-1: #0f1511;
43
+ --base-color-neutral-10: #9ca89f;
44
+ --base-color-neutral-11: #b8c4bc;
45
+ --base-color-neutral-12: #cbd6cd;
46
+ --base-color-neutral-13: #d6e0d8;
47
+ --base-color-neutral-14: #e9f0eb;
48
+ --base-color-neutral-2: #191f1b;
49
+ --base-color-neutral-3: #252b27;
50
+ --base-color-neutral-4: #353c37;
51
+ --base-color-neutral-5: #3b443e;
52
+ --base-color-neutral-6: #434c45;
53
+ --base-color-neutral-7: #4e5750;
54
+ --base-color-neutral-8: #58635b;
55
+ --base-color-neutral-9: #6c786f;
53
56
  --base-color-orange-0: #ffe1b4;
54
57
  --base-color-orange-1: #ffcf86;
55
58
  --base-color-orange-2: #ffb757;
@@ -325,38 +328,42 @@
325
328
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
326
329
  --fgColor-success: #2bd853; /** Success text for positive feedback and completed states */
327
330
  --reactionButton-selected-bgColor-hover: #5dadff5c;
328
- --ansi-black: var(--base-color-neutral-6); /** ANSI black for terminal text and backgrounds */
329
- --ansi-blackBright: var(--base-color-neutral-8); /** ANSI bright black (dark gray) for dimmed terminal text */
331
+ --ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
332
+ --ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
330
333
  --ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
331
334
  --ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
332
- --ansi-gray: var(--base-color-neutral-8); /** ANSI gray for secondary terminal text */
335
+ --ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
333
336
  --ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
334
337
  --ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
335
338
  --ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
336
339
  --ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
337
340
  --ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
338
341
  --ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
339
- --ansi-white: var(--base-color-neutral-12); /** ANSI white for terminal text */
342
+ --ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
343
+ --ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
340
344
  --ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
341
345
  --ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
342
- --avatar-shadow: 0 0 0 2px #0d1117;
346
+ --avatar-bgColor: #ffffff1a;
347
+ --avatar-shadow: 0 0 0 2px #0f1511;
343
348
  --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
344
349
  --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
345
350
  --base-color-inset: var(--base-color-black);
346
- --base-color-neutral-0: var(--base-color-black);
347
- --base-color-neutral-13: var(--base-color-white);
348
351
  --bgColor-accent-emphasis: var(--base-color-blue-9); /** Strong accent background for active states and focused states */
349
352
  --bgColor-accent-muted: #5cacff1a; /** Subtle accent background for informational or selected elements */
350
353
  --bgColor-attention-emphasis: var(--base-color-yellow-9); /** Strong attention background for prominent warnings */
351
354
  --bgColor-attention-muted: #edaa2726; /** Subtle attention background for warnings and caution states */
355
+ --bgColor-black: var(--base-color-black); /** Pure black background */
352
356
  --bgColor-danger-emphasis: var(--base-color-red-9); /** Emphasized danger background for critical errors and delete confirmations */
353
357
  --bgColor-danger-muted: #ff80801a; /** Muted danger background for error states and destructive action contexts */
354
- --bgColor-disabled: var(--base-color-neutral-4); /** Background for disabled interactive elements */
358
+ --bgColor-default: var(--base-color-black); /** Default background color for pages and main content areas */
359
+ --bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
355
360
  --bgColor-done-emphasis: var(--base-color-purple-9); /** Strong background for completed/done state badges and labels */
356
361
  --bgColor-done-muted: #bf8fff26; /** Subtle background for completed/done state indicators */
357
- --bgColor-emphasis: var(--base-color-neutral-7); /** High-emphasis dark background for strong visual contrast */
358
- --bgColor-muted: var(--base-color-neutral-2); /** Muted background for secondary content areas and subtle grouping */
359
- --bgColor-neutral-emphasis: var(--base-color-neutral-7); /** Strong neutral background for prominent neutral elements */
362
+ --bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
363
+ --bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
364
+ --bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
365
+ --bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
366
+ --bgColor-neutral-emphasis: var(--base-color-neutral-5); /** Strong neutral background for prominent neutral elements */
360
367
  --bgColor-neutral-muted: var(--base-color-neutral-3); /** Subtle neutral background for tags, labels, and secondary UI elements */
361
368
  --bgColor-severe-emphasis: var(--base-color-orange-9); /** Strong severe background for prominent high-priority warnings */
362
369
  --bgColor-severe-muted: #f48b251a; /** Subtle severe background for high-priority warnings */
@@ -365,14 +372,15 @@
365
372
  --bgColor-success-emphasis: var(--base-color-green-9); /** Strong success background for prominent positive actions */
366
373
  --bgColor-success-muted: #0ac74026; /** Subtle success background for positive feedback and completed states */
367
374
  --bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
375
+ --bgColor-white: var(--base-color-white); /** Pure white background */
368
376
  --borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
369
377
  --borderColor-accent-muted: var(--base-color-blue-4); /** Subtle accent border for selected or focused elements */
370
378
  --borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
371
379
  --borderColor-attention-muted: var(--base-color-yellow-4); /** Subtle attention border for warnings and caution states */
372
380
  --borderColor-danger-emphasis: var(--base-color-red-5); /** Strong danger border for destructive actions and errors */
373
381
  --borderColor-danger-muted: var(--base-color-red-4); /** Subtle danger border for errors and destructive contexts */
374
- --borderColor-default: var(--base-color-neutral-10); /** Default border color for most UI elements */
375
- --borderColor-disabled: #656c761a; /** Border color for disabled interactive elements */
382
+ --borderColor-default: var(--base-color-neutral-11); /** Default border color for most UI elements */
383
+ --borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
376
384
  --borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
377
385
  --borderColor-done-muted: var(--base-color-purple-4); /** Subtle border for completed/done state indicators */
378
386
  --borderColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
@@ -381,7 +389,7 @@
381
389
  --borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
382
390
  --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
383
391
  --borderColor-success-muted: var(--base-color-green-4); /** Subtle success border for positive feedback elements */
384
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
392
+ --borderColor-translucent: var(--base-color-neutral-10); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
385
393
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
386
394
  --boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
387
395
  --boxShadow-thicker: inset 0 0 0 0.25rem; /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
@@ -389,40 +397,49 @@
389
397
  --button-danger-bgColor-hover: var(--base-color-red-9);
390
398
  --button-danger-borderColor-active: var(--base-color-red-2);
391
399
  --button-danger-borderColor-hover: var(--base-color-red-2);
400
+ --button-danger-fgColor-active: var(--base-color-white);
401
+ --button-danger-fgColor-hover: var(--base-color-white);
392
402
  --button-danger-fgColor-rest: var(--base-color-red-2);
403
+ --button-danger-iconColor-hover: var(--base-color-white);
393
404
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
394
405
  --button-default-shadow-resting: 0 0 0 0 #00000000;
395
- --button-inactive-fgColor: var(--base-color-neutral-10);
406
+ --button-inactive-fgColor: var(--base-color-neutral-11);
396
407
  --button-invisible-bgColor-active: var(--base-color-neutral-3);
397
408
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
398
409
  --button-invisible-bgColor-hover: var(--base-color-neutral-2);
399
410
  --button-invisible-borderColor-disabled: var(--base-color-transparent);
400
- --button-invisible-iconColor-hover: var(--base-color-neutral-11);
401
- --button-invisible-iconColor-rest: var(--base-color-neutral-11);
411
+ --button-invisible-iconColor-hover: var(--base-color-neutral-12);
412
+ --button-invisible-iconColor-rest: var(--base-color-neutral-12);
402
413
  --button-outline-bgColor-active: var(--base-color-blue-7);
403
- --button-outline-bgColor-rest: var(--base-color-neutral-12);
414
+ --button-outline-bgColor-rest: var(--base-color-neutral-14);
415
+ --button-outline-fgColor-active: var(--base-color-white);
404
416
  --button-outline-fgColor-disabled: #74b9ff80;
405
417
  --button-outline-fgColor-hover: var(--base-color-blue-3);
406
418
  --button-outline-fgColor-rest: var(--base-color-blue-4);
407
419
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
408
420
  --button-primary-borderColor-disabled: #4ae16866;
409
421
  --button-primary-borderColor-rest: var(--base-color-green-2);
422
+ --button-primary-fgColor-disabled: #ffffff66;
410
423
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
411
424
  --button-star-iconColor: var(--base-color-yellow-2);
412
- --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
425
+ --buttonCounter-danger-bgColor-hover: #01040926;
426
+ --buttonCounter-danger-bgColor-rest: #01040926;
427
+ --buttonCounter-danger-fgColor-hover: var(--base-color-white);
428
+ --buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
413
429
  --buttonCounter-outline-bgColor-hover: #194fb133;
414
430
  --buttonCounter-outline-bgColor-rest: #194fb133;
415
431
  --buttonCounter-outline-fgColor-disabled: #74b9ff80;
416
432
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
417
433
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
434
+ --buttonCounter-primary-bgColor-rest: #01040926;
418
435
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
419
436
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
420
437
  --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
421
- --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-4);
422
- --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-4);
438
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
439
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
423
440
  --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
424
441
  --codeMirror-selection-bgColor: #5cacff66;
425
- --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
442
+ --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
426
443
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
427
444
  --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
428
445
  --codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
@@ -432,6 +449,7 @@
432
449
  --codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
433
450
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
434
451
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
452
+ --contribution-default-bgColor-0: var(--base-color-black);
435
453
  --contribution-default-bgColor-1: var(--base-color-green-8);
436
454
  --contribution-default-bgColor-2: var(--base-color-green-6);
437
455
  --contribution-default-bgColor-3: var(--base-color-green-4);
@@ -445,22 +463,24 @@
445
463
  --contribution-winter-bgColor-2: var(--base-color-blue-6);
446
464
  --contribution-winter-bgColor-3: var(--base-color-blue-3);
447
465
  --contribution-winter-bgColor-4: var(--base-color-blue-0);
448
- --control-bgColor-active: var(--base-color-neutral-6);
449
- --control-bgColor-hover: var(--base-color-neutral-5);
450
- --control-bgColor-rest: var(--base-color-neutral-4);
451
- --control-borderColor-selected: var(--base-color-neutral-12);
466
+ --control-bgColor-active: var(--base-color-neutral-4);
467
+ --control-bgColor-hover: var(--base-color-neutral-3);
468
+ --control-bgColor-rest: var(--base-color-neutral-3);
469
+ --control-borderColor-selected: var(--base-color-neutral-14);
452
470
  --control-checked-borderColor-active: var(--base-color-blue-2);
453
471
  --control-checked-borderColor-hover: var(--base-color-blue-2);
454
472
  --control-checked-borderColor-rest: var(--base-color-blue-2);
455
- --control-fgColor-placeholder: var(--base-color-neutral-10);
456
- --control-transparent-bgColor-active: var(--base-color-neutral-7);
457
- --control-transparent-bgColor-hover: var(--base-color-neutral-6);
473
+ --control-fgColor-placeholder: var(--base-color-neutral-11);
474
+ --control-transparent-bgColor-active: var(--base-color-neutral-5);
475
+ --control-transparent-bgColor-hover: var(--base-color-neutral-4);
458
476
  --control-transparent-bgColor-rest: var(--base-color-transparent);
459
- --control-transparent-bgColor-selected: var(--base-color-neutral-6);
477
+ --control-transparent-bgColor-selected: var(--base-color-neutral-4);
460
478
  --control-transparent-borderColor-rest: var(--base-color-transparent);
461
- --controlKnob-bgColor-rest: var(--base-color-neutral-5);
462
- --controlTrack-bgColor-active: var(--base-color-neutral-7);
463
- --controlTrack-bgColor-hover: var(--base-color-neutral-6);
479
+ --controlKnob-bgColor-checked: var(--base-color-white);
480
+ --controlKnob-bgColor-rest: var(--base-color-neutral-3);
481
+ --controlTrack-bgColor-active: var(--base-color-neutral-5);
482
+ --controlTrack-bgColor-hover: var(--base-color-neutral-4);
483
+ --controlTrack-bgColor-rest: var(--base-color-black);
464
484
  --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
465
485
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
466
486
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
@@ -784,19 +804,25 @@
784
804
  --display-yellow-scale-8: var(--base-display-color-yellow-8);
785
805
  --display-yellow-scale-9: var(--base-display-color-yellow-9);
786
806
  --fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
807
+ --fgColor-black: var(--base-color-black); /** Pure black text */
787
808
  --fgColor-danger: var(--base-color-red-3); /** Danger text for errors and destructive actions */
788
- --fgColor-disabled: var(--base-color-neutral-8); /** Text color for disabled interactive elements */
809
+ --fgColor-default: var(--base-color-white); /** Default text color for primary content and headings */
810
+ --fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
789
811
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
790
- --fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
791
- --fgColor-neutral: var(--base-color-neutral-11); /** Neutral semantic text for icons and secondary elements */
812
+ --fgColor-muted: var(--base-color-neutral-11); /** Muted text for secondary content and less important information */
813
+ --fgColor-neutral: var(--base-color-neutral-12); /** Neutral semantic text for icons and secondary elements */
814
+ --fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
815
+ --fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
792
816
  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
793
817
  --fgColor-severe: var(--base-color-orange-3); /** Severe text for high-priority warnings */
794
818
  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
795
- --header-bgColor: #151b23f2;
819
+ --fgColor-white: var(--base-color-white); /** Pure white text */
820
+ --header-bgColor: #191f1bf2;
796
821
  --header-borderColor-divider: var(--base-color-neutral-8);
797
- --header-fgColor-logo: var(--base-color-neutral-12);
822
+ --header-fgColor-default: #ffffffb3;
823
+ --header-fgColor-logo: var(--base-color-neutral-14);
798
824
  --headerSearch-bgColor: var(--base-color-neutral-1);
799
- --headerSearch-borderColor: var(--base-color-neutral-5);
825
+ --headerSearch-borderColor: var(--base-color-neutral-3);
800
826
  --highlight-neutral-bgColor: #f0b72f66;
801
827
  --label-auburn-bgColor-active: var(--base-display-color-auburn-2);
802
828
  --label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
@@ -913,58 +939,56 @@
913
939
  --label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
914
940
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
915
941
  --menu-bgColor-active: var(--base-color-neutral-2);
916
- --overlay-backdrop-bgColor: #d1d7e066;
917
- --prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-9); /** Syntax highlighting color for angle brackets */
942
+ --overlay-backdrop-bgColor: #cbd6cd66;
943
+ --overlay-bgColor: var(--base-color-neutral-0);
944
+ --prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
918
945
  --prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
919
946
  --prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
920
- --prettylights-syntax-carriageReturn-text: var(--base-color-neutral-12); /** Text color for carriage return characters in diffs */
921
- --prettylights-syntax-comment: var(--base-color-neutral-9); /** Syntax highlighting color for code comments */
947
+ --prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
948
+ --prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
922
949
  --prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
923
950
  --prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
924
951
  --prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
925
952
  --prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
926
953
  --prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
927
- --prettylights-syntax-markup-bold: var(--base-color-neutral-12); /** Syntax highlighting color for bold text in markdown */
954
+ --prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
928
955
  --prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
929
956
  --prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
930
957
  --prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
931
958
  --prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
932
959
  --prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
933
960
  --prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
934
- --prettylights-syntax-markup-ignored-text: var(--base-color-neutral-12); /** Text color for ignored content in diffs */
961
+ --prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
935
962
  --prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
936
963
  --prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
937
- --prettylights-syntax-markup-italic: var(--base-color-neutral-12); /** Syntax highlighting color for italic text in markdown */
964
+ --prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
938
965
  --prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
939
966
  --prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
940
- --prettylights-syntax-storageModifierImport: var(--base-color-neutral-12); /** Syntax highlighting color for import and require statements */
967
+ --prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
941
968
  --prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
942
969
  --prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
943
- --prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-7); /** Color for linter gutter marks in code editors */
970
+ --prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
944
971
  --prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
945
- --progressBar-bgColor-neutral: var(--base-color-neutral-8);
972
+ --progressBar-bgColor-neutral: var(--base-color-neutral-9);
946
973
  --reactionButton-selected-bgColor-rest: #5cacff33;
947
974
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
948
975
  --selectMenu-bgColor-active: var(--base-color-blue-8);
976
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
977
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
978
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
979
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
949
980
  --sideNav-bgColor-selected: var(--base-color-neutral-3);
950
- --skeletonLoader-bgColor: var(--base-color-neutral-5);
981
+ --skeletonLoader-bgColor: var(--base-color-neutral-3);
951
982
  --timelineBadge-bgColor: var(--base-color-neutral-3);
952
983
  --underlineNav-borderColor-active: var(--base-color-coral-3);
953
- --ansi-whiteBright: var(--base-color-neutral-13); /** ANSI bright white for emphasized terminal text */
954
- --avatar-bgColor: #ffffff1a;
955
- --bgColor-black: var(--base-color-neutral-0); /** Pure black background */
956
984
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
957
985
  --bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
958
- --bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
959
986
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
960
987
  --bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
961
- --bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
962
- --bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
963
988
  --bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
964
989
  --bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
965
990
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
966
991
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
967
- --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
968
992
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
969
993
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
970
994
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -993,10 +1017,7 @@
993
1017
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
994
1018
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
995
1019
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
996
- --button-danger-fgColor-active: var(--base-color-neutral-13);
997
1020
  --button-danger-fgColor-disabled: #ff949280;
998
- --button-danger-fgColor-hover: var(--base-color-neutral-13);
999
- --button-danger-iconColor-hover: var(--base-color-neutral-13);
1000
1021
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1001
1022
  --button-default-bgColor-active: var(--control-bgColor-active);
1002
1023
  --button-default-bgColor-hover: var(--control-bgColor-hover);
@@ -1006,22 +1027,21 @@
1006
1027
  --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
1007
1028
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
1008
1029
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1009
- --button-outline-fgColor-active: var(--base-color-neutral-13);
1010
1030
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1011
1031
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1012
1032
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1013
- --button-primary-fgColor-disabled: #ffffff66;
1033
+ --button-primary-fgColor-rest: var(--fgColor-white);
1034
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1035
+ --button-primary-iconColor-rest: var(--fgColor-white);
1014
1036
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
1015
- --buttonCounter-danger-bgColor-hover: #01040926;
1016
- --buttonCounter-danger-bgColor-rest: #01040926;
1017
1037
  --buttonCounter-danger-fgColor-disabled: #ff949280;
1018
- --buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
1019
1038
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1020
1039
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1021
1040
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
1022
- --buttonCounter-primary-bgColor-rest: #01040926;
1023
1041
  --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1024
1042
  --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
1043
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1044
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1025
1045
  --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
1026
1046
  --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
1027
1047
  --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
@@ -1030,10 +1050,21 @@
1030
1050
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1031
1051
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1032
1052
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1053
+ --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
1054
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1055
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1056
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1033
1057
  --card-bgColor: var(--bgColor-muted);
1034
1058
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1059
+ --codeMirror-bgColor: var(--bgColor-default);
1060
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
1061
+ --codeMirror-fgColor: var(--fgColor-default);
1062
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
1035
1063
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
1064
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
1036
1065
  --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
1066
+ --codeMirror-lines-bgColor: var(--bgColor-default);
1067
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1037
1068
  --color-ansi-black: var(--ansi-black); /** Deprecated. Use ansi.black instead. */
1038
1069
  --color-ansi-black-bright: var(--ansi-blackBright); /** Deprecated. Use ansi.blackBright instead. */
1039
1070
  --color-ansi-blue: var(--ansi-blue); /** Deprecated. Use ansi.blue instead. */
@@ -1046,6 +1077,7 @@
1046
1077
  --color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
1047
1078
  --color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
1048
1079
  --color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
1080
+ --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
1049
1081
  --color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
1050
1082
  --color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
1051
1083
  --color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
@@ -1076,7 +1108,6 @@
1076
1108
  --color-prettylights-syntax-string-regexp: var(--prettylights-syntax-stringRegexp); /** Deprecated. Use prettylights.syntax.stringRegexp instead. */
1077
1109
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--prettylights-syntax-sublimeLinterGutterMark); /** Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead. */
1078
1110
  --color-prettylights-syntax-variable: var(--prettylights-syntax-variable); /** Deprecated. Use prettylights.syntax.variable instead. */
1079
- --contribution-default-bgColor-0: var(--base-color-neutral-0);
1080
1111
  --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1081
1112
  --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1082
1113
  --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
@@ -1091,38 +1122,45 @@
1091
1122
  --control-checked-bgColor-disabled: var(--fgColor-disabled);
1092
1123
  --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
1093
1124
  --control-checked-fgColor-disabled: var(--base-color-inset);
1125
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1094
1126
  --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
1127
+ --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
1095
1128
  --control-danger-fgColor-rest: var(--fgColor-danger);
1096
1129
  --control-fgColor-disabled: var(--fgColor-disabled);
1130
+ --control-fgColor-rest: var(--fgColor-default);
1097
1131
  --control-iconColor-rest: var(--fgColor-muted);
1098
1132
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1099
1133
  --control-transparent-borderColor-active: var(--borderColor-default);
1100
1134
  --control-transparent-borderColor-hover: var(--borderColor-default);
1101
- --controlKnob-bgColor-checked: var(--base-color-neutral-13);
1102
1135
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1103
- --controlTrack-bgColor-rest: var(--base-color-neutral-0);
1104
1136
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1137
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1138
+ --controlTrack-fgColor-rest: var(--fgColor-default);
1105
1139
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1106
1140
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1107
1141
  --counter-borderColor: var(--borderColor-default);
1142
+ --dashboard-bgColor: var(--bgColor-inset);
1108
1143
  --diffBlob-additionLine-bgColor: #0ac74033;
1144
+ --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
1145
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
1109
1146
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
1147
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
1110
1148
  --diffBlob-deletionLine-bgColor: #ff808033;
1149
+ --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
1150
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
1111
1151
  --diffBlob-deletionWord-bgColor: var(--bgColor-danger-emphasis);
1152
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
1112
1153
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
1113
1154
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
1155
+ --diffBlob-expander-iconColor: var(--fgColor-default);
1114
1156
  --diffBlob-hunkLine-bgColor: #5cacff33;
1115
1157
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
1116
1158
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1117
- --fgColor-black: var(--base-color-neutral-0); /** Pure black text */
1159
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1160
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1118
1161
  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
1119
- --fgColor-default: var(--base-color-neutral-13); /** Default text color for primary content and headings */
1120
1162
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
1121
- --fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
1122
- --fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
1123
- --fgColor-white: var(--base-color-neutral-13); /** Pure white text */
1124
1163
  --focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
1125
- --header-fgColor-default: #ffffffb3;
1126
1164
  --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1127
1165
  --label-blue-borderColor: var(--label-blue-fgColor-rest);
1128
1166
  --label-brown-borderColor: var(--label-brown-fgColor-rest);
@@ -1142,8 +1180,8 @@
1142
1180
  --label-red-borderColor: var(--label-red-fgColor-rest);
1143
1181
  --label-teal-borderColor: var(--label-teal-fgColor-rest);
1144
1182
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1145
- --overlay-bgColor: var(--base-color-neutral-0);
1146
1183
  --overlay-borderColor: var(--borderColor-default);
1184
+ --page-header-bgColor: var(--bgColor-default);
1147
1185
  --prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
1148
1186
  --prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
1149
1187
  --prettylights-syntax-carriage-return-bg: var(--prettylights-syntax-carriageReturn-bg); /** Deprecated. Use prettylights.syntax.carriageReturn.bg instead. */
@@ -1163,13 +1201,12 @@
1163
1201
  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1164
1202
  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1165
1203
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1204
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1166
1205
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1167
1206
  --selectMenu-borderColor: var(--borderColor-default);
1168
1207
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
1169
- --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1170
- --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1171
- --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
1172
- --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
1208
+ --tooltip-bgColor: var(--bgColor-inverse);
1209
+ --tooltip-fgColor: var(--fgColor-onInverse);
1173
1210
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1174
1211
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1175
1212
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1191,16 +1228,15 @@
1191
1228
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1192
1229
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1193
1230
  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1231
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
1194
1232
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1233
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
1195
1234
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1235
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1236
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1196
1237
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1197
1238
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1198
- --button-primary-fgColor-rest: var(--fgColor-white);
1199
- --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1200
- --button-primary-iconColor-rest: var(--fgColor-white);
1201
1239
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1202
- --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1203
- --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1204
1240
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1205
1241
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
1206
1242
  --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
@@ -1209,69 +1245,34 @@
1209
1245
  --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
1210
1246
  --buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
1211
1247
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1212
- --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
1213
- --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1214
1248
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1215
- --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1216
- --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1217
- --codeMirror-bgColor: var(--bgColor-default);
1218
- --codeMirror-cursor-fgColor: var(--fgColor-default);
1219
- --codeMirror-fgColor: var(--fgColor-default);
1220
- --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
1221
- --codeMirror-gutters-bgColor: var(--bgColor-default);
1222
- --codeMirror-lines-bgColor: var(--bgColor-default);
1223
- --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1224
- --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
1225
1249
  --color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
1226
1250
  --color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
1227
1251
  --control-borderColor-emphasis: var(--borderColor-emphasis);
1228
1252
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1229
- --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1230
- --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
1231
- --control-fgColor-rest: var(--fgColor-default);
1232
1253
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1233
1254
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1234
1255
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1235
1256
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1236
- --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1237
- --controlTrack-fgColor-rest: var(--fgColor-default);
1238
- --dashboard-bgColor: var(--bgColor-inset);
1239
- --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
1240
- --diffBlob-additionNum-fgColor: var(--fgColor-default);
1241
- --diffBlob-additionWord-fgColor: var(--fgColor-default);
1242
- --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
1243
- --diffBlob-deletionNum-fgColor: var(--fgColor-default);
1244
- --diffBlob-deletionWord-fgColor: var(--fgColor-default);
1245
- --diffBlob-expander-iconColor: var(--fgColor-default);
1246
- --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1247
- --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1248
1257
  --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1249
1258
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1250
- --page-header-bgColor: var(--bgColor-default);
1251
1259
  --prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
1252
1260
  --prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
1253
- --progressBar-track-bgColor: var(--bgColor-inverse);
1254
- --shadow-floating-large: 0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1255
- --shadow-floating-medium: 0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
1256
- --shadow-floating-small: 0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1257
- --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1258
- --tooltip-bgColor: var(--bgColor-inverse);
1259
- --tooltip-fgColor: var(--fgColor-onInverse);
1261
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1262
+ --shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
1263
+ --shadow-floating-medium: 0 0 0 1px #b8c4bc, 0 8px 16px -4px #06090766, 0 4px 32px -4px #06090766, 0 24px 48px -12px #06090766, 0 48px 96px -24px #06090766; /** Medium floating shadow for popovers and action menus */
1264
+ --shadow-floating-small: 0 0 0 1px #b8c4bc, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1265
+ --shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
1260
1266
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1261
1267
  --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1262
1268
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1263
1269
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
1264
1270
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1265
1271
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1266
- --button-default-fgColor-rest: var(--control-fgColor-rest);
1267
- --button-invisible-fgColor-active: var(--control-fgColor-rest);
1268
- --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1269
- --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1270
1272
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1271
1273
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1272
1274
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1273
1275
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1274
- --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1275
1276
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1276
1277
  --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1277
1278
  --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
@@ -1318,18 +1319,21 @@
1318
1319
  --base-color-green-7: #008c2c;
1319
1320
  --base-color-green-8: #007728;
1320
1321
  --base-color-green-9: #006222;
1321
- --base-color-neutral-1: #0d1117;
1322
- --base-color-neutral-10: #b7bdc8;
1323
- --base-color-neutral-11: #d1d7e0;
1324
- --base-color-neutral-12: #f0f6fc;
1325
- --base-color-neutral-2: #151b23;
1326
- --base-color-neutral-3: #212830;
1327
- --base-color-neutral-4: #262c36;
1328
- --base-color-neutral-5: #2a313c;
1329
- --base-color-neutral-6: #2f3742;
1330
- --base-color-neutral-7: #3d444d;
1331
- --base-color-neutral-8: #656c76;
1332
- --base-color-neutral-9: #9198a1;
1322
+ --base-color-neutral-0: #060907;
1323
+ --base-color-neutral-1: #0f1511;
1324
+ --base-color-neutral-10: #9ca89f;
1325
+ --base-color-neutral-11: #b8c4bc;
1326
+ --base-color-neutral-12: #cbd6cd;
1327
+ --base-color-neutral-13: #d6e0d8;
1328
+ --base-color-neutral-14: #e9f0eb;
1329
+ --base-color-neutral-2: #191f1b;
1330
+ --base-color-neutral-3: #252b27;
1331
+ --base-color-neutral-4: #353c37;
1332
+ --base-color-neutral-5: #3b443e;
1333
+ --base-color-neutral-6: #434c45;
1334
+ --base-color-neutral-7: #4e5750;
1335
+ --base-color-neutral-8: #58635b;
1336
+ --base-color-neutral-9: #6c786f;
1333
1337
  --base-color-orange-0: #ffe1b4;
1334
1338
  --base-color-orange-1: #ffcf86;
1335
1339
  --base-color-orange-2: #ffb757;
@@ -1605,38 +1609,42 @@
1605
1609
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
1606
1610
  --fgColor-success: #2bd853; /** Success text for positive feedback and completed states */
1607
1611
  --reactionButton-selected-bgColor-hover: #5dadff5c;
1608
- --ansi-black: var(--base-color-neutral-6); /** ANSI black for terminal text and backgrounds */
1609
- --ansi-blackBright: var(--base-color-neutral-8); /** ANSI bright black (dark gray) for dimmed terminal text */
1612
+ --ansi-black: var(--base-color-neutral-4); /** ANSI black for terminal text and backgrounds */
1613
+ --ansi-blackBright: var(--base-color-neutral-9); /** ANSI bright black (dark gray) for dimmed terminal text */
1610
1614
  --ansi-blue: var(--base-color-blue-3); /** ANSI blue for informational terminal text */
1611
1615
  --ansi-blueBright: var(--base-color-blue-2); /** ANSI bright blue for highlighted info in terminal */
1612
- --ansi-gray: var(--base-color-neutral-8); /** ANSI gray for secondary terminal text */
1616
+ --ansi-gray: var(--base-color-neutral-9); /** ANSI gray for secondary terminal text */
1613
1617
  --ansi-green: var(--base-color-green-3); /** ANSI green for success indicators in terminal */
1614
1618
  --ansi-greenBright: var(--base-color-green-2); /** ANSI bright green for highlighted success in terminal */
1615
1619
  --ansi-magenta: var(--base-color-purple-3); /** ANSI magenta for special terminal text */
1616
1620
  --ansi-magentaBright: var(--base-color-purple-2); /** ANSI bright magenta for highlighted special text */
1617
1621
  --ansi-red: var(--base-color-red-3); /** ANSI red for errors and alerts in terminal output */
1618
1622
  --ansi-redBright: var(--base-color-red-2); /** ANSI bright red for highlighted errors in terminal */
1619
- --ansi-white: var(--base-color-neutral-12); /** ANSI white for terminal text */
1623
+ --ansi-white: var(--base-color-neutral-14); /** ANSI white for terminal text */
1624
+ --ansi-whiteBright: var(--base-color-white); /** ANSI bright white for emphasized terminal text */
1620
1625
  --ansi-yellow: var(--base-color-yellow-3); /** ANSI yellow for warnings in terminal output */
1621
1626
  --ansi-yellowBright: var(--base-color-yellow-2); /** ANSI bright yellow for highlighted warnings in terminal */
1622
- --avatar-shadow: 0 0 0 2px #0d1117;
1627
+ --avatar-bgColor: #ffffff1a;
1628
+ --avatar-shadow: 0 0 0 2px #0f1511;
1623
1629
  --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
1624
1630
  --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
1625
1631
  --base-color-inset: var(--base-color-black);
1626
- --base-color-neutral-0: var(--base-color-black);
1627
- --base-color-neutral-13: var(--base-color-white);
1628
1632
  --bgColor-accent-emphasis: var(--base-color-blue-9); /** Strong accent background for active states and focused states */
1629
1633
  --bgColor-accent-muted: #5cacff1a; /** Subtle accent background for informational or selected elements */
1630
1634
  --bgColor-attention-emphasis: var(--base-color-yellow-9); /** Strong attention background for prominent warnings */
1631
1635
  --bgColor-attention-muted: #edaa2726; /** Subtle attention background for warnings and caution states */
1636
+ --bgColor-black: var(--base-color-black); /** Pure black background */
1632
1637
  --bgColor-danger-emphasis: var(--base-color-red-9); /** Emphasized danger background for critical errors and delete confirmations */
1633
1638
  --bgColor-danger-muted: #ff80801a; /** Muted danger background for error states and destructive action contexts */
1634
- --bgColor-disabled: var(--base-color-neutral-4); /** Background for disabled interactive elements */
1639
+ --bgColor-default: var(--base-color-black); /** Default background color for pages and main content areas */
1640
+ --bgColor-disabled: var(--base-color-neutral-3); /** Background for disabled interactive elements */
1635
1641
  --bgColor-done-emphasis: var(--base-color-purple-9); /** Strong background for completed/done state badges and labels */
1636
1642
  --bgColor-done-muted: #bf8fff26; /** Subtle background for completed/done state indicators */
1637
- --bgColor-emphasis: var(--base-color-neutral-7); /** High-emphasis dark background for strong visual contrast */
1638
- --bgColor-muted: var(--base-color-neutral-2); /** Muted background for secondary content areas and subtle grouping */
1639
- --bgColor-neutral-emphasis: var(--base-color-neutral-7); /** Strong neutral background for prominent neutral elements */
1643
+ --bgColor-emphasis: var(--base-color-neutral-5); /** High-emphasis dark background for strong visual contrast */
1644
+ --bgColor-inset: var(--base-color-black); /** Inset background for recessed content areas like wells or sunken panels */
1645
+ --bgColor-inverse: var(--base-color-white); /** Inverse background that flips between light and dark modes */
1646
+ --bgColor-muted: var(--base-color-neutral-1); /** Muted background for secondary content areas and subtle grouping */
1647
+ --bgColor-neutral-emphasis: var(--base-color-neutral-5); /** Strong neutral background for prominent neutral elements */
1640
1648
  --bgColor-neutral-muted: var(--base-color-neutral-3); /** Subtle neutral background for tags, labels, and secondary UI elements */
1641
1649
  --bgColor-severe-emphasis: var(--base-color-orange-9); /** Strong severe background for prominent high-priority warnings */
1642
1650
  --bgColor-severe-muted: #f48b251a; /** Subtle severe background for high-priority warnings */
@@ -1645,14 +1653,15 @@
1645
1653
  --bgColor-success-emphasis: var(--base-color-green-9); /** Strong success background for prominent positive actions */
1646
1654
  --bgColor-success-muted: #0ac74026; /** Subtle success background for positive feedback and completed states */
1647
1655
  --bgColor-transparent: var(--base-color-transparent); /** Fully transparent background */
1656
+ --bgColor-white: var(--base-color-white); /** Pure white background */
1648
1657
  --borderColor-accent-emphasis: var(--base-color-blue-5); /** Strong accent border for selected or focused elements */
1649
1658
  --borderColor-accent-muted: var(--base-color-blue-4); /** Subtle accent border for selected or focused elements */
1650
1659
  --borderColor-attention-emphasis: var(--base-color-yellow-5); /** Strong attention border for prominent warnings */
1651
1660
  --borderColor-attention-muted: var(--base-color-yellow-4); /** Subtle attention border for warnings and caution states */
1652
1661
  --borderColor-danger-emphasis: var(--base-color-red-5); /** Strong danger border for destructive actions and errors */
1653
1662
  --borderColor-danger-muted: var(--base-color-red-4); /** Subtle danger border for errors and destructive contexts */
1654
- --borderColor-default: var(--base-color-neutral-10); /** Default border color for most UI elements */
1655
- --borderColor-disabled: #656c761a; /** Border color for disabled interactive elements */
1663
+ --borderColor-default: var(--base-color-neutral-11); /** Default border color for most UI elements */
1664
+ --borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
1656
1665
  --borderColor-done-emphasis: var(--base-color-purple-5); /** Strong border for completed/done state badges */
1657
1666
  --borderColor-done-muted: var(--base-color-purple-4); /** Subtle border for completed/done state indicators */
1658
1667
  --borderColor-severe-emphasis: var(--base-color-orange-5); /** Strong severe border for prominent high-priority warnings */
@@ -1661,7 +1670,7 @@
1661
1670
  --borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
1662
1671
  --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
1663
1672
  --borderColor-success-muted: var(--base-color-green-4); /** Subtle success border for positive feedback elements */
1664
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1673
+ --borderColor-translucent: var(--base-color-neutral-10); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1665
1674
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
1666
1675
  --boxShadow-thick: inset 0 0 0 0.125rem; /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
1667
1676
  --boxShadow-thicker: inset 0 0 0 0.25rem; /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
@@ -1669,40 +1678,49 @@
1669
1678
  --button-danger-bgColor-hover: var(--base-color-red-9);
1670
1679
  --button-danger-borderColor-active: var(--base-color-red-2);
1671
1680
  --button-danger-borderColor-hover: var(--base-color-red-2);
1681
+ --button-danger-fgColor-active: var(--base-color-white);
1682
+ --button-danger-fgColor-hover: var(--base-color-white);
1672
1683
  --button-danger-fgColor-rest: var(--base-color-red-2);
1684
+ --button-danger-iconColor-hover: var(--base-color-white);
1673
1685
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
1674
1686
  --button-default-shadow-resting: 0 0 0 0 #00000000;
1675
- --button-inactive-fgColor: var(--base-color-neutral-10);
1687
+ --button-inactive-fgColor: var(--base-color-neutral-11);
1676
1688
  --button-invisible-bgColor-active: var(--base-color-neutral-3);
1677
1689
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
1678
1690
  --button-invisible-bgColor-hover: var(--base-color-neutral-2);
1679
1691
  --button-invisible-borderColor-disabled: var(--base-color-transparent);
1680
- --button-invisible-iconColor-hover: var(--base-color-neutral-11);
1681
- --button-invisible-iconColor-rest: var(--base-color-neutral-11);
1692
+ --button-invisible-iconColor-hover: var(--base-color-neutral-12);
1693
+ --button-invisible-iconColor-rest: var(--base-color-neutral-12);
1682
1694
  --button-outline-bgColor-active: var(--base-color-blue-7);
1683
- --button-outline-bgColor-rest: var(--base-color-neutral-12);
1695
+ --button-outline-bgColor-rest: var(--base-color-neutral-14);
1696
+ --button-outline-fgColor-active: var(--base-color-white);
1684
1697
  --button-outline-fgColor-disabled: #74b9ff80;
1685
1698
  --button-outline-fgColor-hover: var(--base-color-blue-3);
1686
1699
  --button-outline-fgColor-rest: var(--base-color-blue-4);
1687
1700
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
1688
1701
  --button-primary-borderColor-disabled: #4ae16866;
1689
1702
  --button-primary-borderColor-rest: var(--base-color-green-2);
1703
+ --button-primary-fgColor-disabled: #ffffff66;
1690
1704
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
1691
1705
  --button-star-iconColor: var(--base-color-yellow-2);
1692
- --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
1706
+ --buttonCounter-danger-bgColor-hover: #01040926;
1707
+ --buttonCounter-danger-bgColor-rest: #01040926;
1708
+ --buttonCounter-danger-fgColor-hover: var(--base-color-white);
1709
+ --buttonCounter-default-bgColor-rest: var(--base-color-neutral-4);
1693
1710
  --buttonCounter-outline-bgColor-hover: #194fb133;
1694
1711
  --buttonCounter-outline-bgColor-rest: #194fb133;
1695
1712
  --buttonCounter-outline-fgColor-disabled: #74b9ff80;
1696
1713
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1697
1714
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1715
+ --buttonCounter-primary-bgColor-rest: #01040926;
1698
1716
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
1699
1717
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1700
1718
  --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
1701
- --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-4);
1702
- --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-4);
1719
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-3);
1720
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-3);
1703
1721
  --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
1704
1722
  --codeMirror-selection-bgColor: #5cacff66;
1705
- --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1723
+ --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-9);
1706
1724
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
1707
1725
  --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
1708
1726
  --codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
@@ -1712,6 +1730,7 @@
1712
1730
  --codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
1713
1731
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
1714
1732
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
1733
+ --contribution-default-bgColor-0: var(--base-color-black);
1715
1734
  --contribution-default-bgColor-1: var(--base-color-green-8);
1716
1735
  --contribution-default-bgColor-2: var(--base-color-green-6);
1717
1736
  --contribution-default-bgColor-3: var(--base-color-green-4);
@@ -1725,22 +1744,24 @@
1725
1744
  --contribution-winter-bgColor-2: var(--base-color-blue-6);
1726
1745
  --contribution-winter-bgColor-3: var(--base-color-blue-3);
1727
1746
  --contribution-winter-bgColor-4: var(--base-color-blue-0);
1728
- --control-bgColor-active: var(--base-color-neutral-6);
1729
- --control-bgColor-hover: var(--base-color-neutral-5);
1730
- --control-bgColor-rest: var(--base-color-neutral-4);
1731
- --control-borderColor-selected: var(--base-color-neutral-12);
1747
+ --control-bgColor-active: var(--base-color-neutral-4);
1748
+ --control-bgColor-hover: var(--base-color-neutral-3);
1749
+ --control-bgColor-rest: var(--base-color-neutral-3);
1750
+ --control-borderColor-selected: var(--base-color-neutral-14);
1732
1751
  --control-checked-borderColor-active: var(--base-color-blue-2);
1733
1752
  --control-checked-borderColor-hover: var(--base-color-blue-2);
1734
1753
  --control-checked-borderColor-rest: var(--base-color-blue-2);
1735
- --control-fgColor-placeholder: var(--base-color-neutral-10);
1736
- --control-transparent-bgColor-active: var(--base-color-neutral-7);
1737
- --control-transparent-bgColor-hover: var(--base-color-neutral-6);
1754
+ --control-fgColor-placeholder: var(--base-color-neutral-11);
1755
+ --control-transparent-bgColor-active: var(--base-color-neutral-5);
1756
+ --control-transparent-bgColor-hover: var(--base-color-neutral-4);
1738
1757
  --control-transparent-bgColor-rest: var(--base-color-transparent);
1739
- --control-transparent-bgColor-selected: var(--base-color-neutral-6);
1758
+ --control-transparent-bgColor-selected: var(--base-color-neutral-4);
1740
1759
  --control-transparent-borderColor-rest: var(--base-color-transparent);
1741
- --controlKnob-bgColor-rest: var(--base-color-neutral-5);
1742
- --controlTrack-bgColor-active: var(--base-color-neutral-7);
1743
- --controlTrack-bgColor-hover: var(--base-color-neutral-6);
1760
+ --controlKnob-bgColor-checked: var(--base-color-white);
1761
+ --controlKnob-bgColor-rest: var(--base-color-neutral-3);
1762
+ --controlTrack-bgColor-active: var(--base-color-neutral-5);
1763
+ --controlTrack-bgColor-hover: var(--base-color-neutral-4);
1764
+ --controlTrack-bgColor-rest: var(--base-color-black);
1744
1765
  --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
1745
1766
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1746
1767
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
@@ -2064,19 +2085,25 @@
2064
2085
  --display-yellow-scale-8: var(--base-display-color-yellow-8);
2065
2086
  --display-yellow-scale-9: var(--base-display-color-yellow-9);
2066
2087
  --fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
2088
+ --fgColor-black: var(--base-color-black); /** Pure black text */
2067
2089
  --fgColor-danger: var(--base-color-red-3); /** Danger text for errors and destructive actions */
2068
- --fgColor-disabled: var(--base-color-neutral-8); /** Text color for disabled interactive elements */
2090
+ --fgColor-default: var(--base-color-white); /** Default text color for primary content and headings */
2091
+ --fgColor-disabled: var(--base-color-neutral-9); /** Text color for disabled interactive elements */
2069
2092
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
2070
- --fgColor-muted: var(--base-color-neutral-10); /** Muted text for secondary content and less important information */
2071
- --fgColor-neutral: var(--base-color-neutral-11); /** Neutral semantic text for icons and secondary elements */
2093
+ --fgColor-muted: var(--base-color-neutral-11); /** Muted text for secondary content and less important information */
2094
+ --fgColor-neutral: var(--base-color-neutral-12); /** Neutral semantic text for icons and secondary elements */
2095
+ --fgColor-onEmphasis: var(--base-color-white); /** Text color for use on emphasis backgrounds */
2096
+ --fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
2072
2097
  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
2073
2098
  --fgColor-severe: var(--base-color-orange-3); /** Severe text for high-priority warnings */
2074
2099
  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
2075
- --header-bgColor: #151b23f2;
2100
+ --fgColor-white: var(--base-color-white); /** Pure white text */
2101
+ --header-bgColor: #191f1bf2;
2076
2102
  --header-borderColor-divider: var(--base-color-neutral-8);
2077
- --header-fgColor-logo: var(--base-color-neutral-12);
2103
+ --header-fgColor-default: #ffffffb3;
2104
+ --header-fgColor-logo: var(--base-color-neutral-14);
2078
2105
  --headerSearch-bgColor: var(--base-color-neutral-1);
2079
- --headerSearch-borderColor: var(--base-color-neutral-5);
2106
+ --headerSearch-borderColor: var(--base-color-neutral-3);
2080
2107
  --highlight-neutral-bgColor: #f0b72f66;
2081
2108
  --label-auburn-bgColor-active: var(--base-display-color-auburn-2);
2082
2109
  --label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
@@ -2193,58 +2220,56 @@
2193
2220
  --label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
2194
2221
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2195
2222
  --menu-bgColor-active: var(--base-color-neutral-2);
2196
- --overlay-backdrop-bgColor: #d1d7e066;
2197
- --prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-9); /** Syntax highlighting color for angle brackets */
2223
+ --overlay-backdrop-bgColor: #cbd6cd66;
2224
+ --overlay-bgColor: var(--base-color-neutral-0);
2225
+ --prettylights-syntax-bracketHighlighterAngle: var(--base-color-neutral-10); /** Syntax highlighting color for angle brackets */
2198
2226
  --prettylights-syntax-bracketHighlighterUnmatched: var(--base-color-red-4); /** Syntax highlighting color for unmatched brackets */
2199
2227
  --prettylights-syntax-carriageReturn-bg: var(--base-color-red-6); /** Background color for carriage return characters in diffs */
2200
- --prettylights-syntax-carriageReturn-text: var(--base-color-neutral-12); /** Text color for carriage return characters in diffs */
2201
- --prettylights-syntax-comment: var(--base-color-neutral-9); /** Syntax highlighting color for code comments */
2228
+ --prettylights-syntax-carriageReturn-text: var(--base-color-neutral-14); /** Text color for carriage return characters in diffs */
2229
+ --prettylights-syntax-comment: var(--base-color-neutral-10); /** Syntax highlighting color for code comments */
2202
2230
  --prettylights-syntax-constant: var(--base-color-blue-2); /** Syntax highlighting color for constants and literal values */
2203
2231
  --prettylights-syntax-constantOtherReferenceLink: var(--base-color-blue-1); /** Syntax highlighting color for reference links and URLs in code */
2204
2232
  --prettylights-syntax-entity: var(--base-color-purple-2); /** Syntax highlighting color for class names, type definitions, and declarations */
2205
2233
  --prettylights-syntax-entityTag: var(--base-color-green-1); /** Syntax highlighting color for HTML/XML tags */
2206
2234
  --prettylights-syntax-keyword: var(--base-color-red-3); /** Syntax highlighting color for language keywords (if, else, return) */
2207
- --prettylights-syntax-markup-bold: var(--base-color-neutral-12); /** Syntax highlighting color for bold text in markdown */
2235
+ --prettylights-syntax-markup-bold: var(--base-color-neutral-14); /** Syntax highlighting color for bold text in markdown */
2208
2236
  --prettylights-syntax-markup-changed-bg: var(--base-color-orange-8); /** Background color for changed lines in diff views */
2209
2237
  --prettylights-syntax-markup-changed-text: var(--base-color-orange-0); /** Text color for changed lines in diff views */
2210
2238
  --prettylights-syntax-markup-deleted-bg: var(--base-color-red-8); /** Background color for deleted lines in diff views */
2211
2239
  --prettylights-syntax-markup-deleted-text: var(--base-color-red-0); /** Text color for deleted lines in diff views */
2212
2240
  --prettylights-syntax-markup-heading: var(--base-color-blue-5); /** Syntax highlighting color for headings in markdown */
2213
2241
  --prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6); /** Background color for ignored content in diffs */
2214
- --prettylights-syntax-markup-ignored-text: var(--base-color-neutral-12); /** Text color for ignored content in diffs */
2242
+ --prettylights-syntax-markup-ignored-text: var(--base-color-neutral-14); /** Text color for ignored content in diffs */
2215
2243
  --prettylights-syntax-markup-inserted-bg: var(--base-color-green-8); /** Background color for inserted lines in diff views */
2216
2244
  --prettylights-syntax-markup-inserted-text: var(--base-color-green-0); /** Text color for inserted lines in diff views */
2217
- --prettylights-syntax-markup-italic: var(--base-color-neutral-12); /** Syntax highlighting color for italic text in markdown */
2245
+ --prettylights-syntax-markup-italic: var(--base-color-neutral-14); /** Syntax highlighting color for italic text in markdown */
2218
2246
  --prettylights-syntax-markup-list: var(--base-color-yellow-1); /** Syntax highlighting color for list markers in markdown */
2219
2247
  --prettylights-syntax-metaDiffRange: var(--base-color-purple-2); /** Syntax highlighting color for diff range information (@@ lines) */
2220
- --prettylights-syntax-storageModifierImport: var(--base-color-neutral-12); /** Syntax highlighting color for import and require statements */
2248
+ --prettylights-syntax-storageModifierImport: var(--base-color-neutral-14); /** Syntax highlighting color for import and require statements */
2221
2249
  --prettylights-syntax-string: var(--base-color-blue-1); /** Syntax highlighting color for string literals */
2222
2250
  --prettylights-syntax-stringRegexp: var(--base-color-green-1); /** Syntax highlighting color for regular expression literals */
2223
- --prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-7); /** Color for linter gutter marks in code editors */
2251
+ --prettylights-syntax-sublimeLinterGutterMark: var(--base-color-neutral-5); /** Color for linter gutter marks in code editors */
2224
2252
  --prettylights-syntax-variable: var(--base-color-orange-2); /** Syntax highlighting color for variables and parameters */
2225
- --progressBar-bgColor-neutral: var(--base-color-neutral-8);
2253
+ --progressBar-bgColor-neutral: var(--base-color-neutral-9);
2226
2254
  --reactionButton-selected-bgColor-rest: #5cacff33;
2227
2255
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
2228
2256
  --selectMenu-bgColor-active: var(--base-color-blue-8);
2257
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
2258
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
2259
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
2260
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
2229
2261
  --sideNav-bgColor-selected: var(--base-color-neutral-3);
2230
- --skeletonLoader-bgColor: var(--base-color-neutral-5);
2262
+ --skeletonLoader-bgColor: var(--base-color-neutral-3);
2231
2263
  --timelineBadge-bgColor: var(--base-color-neutral-3);
2232
2264
  --underlineNav-borderColor-active: var(--base-color-coral-3);
2233
- --ansi-whiteBright: var(--base-color-neutral-13); /** ANSI bright white for emphasized terminal text */
2234
- --avatar-bgColor: #ffffff1a;
2235
- --bgColor-black: var(--base-color-neutral-0); /** Pure black background */
2236
2265
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
2237
2266
  --bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
2238
- --bgColor-default: var(--base-color-neutral-0); /** Default background color for pages and main content areas */
2239
2267
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
2240
2268
  --bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
2241
- --bgColor-inset: var(--base-color-neutral-0); /** Inset background for recessed content areas like wells or sunken panels */
2242
- --bgColor-inverse: var(--base-color-neutral-13); /** Inverse background that flips between light and dark modes */
2243
2269
  --bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
2244
2270
  --bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
2245
2271
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
2246
2272
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
2247
- --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
2248
2273
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
2249
2274
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
2250
2275
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -2273,10 +2298,7 @@
2273
2298
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
2274
2299
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
2275
2300
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
2276
- --button-danger-fgColor-active: var(--base-color-neutral-13);
2277
2301
  --button-danger-fgColor-disabled: #ff949280;
2278
- --button-danger-fgColor-hover: var(--base-color-neutral-13);
2279
- --button-danger-iconColor-hover: var(--base-color-neutral-13);
2280
2302
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
2281
2303
  --button-default-bgColor-active: var(--control-bgColor-active);
2282
2304
  --button-default-bgColor-hover: var(--control-bgColor-hover);
@@ -2286,22 +2308,21 @@
2286
2308
  --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
2287
2309
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
2288
2310
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
2289
- --button-outline-fgColor-active: var(--base-color-neutral-13);
2290
2311
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
2291
2312
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
2292
2313
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
2293
- --button-primary-fgColor-disabled: #ffffff66;
2314
+ --button-primary-fgColor-rest: var(--fgColor-white);
2315
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
2316
+ --button-primary-iconColor-rest: var(--fgColor-white);
2294
2317
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
2295
- --buttonCounter-danger-bgColor-hover: #01040926;
2296
- --buttonCounter-danger-bgColor-rest: #01040926;
2297
2318
  --buttonCounter-danger-fgColor-disabled: #ff949280;
2298
- --buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
2299
2319
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
2300
2320
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
2301
2321
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
2302
- --buttonCounter-primary-bgColor-rest: #01040926;
2303
2322
  --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2304
2323
  --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
2324
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
2325
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
2305
2326
  --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
2306
2327
  --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
2307
2328
  --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
@@ -2310,10 +2331,21 @@
2310
2331
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2311
2332
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2312
2333
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2334
+ --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
2335
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2336
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
2337
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
2313
2338
  --card-bgColor: var(--bgColor-muted);
2314
2339
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
2340
+ --codeMirror-bgColor: var(--bgColor-default);
2341
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
2342
+ --codeMirror-fgColor: var(--fgColor-default);
2343
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
2315
2344
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
2345
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
2316
2346
  --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
2347
+ --codeMirror-lines-bgColor: var(--bgColor-default);
2348
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
2317
2349
  --color-ansi-black: var(--ansi-black); /** Deprecated. Use ansi.black instead. */
2318
2350
  --color-ansi-black-bright: var(--ansi-blackBright); /** Deprecated. Use ansi.blackBright instead. */
2319
2351
  --color-ansi-blue: var(--ansi-blue); /** Deprecated. Use ansi.blue instead. */
@@ -2326,6 +2358,7 @@
2326
2358
  --color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
2327
2359
  --color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
2328
2360
  --color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
2361
+ --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
2329
2362
  --color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
2330
2363
  --color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
2331
2364
  --color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
@@ -2356,7 +2389,6 @@
2356
2389
  --color-prettylights-syntax-string-regexp: var(--prettylights-syntax-stringRegexp); /** Deprecated. Use prettylights.syntax.stringRegexp instead. */
2357
2390
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--prettylights-syntax-sublimeLinterGutterMark); /** Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead. */
2358
2391
  --color-prettylights-syntax-variable: var(--prettylights-syntax-variable); /** Deprecated. Use prettylights.syntax.variable instead. */
2359
- --contribution-default-bgColor-0: var(--base-color-neutral-0);
2360
2392
  --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
2361
2393
  --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
2362
2394
  --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
@@ -2371,38 +2403,45 @@
2371
2403
  --control-checked-bgColor-disabled: var(--fgColor-disabled);
2372
2404
  --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
2373
2405
  --control-checked-fgColor-disabled: var(--base-color-inset);
2406
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
2374
2407
  --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
2408
+ --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
2375
2409
  --control-danger-fgColor-rest: var(--fgColor-danger);
2376
2410
  --control-fgColor-disabled: var(--fgColor-disabled);
2411
+ --control-fgColor-rest: var(--fgColor-default);
2377
2412
  --control-iconColor-rest: var(--fgColor-muted);
2378
2413
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
2379
2414
  --control-transparent-borderColor-active: var(--borderColor-default);
2380
2415
  --control-transparent-borderColor-hover: var(--borderColor-default);
2381
- --controlKnob-bgColor-checked: var(--base-color-neutral-13);
2382
2416
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
2383
- --controlTrack-bgColor-rest: var(--base-color-neutral-0);
2384
2417
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
2418
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2419
+ --controlTrack-fgColor-rest: var(--fgColor-default);
2385
2420
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
2386
2421
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
2387
2422
  --counter-borderColor: var(--borderColor-default);
2423
+ --dashboard-bgColor: var(--bgColor-inset);
2388
2424
  --diffBlob-additionLine-bgColor: #0ac74033;
2425
+ --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
2426
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
2389
2427
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
2428
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
2390
2429
  --diffBlob-deletionLine-bgColor: #ff808033;
2430
+ --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
2431
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
2391
2432
  --diffBlob-deletionWord-bgColor: var(--bgColor-danger-emphasis);
2433
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
2392
2434
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
2393
2435
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
2436
+ --diffBlob-expander-iconColor: var(--fgColor-default);
2394
2437
  --diffBlob-hunkLine-bgColor: #5cacff33;
2395
2438
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
2396
2439
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
2397
- --fgColor-black: var(--base-color-neutral-0); /** Pure black text */
2440
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2441
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2398
2442
  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
2399
- --fgColor-default: var(--base-color-neutral-13); /** Default text color for primary content and headings */
2400
2443
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
2401
- --fgColor-onEmphasis: var(--base-color-neutral-13); /** Text color for use on emphasis backgrounds */
2402
- --fgColor-onInverse: var(--base-color-neutral-0); /** Text color for use on inverse backgrounds */
2403
- --fgColor-white: var(--base-color-neutral-13); /** Pure white text */
2404
2444
  --focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
2405
- --header-fgColor-default: #ffffffb3;
2406
2445
  --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
2407
2446
  --label-blue-borderColor: var(--label-blue-fgColor-rest);
2408
2447
  --label-brown-borderColor: var(--label-brown-fgColor-rest);
@@ -2422,8 +2461,8 @@
2422
2461
  --label-red-borderColor: var(--label-red-fgColor-rest);
2423
2462
  --label-teal-borderColor: var(--label-teal-fgColor-rest);
2424
2463
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
2425
- --overlay-bgColor: var(--base-color-neutral-0);
2426
2464
  --overlay-borderColor: var(--borderColor-default);
2465
+ --page-header-bgColor: var(--bgColor-default);
2427
2466
  --prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
2428
2467
  --prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
2429
2468
  --prettylights-syntax-carriage-return-bg: var(--prettylights-syntax-carriageReturn-bg); /** Deprecated. Use prettylights.syntax.carriageReturn.bg instead. */
@@ -2443,13 +2482,12 @@
2443
2482
  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2444
2483
  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2445
2484
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2485
+ --progressBar-track-bgColor: var(--bgColor-inverse);
2446
2486
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2447
2487
  --selectMenu-borderColor: var(--borderColor-default);
2448
2488
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
2449
- --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
2450
- --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
2451
- --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
2452
- --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
2489
+ --tooltip-bgColor: var(--bgColor-inverse);
2490
+ --tooltip-fgColor: var(--fgColor-onInverse);
2453
2491
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
2454
2492
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
2455
2493
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -2471,16 +2509,15 @@
2471
2509
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
2472
2510
  --button-default-borderColor-rest: var(--control-borderColor-rest);
2473
2511
  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
2512
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
2474
2513
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
2514
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
2475
2515
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2516
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
2517
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
2476
2518
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
2477
2519
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2478
- --button-primary-fgColor-rest: var(--fgColor-white);
2479
- --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
2480
- --button-primary-iconColor-rest: var(--fgColor-white);
2481
2520
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2482
- --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
2483
- --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
2484
2521
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
2485
2522
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
2486
2523
  --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
@@ -2489,69 +2526,34 @@
2489
2526
  --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
2490
2527
  --buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
2491
2528
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2492
- --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
2493
- --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2494
2529
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
2495
- --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
2496
- --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
2497
- --codeMirror-bgColor: var(--bgColor-default);
2498
- --codeMirror-cursor-fgColor: var(--fgColor-default);
2499
- --codeMirror-fgColor: var(--fgColor-default);
2500
- --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
2501
- --codeMirror-gutters-bgColor: var(--bgColor-default);
2502
- --codeMirror-lines-bgColor: var(--bgColor-default);
2503
- --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
2504
- --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
2505
2530
  --color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
2506
2531
  --color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
2507
2532
  --control-borderColor-emphasis: var(--borderColor-emphasis);
2508
2533
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
2509
- --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
2510
- --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
2511
- --control-fgColor-rest: var(--fgColor-default);
2512
2534
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
2513
2535
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
2514
2536
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
2515
2537
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
2516
- --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2517
- --controlTrack-fgColor-rest: var(--fgColor-default);
2518
- --dashboard-bgColor: var(--bgColor-inset);
2519
- --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
2520
- --diffBlob-additionNum-fgColor: var(--fgColor-default);
2521
- --diffBlob-additionWord-fgColor: var(--fgColor-default);
2522
- --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
2523
- --diffBlob-deletionNum-fgColor: var(--fgColor-default);
2524
- --diffBlob-deletionWord-fgColor: var(--fgColor-default);
2525
- --diffBlob-expander-iconColor: var(--fgColor-default);
2526
- --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2527
- --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2528
2538
  --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
2529
2539
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
2530
- --page-header-bgColor: var(--bgColor-default);
2531
2540
  --prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
2532
2541
  --prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
2533
- --progressBar-track-bgColor: var(--bgColor-inverse);
2534
- --shadow-floating-large: 0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
2535
- --shadow-floating-medium: 0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
2536
- --shadow-floating-small: 0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
2537
- --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
2538
- --tooltip-bgColor: var(--bgColor-inverse);
2539
- --tooltip-fgColor: var(--fgColor-onInverse);
2542
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2543
+ --shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
2544
+ --shadow-floating-medium: 0 0 0 1px #b8c4bc, 0 8px 16px -4px #06090766, 0 4px 32px -4px #06090766, 0 24px 48px -12px #06090766, 0 48px 96px -24px #06090766; /** Medium floating shadow for popovers and action menus */
2545
+ --shadow-floating-small: 0 0 0 1px #b8c4bc, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
2546
+ --shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
2540
2547
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
2541
2548
  --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
2542
2549
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
2543
2550
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
2544
2551
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
2545
2552
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
2546
- --button-default-fgColor-rest: var(--control-fgColor-rest);
2547
- --button-invisible-fgColor-active: var(--control-fgColor-rest);
2548
- --button-invisible-fgColor-hover: var(--control-fgColor-rest);
2549
- --button-invisible-fgColor-rest: var(--control-fgColor-rest);
2550
2553
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
2551
2554
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
2552
2555
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
2553
2556
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2554
- --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2555
2557
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
2556
2558
  --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
2557
2559
  --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);