@primer/primitives 0.0.0-20260710052607 → 0.0.0-20260710062304

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 +1056 -1048
  10. package/dist/docs/functional/themes/dark-colorblind.json +1104 -1096
  11. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1102 -1094
  12. package/dist/docs/functional/themes/dark-dimmed.json +1130 -1122
  13. package/dist/docs/functional/themes/dark-high-contrast.json +1045 -1037
  14. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1055 -1047
  15. package/dist/docs/functional/themes/dark-tritanopia.json +1101 -1093
  16. package/dist/docs/functional/themes/dark.json +1093 -1085
  17. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +438 -430
  18. package/dist/docs/functional/themes/light-colorblind.json +438 -430
  19. package/dist/docs/functional/themes/light-high-contrast.json +438 -430
  20. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +438 -430
  21. package/dist/docs/functional/themes/light-tritanopia.json +438 -430
  22. package/dist/docs/functional/themes/light.json +438 -430
  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 +674 -674
  27. package/dist/figma/themes/dark-dimmed.json +670 -670
  28. package/dist/figma/themes/dark-high-contrast.json +598 -598
  29. package/dist/figma/themes/dark-tritanopia.json +665 -665
  30. package/dist/figma/themes/dark.json +647 -647
  31. package/dist/internalCss/dark-colorblind-high-contrast.css +284 -282
  32. package/dist/internalCss/dark-colorblind.css +228 -226
  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 +274 -272
  36. package/dist/internalCss/dark-tritanopia-high-contrast.css +280 -278
  37. package/dist/internalCss/dark-tritanopia.css +228 -226
  38. package/dist/internalCss/dark.css +216 -214
  39. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1056 -1048
  40. package/dist/styleLint/functional/themes/dark-colorblind.json +1104 -1096
  41. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1102 -1094
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +1130 -1122
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +1045 -1037
  44. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1055 -1047
  45. package/dist/styleLint/functional/themes/dark-tritanopia.json +1101 -1093
  46. package/dist/styleLint/functional/themes/dark.json +1093 -1085
  47. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +438 -430
  48. package/dist/styleLint/functional/themes/light-colorblind.json +438 -430
  49. package/dist/styleLint/functional/themes/light-high-contrast.json +438 -430
  50. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +438 -430
  51. package/dist/styleLint/functional/themes/light-tritanopia.json +438 -430
  52. package/dist/styleLint/functional/themes/light.json +438 -430
  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 +22 -22
  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
@@ -15,37 +15,42 @@
15
15
  --control-checked-bgColor-hover: #2a7aef;
16
16
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
17
17
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
18
- --ansi-black: #2f3742; /** ANSI black for terminal text and backgrounds */
19
- --ansi-blackBright: #656c76; /** ANSI bright black (dark gray) for dimmed terminal text */
18
+ --ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
19
+ --ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
20
20
  --ansi-blue: #58a6ff; /** ANSI blue for informational terminal text */
21
21
  --ansi-blueBright: #79c0ff; /** ANSI bright blue for highlighted info in terminal */
22
- --ansi-gray: #656c76; /** ANSI gray for secondary terminal text */
22
+ --ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
23
23
  --ansi-green: #3fb950; /** ANSI green for success indicators in terminal */
24
24
  --ansi-greenBright: #56d364; /** ANSI bright green for highlighted success in terminal */
25
25
  --ansi-magenta: #be8fff; /** ANSI magenta for special terminal text */
26
26
  --ansi-magentaBright: #d2a8ff; /** ANSI bright magenta for highlighted special text */
27
27
  --ansi-red: #ff7b72; /** ANSI red for errors and alerts in terminal output */
28
28
  --ansi-redBright: #ffa198; /** ANSI bright red for highlighted errors in terminal */
29
- --ansi-white: #f0f6fc; /** ANSI white for terminal text */
29
+ --ansi-white: #e9f0eb; /** ANSI white for terminal text */
30
+ --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
30
31
  --ansi-yellow: #d29922; /** ANSI yellow for warnings in terminal output */
31
32
  --ansi-yellowBright: #e3b341; /** ANSI bright yellow for highlighted warnings in terminal */
32
- --avatar-shadow: 0 0 0 2px #0d1117;
33
- --avatarStack-fade-bgColor-default: #3d444d;
34
- --avatarStack-fade-bgColor-muted: #2a313c;
33
+ --avatar-bgColor: #ffffff1a;
34
+ --avatar-shadow: 0 0 0 2px #0f1511;
35
+ --avatarStack-fade-bgColor-default: #4e5750;
36
+ --avatarStack-fade-bgColor-muted: #3b443e;
35
37
  --bgColor-accent-emphasis: #1f6feb; /** Strong accent background for active states and focused states */
36
38
  --bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
37
39
  --bgColor-attention-emphasis: #9e6a03; /** Strong attention background for prominent warnings */
38
40
  --bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
41
+ --bgColor-black: #010409; /** Pure black background */
39
42
  --bgColor-danger-emphasis: #da3633; /** Emphasized danger background for critical errors and delete confirmations */
40
43
  --bgColor-danger-muted: #f851491a; /** Muted danger background for error states and destructive action contexts */
41
- --bgColor-default: #0d1117; /** Default background color for pages and main content areas */
42
- --bgColor-disabled: #212830; /** Background for disabled interactive elements */
44
+ --bgColor-default: #0f1511; /** Default background color for pages and main content areas */
45
+ --bgColor-disabled: #252b27; /** Background for disabled interactive elements */
43
46
  --bgColor-done-emphasis: #8957e5; /** Strong background for completed/done state badges and labels */
44
47
  --bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
45
- --bgColor-emphasis: #3d444d; /** High-emphasis dark background for strong visual contrast */
46
- --bgColor-muted: #151b23; /** Muted background for secondary content areas and subtle grouping */
47
- --bgColor-neutral-emphasis: #656c76; /** Strong neutral background for prominent neutral elements */
48
- --bgColor-neutral-muted: #656c7633; /** Subtle neutral background for tags, labels, and secondary UI elements */
48
+ --bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
49
+ --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
50
+ --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
51
+ --bgColor-muted: #191f1b; /** Muted background for secondary content areas and subtle grouping */
52
+ --bgColor-neutral-emphasis: #6c786f; /** Strong neutral background for prominent neutral elements */
53
+ --bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
49
54
  --bgColor-severe-emphasis: #bd561d; /** Strong severe background for prominent high-priority warnings */
50
55
  --bgColor-severe-muted: #db6d281a; /** Subtle severe background for high-priority warnings */
51
56
  --bgColor-sponsors-emphasis: #bf4b8a; /** Strong background for prominent GitHub Sponsors elements */
@@ -53,42 +58,51 @@
53
58
  --bgColor-success-emphasis: #238636; /** Strong success background for prominent positive actions */
54
59
  --bgColor-success-muted: #2ea04326; /** Subtle success background for positive feedback and completed states */
55
60
  --bgColor-transparent: #00000000; /** Fully transparent background */
61
+ --bgColor-white: #ffffff; /** Pure white background */
56
62
  --borderColor-accent-emphasis: #1f6feb; /** Strong accent border for selected or focused elements */
57
63
  --borderColor-accent-muted: #388bfd66; /** Subtle accent border for selected or focused elements */
58
64
  --borderColor-attention-emphasis: #9e6a03; /** Strong attention border for prominent warnings */
59
65
  --borderColor-attention-muted: #bb800966; /** Subtle attention border for warnings and caution states */
60
66
  --borderColor-danger-emphasis: #da3633; /** Strong danger border for destructive actions and errors */
61
67
  --borderColor-danger-muted: #f8514966; /** Subtle danger border for errors and destructive contexts */
62
- --borderColor-default: #3d444d; /** Default border color for most UI elements */
63
- --borderColor-disabled: #656c761a; /** Border color for disabled interactive elements */
68
+ --borderColor-default: #3b443e; /** Default border color for most UI elements */
69
+ --borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
64
70
  --borderColor-done-emphasis: #8957e5; /** Strong border for completed/done state badges */
65
71
  --borderColor-done-muted: #ab7df866; /** Subtle border for completed/done state indicators */
66
- --borderColor-emphasis: #656c76; /** Strong border for emphasis and visual weight */
72
+ --borderColor-emphasis: #6c786f; /** Strong border for emphasis and visual weight */
67
73
  --borderColor-severe-emphasis: #bd561d; /** Strong severe border for prominent high-priority warnings */
68
74
  --borderColor-severe-muted: #db6d2866; /** Subtle severe border for high-priority warnings */
69
75
  --borderColor-sponsors-emphasis: #bf4b8a; /** Strong border for prominent GitHub Sponsors elements */
70
76
  --borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
71
77
  --borderColor-success-emphasis: #238636; /** Strong success border for prominent positive elements */
72
78
  --borderColor-success-muted: #2ea04366; /** Subtle success border for positive feedback elements */
79
+ --borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
73
80
  --borderColor-transparent: #00000000; /** Fully transparent border */
74
81
  --button-danger-bgColor-hover: #b62324;
82
+ --button-danger-fgColor-active: #ffffff;
83
+ --button-danger-fgColor-hover: #ffffff;
84
+ --button-danger-iconColor-hover: #ffffff;
75
85
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
76
86
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
77
87
  --button-default-shadow-resting: 0 0 0 0 #00000000;
78
- --button-inactive-bgColor: #262c36;
79
- --button-inactive-fgColor: #9198a1;
88
+ --button-inactive-bgColor: #252b27;
89
+ --button-inactive-fgColor: #9ca89f;
80
90
  --button-invisible-bgColor-disabled: #00000000;
81
91
  --button-invisible-borderColor-disabled: #00000000;
82
92
  --button-outline-bgColor-active: #0d419d;
83
- --button-outline-bgColor-rest: #f0f6fc;
93
+ --button-outline-bgColor-rest: #e9f0eb;
94
+ --button-outline-fgColor-active: #ffffff;
84
95
  --button-outline-fgColor-disabled: #4493f880;
85
96
  --button-outline-fgColor-hover: #58a6ff;
86
97
  --button-outline-fgColor-rest: #388bfd;
87
98
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
99
+ --button-primary-fgColor-disabled: #ffffff66;
88
100
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
89
101
  --button-star-iconColor: #e3b341;
102
+ --buttonCounter-danger-bgColor-hover: #ffffff33;
90
103
  --buttonCounter-danger-bgColor-rest: #49020233;
91
- --buttonCounter-default-bgColor-rest: #2f3742;
104
+ --buttonCounter-danger-fgColor-hover: #ffffff;
105
+ --buttonCounter-default-bgColor-rest: #353c37;
92
106
  --buttonCounter-outline-bgColor-hover: #051d4d33;
93
107
  --buttonCounter-outline-bgColor-rest: #051d4d33;
94
108
  --buttonCounter-outline-fgColor-disabled: #4493f880;
@@ -98,10 +112,10 @@
98
112
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
99
113
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
100
114
  --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
101
- --buttonKeybindingHint-default-bgColor-rest: #2a313c;
102
- --buttonKeybindingHint-inactive-bgColor: #2a313c;
115
+ --buttonKeybindingHint-default-bgColor-rest: #252b27;
116
+ --buttonKeybindingHint-inactive-bgColor: #252b27;
103
117
  --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
104
- --codeMirror-syntax-fgColor-comment: #656c76;
118
+ --codeMirror-syntax-fgColor-comment: #6c786f;
105
119
  --codeMirror-syntax-fgColor-constant: #79c0ff;
106
120
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
107
121
  --codeMirror-syntax-fgColor-keyword: #ff7b72;
@@ -111,7 +125,7 @@
111
125
  --codeMirror-syntax-fgColor-variable: #ffa657;
112
126
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
113
127
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
114
- --contribution-default-bgColor-0: #151b23;
128
+ --contribution-default-bgColor-0: #191f1b;
115
129
  --contribution-default-bgColor-1: #033a16;
116
130
  --contribution-default-bgColor-2: #196c2e;
117
131
  --contribution-default-bgColor-3: #2ea043;
@@ -125,23 +139,25 @@
125
139
  --contribution-winter-bgColor-2: #1158c7;
126
140
  --contribution-winter-bgColor-3: #58a6ff;
127
141
  --contribution-winter-bgColor-4: #cae8ff;
128
- --control-bgColor-active: #2a313c;
129
- --control-bgColor-hover: #262c36;
130
- --control-bgColor-rest: #212830;
131
- --control-borderColor-selected: #f0f6fc;
142
+ --control-bgColor-active: #252b27;
143
+ --control-bgColor-hover: #252b27;
144
+ --control-bgColor-rest: #252b27;
145
+ --control-borderColor-selected: #e9f0eb;
132
146
  --control-checked-borderColor-active: var(--control-checked-bgColor-active);
133
147
  --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
134
148
  --control-danger-fgColor-hover: #ff7b72;
135
- --control-transparent-bgColor-active: #656c7640;
136
- --control-transparent-bgColor-hover: #656c7633;
149
+ --control-transparent-bgColor-active: #6c786f40;
150
+ --control-transparent-bgColor-hover: #6c786f33;
137
151
  --control-transparent-bgColor-rest: #00000000;
138
- --control-transparent-bgColor-selected: #656c7633;
152
+ --control-transparent-bgColor-selected: #6c786f33;
139
153
  --control-transparent-borderColor-active: #00000000;
140
154
  --control-transparent-borderColor-hover: #00000000;
141
155
  --control-transparent-borderColor-rest: #00000000;
142
- --controlKnob-bgColor-rest: #262c36;
143
- --controlTrack-bgColor-active: #2f3742;
144
- --controlTrack-bgColor-hover: #2a313c;
156
+ --controlKnob-bgColor-checked: #ffffff;
157
+ --controlKnob-bgColor-rest: #252b27;
158
+ --controlTrack-bgColor-active: #353c37;
159
+ --controlTrack-bgColor-hover: #252b27;
160
+ --controlTrack-bgColor-rest: #010409;
145
161
  --counter-borderColor: #00000000;
146
162
  --data-auburn-color-emphasis: #a86f6b;
147
163
  --data-auburn-color-muted: #271817;
@@ -468,21 +484,26 @@
468
484
  --display-yellow-scale-8: #edb431;
469
485
  --display-yellow-scale-9: #f0ca6a;
470
486
  --fgColor-attention: #d29922; /** Attention text for warnings and caution states */
487
+ --fgColor-black: #010409; /** Pure black text */
471
488
  --fgColor-danger: #f85149; /** Danger text for errors and destructive actions */
472
- --fgColor-default: #f0f6fc; /** Default text color for primary content and headings */
473
- --fgColor-disabled: #656c76; /** Text color for disabled interactive elements */
489
+ --fgColor-default: #e9f0eb; /** Default text color for primary content and headings */
490
+ --fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
474
491
  --fgColor-done: #ab7df8; /** Text color for completed/done state indicators */
475
492
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
476
- --fgColor-muted: #b7bdc8; /** Muted text for secondary content and less important information */
477
- --fgColor-neutral: #b7bdc8; /** Neutral semantic text for icons and secondary elements */
493
+ --fgColor-muted: #9ca89f; /** Muted text for secondary content and less important information */
494
+ --fgColor-neutral: #9ca89f; /** Neutral semantic text for icons and secondary elements */
495
+ --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
496
+ --fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
478
497
  --fgColor-severe: #db6d28; /** Severe text for high-priority warnings */
479
498
  --fgColor-sponsors: #db61a2; /** Text color for GitHub Sponsors content */
480
499
  --fgColor-success: #3fb950; /** Success text for positive feedback and completed states */
481
- --header-bgColor: #151b23f2;
482
- --header-borderColor-divider: #656c76;
483
- --header-fgColor-logo: #f0f6fc;
484
- --headerSearch-bgColor: #0d1117;
485
- --headerSearch-borderColor: #2a313c;
500
+ --fgColor-white: #ffffff; /** Pure white text */
501
+ --header-bgColor: #191f1bf2;
502
+ --header-borderColor-divider: #58635b;
503
+ --header-fgColor-default: #ffffffb3;
504
+ --header-fgColor-logo: #e9f0eb;
505
+ --headerSearch-bgColor: #0f1511;
506
+ --headerSearch-borderColor: #252b27;
486
507
  --highlight-neutral-bgColor: #d2992266;
487
508
  --label-auburn-bgColor-active: #543331;
488
509
  --label-auburn-bgColor-hover: #3a2422;
@@ -617,59 +638,59 @@
617
638
  --label-yellow-fgColor-active: #edb431;
618
639
  --label-yellow-fgColor-hover: #df9e11;
619
640
  --label-yellow-fgColor-rest: #d3910d;
620
- --menu-bgColor-active: #151b23;
621
- --overlay-backdrop-bgColor: #21283066;
622
- --prettylights-syntax-bracketHighlighterAngle: #9198a1; /** Syntax highlighting color for angle brackets */
641
+ --menu-bgColor-active: #191f1b;
642
+ --overlay-backdrop-bgColor: #252b2766;
643
+ --overlay-bgColor: #060907;
644
+ --prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
623
645
  --prettylights-syntax-bracketHighlighterUnmatched: #f85149; /** Syntax highlighting color for unmatched brackets */
624
646
  --prettylights-syntax-carriageReturn-bg: #b62324; /** Background color for carriage return characters in diffs */
625
- --prettylights-syntax-carriageReturn-text: #f0f6fc; /** Text color for carriage return characters in diffs */
626
- --prettylights-syntax-comment: #9198a1; /** Syntax highlighting color for code comments */
647
+ --prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
648
+ --prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
627
649
  --prettylights-syntax-constant: #79c0ff; /** Syntax highlighting color for constants and literal values */
628
650
  --prettylights-syntax-constantOtherReferenceLink: #a5d6ff; /** Syntax highlighting color for reference links and URLs in code */
629
651
  --prettylights-syntax-entity: #d2a8ff; /** Syntax highlighting color for class names, type definitions, and declarations */
630
652
  --prettylights-syntax-entityTag: #7ee787; /** Syntax highlighting color for HTML/XML tags */
631
653
  --prettylights-syntax-keyword: #ff7b72; /** Syntax highlighting color for language keywords (if, else, return) */
632
- --prettylights-syntax-markup-bold: #f0f6fc; /** Syntax highlighting color for bold text in markdown */
654
+ --prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
633
655
  --prettylights-syntax-markup-changed-bg: #5a1e02; /** Background color for changed lines in diff views */
634
656
  --prettylights-syntax-markup-changed-text: #ffdfb6; /** Text color for changed lines in diff views */
635
657
  --prettylights-syntax-markup-deleted-bg: #67060c; /** Background color for deleted lines in diff views */
636
658
  --prettylights-syntax-markup-deleted-text: #ffdcd7; /** Text color for deleted lines in diff views */
637
659
  --prettylights-syntax-markup-heading: #1f6feb; /** Syntax highlighting color for headings in markdown */
638
660
  --prettylights-syntax-markup-ignored-bg: #1158c7; /** Background color for ignored content in diffs */
639
- --prettylights-syntax-markup-ignored-text: #f0f6fc; /** Text color for ignored content in diffs */
661
+ --prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
640
662
  --prettylights-syntax-markup-inserted-bg: #033a16; /** Background color for inserted lines in diff views */
641
663
  --prettylights-syntax-markup-inserted-text: #aff5b4; /** Text color for inserted lines in diff views */
642
- --prettylights-syntax-markup-italic: #f0f6fc; /** Syntax highlighting color for italic text in markdown */
664
+ --prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
643
665
  --prettylights-syntax-markup-list: #f2cc60; /** Syntax highlighting color for list markers in markdown */
644
666
  --prettylights-syntax-metaDiffRange: #d2a8ff; /** Syntax highlighting color for diff range information (@@ lines) */
645
- --prettylights-syntax-storageModifierImport: #f0f6fc; /** Syntax highlighting color for import and require statements */
667
+ --prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
646
668
  --prettylights-syntax-string: #a5d6ff; /** Syntax highlighting color for string literals */
647
669
  --prettylights-syntax-stringRegexp: #7ee787; /** Syntax highlighting color for regular expression literals */
648
- --prettylights-syntax-sublimeLinterGutterMark: #3d444d; /** Color for linter gutter marks in code editors */
670
+ --prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
649
671
  --prettylights-syntax-variable: #ffa657; /** Syntax highlighting color for variables and parameters */
650
672
  --progressBar-track-borderColor: #00000000;
651
673
  --reactionButton-selected-bgColor-rest: #388bfd33;
652
674
  --reactionButton-selected-fgColor-hover: #79c0ff;
653
675
  --selectMenu-bgColor-active: #0c2d6b;
654
- --sideNav-bgColor-selected: #212830;
655
- --skeletonLoader-bgColor: #656c7633;
656
- --timelineBadge-bgColor: #212830;
676
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
677
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
678
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
679
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
680
+ --sideNav-bgColor-selected: #252b27;
681
+ --skeletonLoader-bgColor: #58635b33;
682
+ --timelineBadge-bgColor: #252b27;
657
683
  --topicTag-borderColor: #00000000;
658
684
  --underlineNav-borderColor-active: #f78166;
659
- --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
660
- --avatar-bgColor: #ffffff1a;
661
- --bgColor-black: #010409; /** Pure black background */
685
+ --avatar-borderColor: var(--borderColor-translucent);
662
686
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
663
687
  --bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
664
688
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
665
689
  --bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
666
- --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
667
- --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
668
690
  --bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
669
691
  --bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
670
692
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
671
693
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
672
- --bgColor-white: #ffffff; /** Pure white background */
673
694
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
674
695
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
675
696
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -687,22 +708,19 @@
687
708
  --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
688
709
  --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
689
710
  --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
711
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
690
712
  --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
691
713
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
692
714
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
693
- --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
715
+ --borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
694
716
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
695
717
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
696
718
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
697
- --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
698
719
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
699
720
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
700
721
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
701
722
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
702
- --button-danger-fgColor-active: #ffffff;
703
723
  --button-danger-fgColor-disabled: #f8514980;
704
- --button-danger-fgColor-hover: #ffffff;
705
- --button-danger-iconColor-hover: #ffffff;
706
724
  --button-default-bgColor-active: var(--control-bgColor-active);
707
725
  --button-default-bgColor-hover: var(--control-bgColor-hover);
708
726
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -715,18 +733,20 @@
715
733
  --button-invisible-iconColor-hover: var(--fgColor-muted);
716
734
  --button-invisible-iconColor-rest: var(--fgColor-muted);
717
735
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
718
- --button-outline-fgColor-active: #ffffff;
719
736
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
720
- --button-primary-fgColor-disabled: #ffffff66;
737
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
738
+ --button-primary-fgColor-rest: var(--fgColor-white);
739
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
740
+ --button-primary-iconColor-rest: var(--fgColor-white);
721
741
  --buttonCounter-danger-bgColor-disabled: #da36330d;
722
- --buttonCounter-danger-bgColor-hover: #ffffff33;
723
742
  --buttonCounter-danger-fgColor-disabled: #f8514980;
724
- --buttonCounter-danger-fgColor-hover: #ffffff;
725
743
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
726
744
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
727
745
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
728
746
  --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
729
747
  --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
748
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
749
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
730
750
  --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
731
751
  --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
732
752
  --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
@@ -738,6 +758,8 @@
738
758
  --buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
739
759
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
740
760
  --buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
761
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
762
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
741
763
  --card-bgColor: var(--bgColor-muted);
742
764
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
743
765
  --codeMirror-bgColor: var(--bgColor-default);
@@ -762,6 +784,7 @@
762
784
  --color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
763
785
  --color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
764
786
  --color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
787
+ --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
765
788
  --color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
766
789
  --color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
767
790
  --color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
@@ -807,6 +830,7 @@
807
830
  --control-checked-bgColor-disabled: var(--fgColor-disabled);
808
831
  --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
809
832
  --control-checked-fgColor-disabled: #010409;
833
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
810
834
  --control-danger-bgColor-active: #f8514966;
811
835
  --control-danger-bgColor-hover: var(--bgColor-danger-muted);
812
836
  --control-danger-fgColor-rest: var(--fgColor-danger);
@@ -815,14 +839,14 @@
815
839
  --control-fgColor-rest: var(--fgColor-default);
816
840
  --control-iconColor-rest: var(--fgColor-muted);
817
841
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
818
- --controlKnob-bgColor-checked: #ffffff;
819
842
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
820
- --controlTrack-bgColor-rest: #010409;
821
843
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
822
844
  --controlTrack-borderColor-rest: var(--borderColor-default);
845
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
823
846
  --controlTrack-fgColor-rest: var(--fgColor-muted);
824
847
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
825
848
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
849
+ --dashboard-bgColor: var(--bgColor-inset);
826
850
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
827
851
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
828
852
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -837,18 +861,13 @@
837
861
  --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
838
862
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
839
863
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
864
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
840
865
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
841
- --fgColor-black: #010409; /** Pure black text */
842
866
  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
843
867
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
844
- --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
845
- --fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
846
868
  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
847
869
  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
848
- --fgColor-white: #ffffff; /** Pure white text */
849
870
  --focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
850
- --header-fgColor-default: #ffffffb3;
851
- --overlay-bgColor: #010409;
852
871
  --page-header-bgColor: var(--bgColor-default);
853
872
  --prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
854
873
  --prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
@@ -874,26 +893,22 @@
874
893
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
875
894
  --selectMenu-borderColor: var(--borderColor-default);
876
895
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
877
- --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
878
- --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
879
- --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
880
- --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
881
896
  --tooltip-bgColor: var(--bgColor-emphasis);
897
+ --tooltip-fgColor: var(--fgColor-onEmphasis);
882
898
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
883
899
  --underlineNav-iconColor-rest: var(--fgColor-muted);
884
- --avatar-borderColor: var(--borderColor-translucent);
885
900
  --border-closed-emphasis: var(--border-danger-emphasis);
886
901
  --border-closed-muted: var(--border-danger-muted);
887
902
  --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
888
903
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
889
904
  --border-open-emphasis: var(--border-success-emphasis);
890
905
  --border-open-muted: var(--border-success-muted);
891
- --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
892
906
  --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
893
907
  --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
894
908
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
895
909
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
896
910
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
911
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
897
912
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
898
913
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
899
914
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
@@ -907,13 +922,9 @@
907
922
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
908
923
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
909
924
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
910
- --button-primary-borderColor-rest: var(--borderColor-translucent);
911
- --button-primary-fgColor-rest: var(--fgColor-white);
912
- --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
913
- --button-primary-iconColor-rest: var(--fgColor-white);
925
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
926
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
914
927
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
915
- --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
916
- --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
917
928
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
918
929
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
919
930
  --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
@@ -922,45 +933,34 @@
922
933
  --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
923
934
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
924
935
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
925
- --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
926
- --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
927
- --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
928
936
  --color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
929
937
  --color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
930
938
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
931
939
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
932
- --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
933
940
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
934
941
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
935
942
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
936
943
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
937
- --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
938
- --dashboard-bgColor: var(--bgColor-inset);
939
- --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
940
944
  --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
941
945
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
942
946
  --overlay-borderColor: var(--borderColor-muted);
943
947
  --prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
944
948
  --prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
945
- --tooltip-fgColor: var(--fgColor-onEmphasis);
946
949
  --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
947
950
  --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
948
951
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
949
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
952
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
950
953
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
951
954
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
952
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
953
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
954
955
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
955
956
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
956
957
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
957
- --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
958
- --shadow-floating-medium: 0 0 0 1px #3d444d, 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 */
959
- --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
960
- --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
958
+ --shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
959
+ --shadow-floating-medium: 0 0 0 1px #3b443e, 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 */
960
+ --shadow-floating-small: 0 0 0 1px #3b443e, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
961
+ --shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
961
962
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
962
963
  --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
963
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
964
964
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
965
965
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
966
966
  }
@@ -977,37 +977,42 @@
977
977
  --control-checked-bgColor-hover: #2a7aef;
978
978
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
979
979
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
980
- --ansi-black: #2f3742; /** ANSI black for terminal text and backgrounds */
981
- --ansi-blackBright: #656c76; /** ANSI bright black (dark gray) for dimmed terminal text */
980
+ --ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
981
+ --ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
982
982
  --ansi-blue: #58a6ff; /** ANSI blue for informational terminal text */
983
983
  --ansi-blueBright: #79c0ff; /** ANSI bright blue for highlighted info in terminal */
984
- --ansi-gray: #656c76; /** ANSI gray for secondary terminal text */
984
+ --ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
985
985
  --ansi-green: #3fb950; /** ANSI green for success indicators in terminal */
986
986
  --ansi-greenBright: #56d364; /** ANSI bright green for highlighted success in terminal */
987
987
  --ansi-magenta: #be8fff; /** ANSI magenta for special terminal text */
988
988
  --ansi-magentaBright: #d2a8ff; /** ANSI bright magenta for highlighted special text */
989
989
  --ansi-red: #ff7b72; /** ANSI red for errors and alerts in terminal output */
990
990
  --ansi-redBright: #ffa198; /** ANSI bright red for highlighted errors in terminal */
991
- --ansi-white: #f0f6fc; /** ANSI white for terminal text */
991
+ --ansi-white: #e9f0eb; /** ANSI white for terminal text */
992
+ --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
992
993
  --ansi-yellow: #d29922; /** ANSI yellow for warnings in terminal output */
993
994
  --ansi-yellowBright: #e3b341; /** ANSI bright yellow for highlighted warnings in terminal */
994
- --avatar-shadow: 0 0 0 2px #0d1117;
995
- --avatarStack-fade-bgColor-default: #3d444d;
996
- --avatarStack-fade-bgColor-muted: #2a313c;
995
+ --avatar-bgColor: #ffffff1a;
996
+ --avatar-shadow: 0 0 0 2px #0f1511;
997
+ --avatarStack-fade-bgColor-default: #4e5750;
998
+ --avatarStack-fade-bgColor-muted: #3b443e;
997
999
  --bgColor-accent-emphasis: #1f6feb; /** Strong accent background for active states and focused states */
998
1000
  --bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
999
1001
  --bgColor-attention-emphasis: #9e6a03; /** Strong attention background for prominent warnings */
1000
1002
  --bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
1003
+ --bgColor-black: #010409; /** Pure black background */
1001
1004
  --bgColor-danger-emphasis: #da3633; /** Emphasized danger background for critical errors and delete confirmations */
1002
1005
  --bgColor-danger-muted: #f851491a; /** Muted danger background for error states and destructive action contexts */
1003
- --bgColor-default: #0d1117; /** Default background color for pages and main content areas */
1004
- --bgColor-disabled: #212830; /** Background for disabled interactive elements */
1006
+ --bgColor-default: #0f1511; /** Default background color for pages and main content areas */
1007
+ --bgColor-disabled: #252b27; /** Background for disabled interactive elements */
1005
1008
  --bgColor-done-emphasis: #8957e5; /** Strong background for completed/done state badges and labels */
1006
1009
  --bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
1007
- --bgColor-emphasis: #3d444d; /** High-emphasis dark background for strong visual contrast */
1008
- --bgColor-muted: #151b23; /** Muted background for secondary content areas and subtle grouping */
1009
- --bgColor-neutral-emphasis: #656c76; /** Strong neutral background for prominent neutral elements */
1010
- --bgColor-neutral-muted: #656c7633; /** Subtle neutral background for tags, labels, and secondary UI elements */
1010
+ --bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
1011
+ --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
1012
+ --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
1013
+ --bgColor-muted: #191f1b; /** Muted background for secondary content areas and subtle grouping */
1014
+ --bgColor-neutral-emphasis: #6c786f; /** Strong neutral background for prominent neutral elements */
1015
+ --bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
1011
1016
  --bgColor-severe-emphasis: #bd561d; /** Strong severe background for prominent high-priority warnings */
1012
1017
  --bgColor-severe-muted: #db6d281a; /** Subtle severe background for high-priority warnings */
1013
1018
  --bgColor-sponsors-emphasis: #bf4b8a; /** Strong background for prominent GitHub Sponsors elements */
@@ -1015,42 +1020,51 @@
1015
1020
  --bgColor-success-emphasis: #238636; /** Strong success background for prominent positive actions */
1016
1021
  --bgColor-success-muted: #2ea04326; /** Subtle success background for positive feedback and completed states */
1017
1022
  --bgColor-transparent: #00000000; /** Fully transparent background */
1023
+ --bgColor-white: #ffffff; /** Pure white background */
1018
1024
  --borderColor-accent-emphasis: #1f6feb; /** Strong accent border for selected or focused elements */
1019
1025
  --borderColor-accent-muted: #388bfd66; /** Subtle accent border for selected or focused elements */
1020
1026
  --borderColor-attention-emphasis: #9e6a03; /** Strong attention border for prominent warnings */
1021
1027
  --borderColor-attention-muted: #bb800966; /** Subtle attention border for warnings and caution states */
1022
1028
  --borderColor-danger-emphasis: #da3633; /** Strong danger border for destructive actions and errors */
1023
1029
  --borderColor-danger-muted: #f8514966; /** Subtle danger border for errors and destructive contexts */
1024
- --borderColor-default: #3d444d; /** Default border color for most UI elements */
1025
- --borderColor-disabled: #656c761a; /** Border color for disabled interactive elements */
1030
+ --borderColor-default: #3b443e; /** Default border color for most UI elements */
1031
+ --borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
1026
1032
  --borderColor-done-emphasis: #8957e5; /** Strong border for completed/done state badges */
1027
1033
  --borderColor-done-muted: #ab7df866; /** Subtle border for completed/done state indicators */
1028
- --borderColor-emphasis: #656c76; /** Strong border for emphasis and visual weight */
1034
+ --borderColor-emphasis: #6c786f; /** Strong border for emphasis and visual weight */
1029
1035
  --borderColor-severe-emphasis: #bd561d; /** Strong severe border for prominent high-priority warnings */
1030
1036
  --borderColor-severe-muted: #db6d2866; /** Subtle severe border for high-priority warnings */
1031
1037
  --borderColor-sponsors-emphasis: #bf4b8a; /** Strong border for prominent GitHub Sponsors elements */
1032
1038
  --borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
1033
1039
  --borderColor-success-emphasis: #238636; /** Strong success border for prominent positive elements */
1034
1040
  --borderColor-success-muted: #2ea04366; /** Subtle success border for positive feedback elements */
1041
+ --borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1035
1042
  --borderColor-transparent: #00000000; /** Fully transparent border */
1036
1043
  --button-danger-bgColor-hover: #b62324;
1044
+ --button-danger-fgColor-active: #ffffff;
1045
+ --button-danger-fgColor-hover: #ffffff;
1046
+ --button-danger-iconColor-hover: #ffffff;
1037
1047
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1038
1048
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
1039
1049
  --button-default-shadow-resting: 0 0 0 0 #00000000;
1040
- --button-inactive-bgColor: #262c36;
1041
- --button-inactive-fgColor: #9198a1;
1050
+ --button-inactive-bgColor: #252b27;
1051
+ --button-inactive-fgColor: #9ca89f;
1042
1052
  --button-invisible-bgColor-disabled: #00000000;
1043
1053
  --button-invisible-borderColor-disabled: #00000000;
1044
1054
  --button-outline-bgColor-active: #0d419d;
1045
- --button-outline-bgColor-rest: #f0f6fc;
1055
+ --button-outline-bgColor-rest: #e9f0eb;
1056
+ --button-outline-fgColor-active: #ffffff;
1046
1057
  --button-outline-fgColor-disabled: #4493f880;
1047
1058
  --button-outline-fgColor-hover: #58a6ff;
1048
1059
  --button-outline-fgColor-rest: #388bfd;
1049
1060
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
1061
+ --button-primary-fgColor-disabled: #ffffff66;
1050
1062
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
1051
1063
  --button-star-iconColor: #e3b341;
1064
+ --buttonCounter-danger-bgColor-hover: #ffffff33;
1052
1065
  --buttonCounter-danger-bgColor-rest: #49020233;
1053
- --buttonCounter-default-bgColor-rest: #2f3742;
1066
+ --buttonCounter-danger-fgColor-hover: #ffffff;
1067
+ --buttonCounter-default-bgColor-rest: #353c37;
1054
1068
  --buttonCounter-outline-bgColor-hover: #051d4d33;
1055
1069
  --buttonCounter-outline-bgColor-rest: #051d4d33;
1056
1070
  --buttonCounter-outline-fgColor-disabled: #4493f880;
@@ -1060,10 +1074,10 @@
1060
1074
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
1061
1075
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1062
1076
  --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
1063
- --buttonKeybindingHint-default-bgColor-rest: #2a313c;
1064
- --buttonKeybindingHint-inactive-bgColor: #2a313c;
1077
+ --buttonKeybindingHint-default-bgColor-rest: #252b27;
1078
+ --buttonKeybindingHint-inactive-bgColor: #252b27;
1065
1079
  --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
1066
- --codeMirror-syntax-fgColor-comment: #656c76;
1080
+ --codeMirror-syntax-fgColor-comment: #6c786f;
1067
1081
  --codeMirror-syntax-fgColor-constant: #79c0ff;
1068
1082
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
1069
1083
  --codeMirror-syntax-fgColor-keyword: #ff7b72;
@@ -1073,7 +1087,7 @@
1073
1087
  --codeMirror-syntax-fgColor-variable: #ffa657;
1074
1088
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
1075
1089
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
1076
- --contribution-default-bgColor-0: #151b23;
1090
+ --contribution-default-bgColor-0: #191f1b;
1077
1091
  --contribution-default-bgColor-1: #033a16;
1078
1092
  --contribution-default-bgColor-2: #196c2e;
1079
1093
  --contribution-default-bgColor-3: #2ea043;
@@ -1087,23 +1101,25 @@
1087
1101
  --contribution-winter-bgColor-2: #1158c7;
1088
1102
  --contribution-winter-bgColor-3: #58a6ff;
1089
1103
  --contribution-winter-bgColor-4: #cae8ff;
1090
- --control-bgColor-active: #2a313c;
1091
- --control-bgColor-hover: #262c36;
1092
- --control-bgColor-rest: #212830;
1093
- --control-borderColor-selected: #f0f6fc;
1104
+ --control-bgColor-active: #252b27;
1105
+ --control-bgColor-hover: #252b27;
1106
+ --control-bgColor-rest: #252b27;
1107
+ --control-borderColor-selected: #e9f0eb;
1094
1108
  --control-checked-borderColor-active: var(--control-checked-bgColor-active);
1095
1109
  --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
1096
1110
  --control-danger-fgColor-hover: #ff7b72;
1097
- --control-transparent-bgColor-active: #656c7640;
1098
- --control-transparent-bgColor-hover: #656c7633;
1111
+ --control-transparent-bgColor-active: #6c786f40;
1112
+ --control-transparent-bgColor-hover: #6c786f33;
1099
1113
  --control-transparent-bgColor-rest: #00000000;
1100
- --control-transparent-bgColor-selected: #656c7633;
1114
+ --control-transparent-bgColor-selected: #6c786f33;
1101
1115
  --control-transparent-borderColor-active: #00000000;
1102
1116
  --control-transparent-borderColor-hover: #00000000;
1103
1117
  --control-transparent-borderColor-rest: #00000000;
1104
- --controlKnob-bgColor-rest: #262c36;
1105
- --controlTrack-bgColor-active: #2f3742;
1106
- --controlTrack-bgColor-hover: #2a313c;
1118
+ --controlKnob-bgColor-checked: #ffffff;
1119
+ --controlKnob-bgColor-rest: #252b27;
1120
+ --controlTrack-bgColor-active: #353c37;
1121
+ --controlTrack-bgColor-hover: #252b27;
1122
+ --controlTrack-bgColor-rest: #010409;
1107
1123
  --counter-borderColor: #00000000;
1108
1124
  --data-auburn-color-emphasis: #a86f6b;
1109
1125
  --data-auburn-color-muted: #271817;
@@ -1430,21 +1446,26 @@
1430
1446
  --display-yellow-scale-8: #edb431;
1431
1447
  --display-yellow-scale-9: #f0ca6a;
1432
1448
  --fgColor-attention: #d29922; /** Attention text for warnings and caution states */
1449
+ --fgColor-black: #010409; /** Pure black text */
1433
1450
  --fgColor-danger: #f85149; /** Danger text for errors and destructive actions */
1434
- --fgColor-default: #f0f6fc; /** Default text color for primary content and headings */
1435
- --fgColor-disabled: #656c76; /** Text color for disabled interactive elements */
1451
+ --fgColor-default: #e9f0eb; /** Default text color for primary content and headings */
1452
+ --fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
1436
1453
  --fgColor-done: #ab7df8; /** Text color for completed/done state indicators */
1437
1454
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
1438
- --fgColor-muted: #b7bdc8; /** Muted text for secondary content and less important information */
1439
- --fgColor-neutral: #b7bdc8; /** Neutral semantic text for icons and secondary elements */
1455
+ --fgColor-muted: #9ca89f; /** Muted text for secondary content and less important information */
1456
+ --fgColor-neutral: #9ca89f; /** Neutral semantic text for icons and secondary elements */
1457
+ --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
1458
+ --fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
1440
1459
  --fgColor-severe: #db6d28; /** Severe text for high-priority warnings */
1441
1460
  --fgColor-sponsors: #db61a2; /** Text color for GitHub Sponsors content */
1442
1461
  --fgColor-success: #3fb950; /** Success text for positive feedback and completed states */
1443
- --header-bgColor: #151b23f2;
1444
- --header-borderColor-divider: #656c76;
1445
- --header-fgColor-logo: #f0f6fc;
1446
- --headerSearch-bgColor: #0d1117;
1447
- --headerSearch-borderColor: #2a313c;
1462
+ --fgColor-white: #ffffff; /** Pure white text */
1463
+ --header-bgColor: #191f1bf2;
1464
+ --header-borderColor-divider: #58635b;
1465
+ --header-fgColor-default: #ffffffb3;
1466
+ --header-fgColor-logo: #e9f0eb;
1467
+ --headerSearch-bgColor: #0f1511;
1468
+ --headerSearch-borderColor: #252b27;
1448
1469
  --highlight-neutral-bgColor: #d2992266;
1449
1470
  --label-auburn-bgColor-active: #543331;
1450
1471
  --label-auburn-bgColor-hover: #3a2422;
@@ -1579,59 +1600,59 @@
1579
1600
  --label-yellow-fgColor-active: #edb431;
1580
1601
  --label-yellow-fgColor-hover: #df9e11;
1581
1602
  --label-yellow-fgColor-rest: #d3910d;
1582
- --menu-bgColor-active: #151b23;
1583
- --overlay-backdrop-bgColor: #21283066;
1584
- --prettylights-syntax-bracketHighlighterAngle: #9198a1; /** Syntax highlighting color for angle brackets */
1603
+ --menu-bgColor-active: #191f1b;
1604
+ --overlay-backdrop-bgColor: #252b2766;
1605
+ --overlay-bgColor: #060907;
1606
+ --prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
1585
1607
  --prettylights-syntax-bracketHighlighterUnmatched: #f85149; /** Syntax highlighting color for unmatched brackets */
1586
1608
  --prettylights-syntax-carriageReturn-bg: #b62324; /** Background color for carriage return characters in diffs */
1587
- --prettylights-syntax-carriageReturn-text: #f0f6fc; /** Text color for carriage return characters in diffs */
1588
- --prettylights-syntax-comment: #9198a1; /** Syntax highlighting color for code comments */
1609
+ --prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
1610
+ --prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
1589
1611
  --prettylights-syntax-constant: #79c0ff; /** Syntax highlighting color for constants and literal values */
1590
1612
  --prettylights-syntax-constantOtherReferenceLink: #a5d6ff; /** Syntax highlighting color for reference links and URLs in code */
1591
1613
  --prettylights-syntax-entity: #d2a8ff; /** Syntax highlighting color for class names, type definitions, and declarations */
1592
1614
  --prettylights-syntax-entityTag: #7ee787; /** Syntax highlighting color for HTML/XML tags */
1593
1615
  --prettylights-syntax-keyword: #ff7b72; /** Syntax highlighting color for language keywords (if, else, return) */
1594
- --prettylights-syntax-markup-bold: #f0f6fc; /** Syntax highlighting color for bold text in markdown */
1616
+ --prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
1595
1617
  --prettylights-syntax-markup-changed-bg: #5a1e02; /** Background color for changed lines in diff views */
1596
1618
  --prettylights-syntax-markup-changed-text: #ffdfb6; /** Text color for changed lines in diff views */
1597
1619
  --prettylights-syntax-markup-deleted-bg: #67060c; /** Background color for deleted lines in diff views */
1598
1620
  --prettylights-syntax-markup-deleted-text: #ffdcd7; /** Text color for deleted lines in diff views */
1599
1621
  --prettylights-syntax-markup-heading: #1f6feb; /** Syntax highlighting color for headings in markdown */
1600
1622
  --prettylights-syntax-markup-ignored-bg: #1158c7; /** Background color for ignored content in diffs */
1601
- --prettylights-syntax-markup-ignored-text: #f0f6fc; /** Text color for ignored content in diffs */
1623
+ --prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
1602
1624
  --prettylights-syntax-markup-inserted-bg: #033a16; /** Background color for inserted lines in diff views */
1603
1625
  --prettylights-syntax-markup-inserted-text: #aff5b4; /** Text color for inserted lines in diff views */
1604
- --prettylights-syntax-markup-italic: #f0f6fc; /** Syntax highlighting color for italic text in markdown */
1626
+ --prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
1605
1627
  --prettylights-syntax-markup-list: #f2cc60; /** Syntax highlighting color for list markers in markdown */
1606
1628
  --prettylights-syntax-metaDiffRange: #d2a8ff; /** Syntax highlighting color for diff range information (@@ lines) */
1607
- --prettylights-syntax-storageModifierImport: #f0f6fc; /** Syntax highlighting color for import and require statements */
1629
+ --prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
1608
1630
  --prettylights-syntax-string: #a5d6ff; /** Syntax highlighting color for string literals */
1609
1631
  --prettylights-syntax-stringRegexp: #7ee787; /** Syntax highlighting color for regular expression literals */
1610
- --prettylights-syntax-sublimeLinterGutterMark: #3d444d; /** Color for linter gutter marks in code editors */
1632
+ --prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
1611
1633
  --prettylights-syntax-variable: #ffa657; /** Syntax highlighting color for variables and parameters */
1612
1634
  --progressBar-track-borderColor: #00000000;
1613
1635
  --reactionButton-selected-bgColor-rest: #388bfd33;
1614
1636
  --reactionButton-selected-fgColor-hover: #79c0ff;
1615
1637
  --selectMenu-bgColor-active: #0c2d6b;
1616
- --sideNav-bgColor-selected: #212830;
1617
- --skeletonLoader-bgColor: #656c7633;
1618
- --timelineBadge-bgColor: #212830;
1638
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
1639
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
1640
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
1641
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
1642
+ --sideNav-bgColor-selected: #252b27;
1643
+ --skeletonLoader-bgColor: #58635b33;
1644
+ --timelineBadge-bgColor: #252b27;
1619
1645
  --topicTag-borderColor: #00000000;
1620
1646
  --underlineNav-borderColor-active: #f78166;
1621
- --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
1622
- --avatar-bgColor: #ffffff1a;
1623
- --bgColor-black: #010409; /** Pure black background */
1647
+ --avatar-borderColor: var(--borderColor-translucent);
1624
1648
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
1625
1649
  --bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
1626
1650
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
1627
1651
  --bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
1628
- --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
1629
- --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
1630
1652
  --bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
1631
1653
  --bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
1632
1654
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1633
1655
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1634
- --bgColor-white: #ffffff; /** Pure white background */
1635
1656
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1636
1657
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1637
1658
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -1649,22 +1670,19 @@
1649
1670
  --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1650
1671
  --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1651
1672
  --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1673
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1652
1674
  --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1653
1675
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1654
1676
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
1655
- --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
1677
+ --borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
1656
1678
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1657
1679
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
1658
1680
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
1659
- --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1660
1681
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
1661
1682
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
1662
1683
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1663
1684
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1664
- --button-danger-fgColor-active: #ffffff;
1665
1685
  --button-danger-fgColor-disabled: #f8514980;
1666
- --button-danger-fgColor-hover: #ffffff;
1667
- --button-danger-iconColor-hover: #ffffff;
1668
1686
  --button-default-bgColor-active: var(--control-bgColor-active);
1669
1687
  --button-default-bgColor-hover: var(--control-bgColor-hover);
1670
1688
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1677,18 +1695,20 @@
1677
1695
  --button-invisible-iconColor-hover: var(--fgColor-muted);
1678
1696
  --button-invisible-iconColor-rest: var(--fgColor-muted);
1679
1697
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1680
- --button-outline-fgColor-active: #ffffff;
1681
1698
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1682
- --button-primary-fgColor-disabled: #ffffff66;
1699
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1700
+ --button-primary-fgColor-rest: var(--fgColor-white);
1701
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1702
+ --button-primary-iconColor-rest: var(--fgColor-white);
1683
1703
  --buttonCounter-danger-bgColor-disabled: #da36330d;
1684
- --buttonCounter-danger-bgColor-hover: #ffffff33;
1685
1704
  --buttonCounter-danger-fgColor-disabled: #f8514980;
1686
- --buttonCounter-danger-fgColor-hover: #ffffff;
1687
1705
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1688
1706
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1689
1707
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
1690
1708
  --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1691
1709
  --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
1710
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1711
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1692
1712
  --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
1693
1713
  --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
1694
1714
  --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
@@ -1700,6 +1720,8 @@
1700
1720
  --buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
1701
1721
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1702
1722
  --buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
1723
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1724
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1703
1725
  --card-bgColor: var(--bgColor-muted);
1704
1726
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1705
1727
  --codeMirror-bgColor: var(--bgColor-default);
@@ -1724,6 +1746,7 @@
1724
1746
  --color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
1725
1747
  --color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
1726
1748
  --color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
1749
+ --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
1727
1750
  --color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
1728
1751
  --color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
1729
1752
  --color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
@@ -1769,6 +1792,7 @@
1769
1792
  --control-checked-bgColor-disabled: var(--fgColor-disabled);
1770
1793
  --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
1771
1794
  --control-checked-fgColor-disabled: #010409;
1795
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1772
1796
  --control-danger-bgColor-active: #f8514966;
1773
1797
  --control-danger-bgColor-hover: var(--bgColor-danger-muted);
1774
1798
  --control-danger-fgColor-rest: var(--fgColor-danger);
@@ -1777,14 +1801,14 @@
1777
1801
  --control-fgColor-rest: var(--fgColor-default);
1778
1802
  --control-iconColor-rest: var(--fgColor-muted);
1779
1803
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1780
- --controlKnob-bgColor-checked: #ffffff;
1781
1804
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1782
- --controlTrack-bgColor-rest: #010409;
1783
1805
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1784
1806
  --controlTrack-borderColor-rest: var(--borderColor-default);
1807
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1785
1808
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1786
1809
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1787
1810
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1811
+ --dashboard-bgColor: var(--bgColor-inset);
1788
1812
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1789
1813
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1790
1814
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1799,18 +1823,13 @@
1799
1823
  --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
1800
1824
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
1801
1825
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1826
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1802
1827
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1803
- --fgColor-black: #010409; /** Pure black text */
1804
1828
  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
1805
1829
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
1806
- --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
1807
- --fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
1808
1830
  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
1809
1831
  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
1810
- --fgColor-white: #ffffff; /** Pure white text */
1811
1832
  --focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
1812
- --header-fgColor-default: #ffffffb3;
1813
- --overlay-bgColor: #010409;
1814
1833
  --page-header-bgColor: var(--bgColor-default);
1815
1834
  --prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
1816
1835
  --prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
@@ -1836,26 +1855,22 @@
1836
1855
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1837
1856
  --selectMenu-borderColor: var(--borderColor-default);
1838
1857
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
1839
- --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1840
- --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1841
- --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
1842
- --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
1843
1858
  --tooltip-bgColor: var(--bgColor-emphasis);
1859
+ --tooltip-fgColor: var(--fgColor-onEmphasis);
1844
1860
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1845
1861
  --underlineNav-iconColor-rest: var(--fgColor-muted);
1846
- --avatar-borderColor: var(--borderColor-translucent);
1847
1862
  --border-closed-emphasis: var(--border-danger-emphasis);
1848
1863
  --border-closed-muted: var(--border-danger-muted);
1849
1864
  --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1850
1865
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1851
1866
  --border-open-emphasis: var(--border-success-emphasis);
1852
1867
  --border-open-muted: var(--border-success-muted);
1853
- --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1854
1868
  --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1855
1869
  --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1856
1870
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1857
1871
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1858
1872
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1873
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1859
1874
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1860
1875
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1861
1876
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1869,13 +1884,9 @@
1869
1884
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1870
1885
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1871
1886
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1872
- --button-primary-borderColor-rest: var(--borderColor-translucent);
1873
- --button-primary-fgColor-rest: var(--fgColor-white);
1874
- --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1875
- --button-primary-iconColor-rest: var(--fgColor-white);
1887
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1888
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1876
1889
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1877
- --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1878
- --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1879
1890
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1880
1891
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
1881
1892
  --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
@@ -1884,45 +1895,34 @@
1884
1895
  --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
1885
1896
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1886
1897
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1887
- --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1888
- --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1889
- --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
1890
1898
  --color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
1891
1899
  --color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
1892
1900
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1893
1901
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1894
- --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1895
1902
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1896
1903
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1897
1904
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1898
1905
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1899
- --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1900
- --dashboard-bgColor: var(--bgColor-inset);
1901
- --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1902
1906
  --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1903
1907
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1904
1908
  --overlay-borderColor: var(--borderColor-muted);
1905
1909
  --prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
1906
1910
  --prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
1907
- --tooltip-fgColor: var(--fgColor-onEmphasis);
1908
1911
  --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1909
1912
  --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1910
1913
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
1911
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1914
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1912
1915
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1913
1916
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1914
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1915
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1916
1917
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1917
1918
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1918
1919
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1919
- --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1920
- --shadow-floating-medium: 0 0 0 1px #3d444d, 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 */
1921
- --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1922
- --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1920
+ --shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
1921
+ --shadow-floating-medium: 0 0 0 1px #3b443e, 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 */
1922
+ --shadow-floating-small: 0 0 0 1px #3b443e, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1923
+ --shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
1923
1924
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1924
1925
  --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1925
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1926
1926
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1927
1927
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1928
1928
  }