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