@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
@@ -13,37 +13,42 @@
13
13
  --control-checked-bgColor-hover: #2a7aef;
14
14
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
15
15
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
16
- --ansi-black: #2f3742; /** ANSI black for terminal text and backgrounds */
17
- --ansi-blackBright: #656c76; /** ANSI bright black (dark gray) for dimmed terminal text */
16
+ --ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
17
+ --ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
18
18
  --ansi-blue: #58a6ff; /** ANSI blue for informational terminal text */
19
19
  --ansi-blueBright: #79c0ff; /** ANSI bright blue for highlighted info in terminal */
20
- --ansi-gray: #656c76; /** ANSI gray for secondary terminal text */
20
+ --ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
21
21
  --ansi-green: #58a6ff; /** ANSI green for success indicators in terminal */
22
22
  --ansi-greenBright: #79c0ff; /** ANSI bright green for highlighted success in terminal */
23
23
  --ansi-magenta: #be8fff; /** ANSI magenta for special terminal text */
24
24
  --ansi-magentaBright: #d2a8ff; /** ANSI bright magenta for highlighted special text */
25
25
  --ansi-red: #f0883e; /** ANSI red for errors and alerts in terminal output */
26
26
  --ansi-redBright: #ffa657; /** ANSI bright red for highlighted errors in terminal */
27
- --ansi-white: #f0f6fc; /** ANSI white for terminal text */
27
+ --ansi-white: #e9f0eb; /** ANSI white for terminal text */
28
+ --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
28
29
  --ansi-yellow: #d29922; /** ANSI yellow for warnings in terminal output */
29
30
  --ansi-yellowBright: #e3b341; /** ANSI bright yellow for highlighted warnings in terminal */
30
- --avatar-shadow: 0 0 0 2px #0d1117;
31
- --avatarStack-fade-bgColor-default: #3d444d;
32
- --avatarStack-fade-bgColor-muted: #2a313c;
31
+ --avatar-bgColor: #ffffff1a;
32
+ --avatar-shadow: 0 0 0 2px #0f1511;
33
+ --avatarStack-fade-bgColor-default: #4e5750;
34
+ --avatarStack-fade-bgColor-muted: #3b443e;
33
35
  --bgColor-accent-emphasis: #1f6feb; /** Strong accent background for active states and focused states */
34
36
  --bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
35
37
  --bgColor-attention-emphasis: #9e6a03; /** Strong attention background for prominent warnings */
36
38
  --bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
39
+ --bgColor-black: #010409; /** Pure black background */
37
40
  --bgColor-danger-emphasis: #bd561d; /** Emphasized danger background for critical errors and delete confirmations */
38
41
  --bgColor-danger-muted: #db6d281a; /** Muted danger background for error states and destructive action contexts */
39
- --bgColor-default: #0d1117; /** Default background color for pages and main content areas */
40
- --bgColor-disabled: #212830; /** Background for disabled interactive elements */
42
+ --bgColor-default: #0f1511; /** Default background color for pages and main content areas */
43
+ --bgColor-disabled: #252b27; /** Background for disabled interactive elements */
41
44
  --bgColor-done-emphasis: #8957e5; /** Strong background for completed/done state badges and labels */
42
45
  --bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
43
- --bgColor-emphasis: #3d444d; /** High-emphasis dark background for strong visual contrast */
44
- --bgColor-muted: #151b23; /** Muted background for secondary content areas and subtle grouping */
45
- --bgColor-neutral-emphasis: #656c76; /** Strong neutral background for prominent neutral elements */
46
- --bgColor-neutral-muted: #656c7633; /** Subtle neutral background for tags, labels, and secondary UI elements */
46
+ --bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
47
+ --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
48
+ --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
49
+ --bgColor-muted: #191f1b; /** Muted background for secondary content areas and subtle grouping */
50
+ --bgColor-neutral-emphasis: #6c786f; /** Strong neutral background for prominent neutral elements */
51
+ --bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
47
52
  --bgColor-open-emphasis: #bd561d; /** Strong background for open state badges and labels */
48
53
  --bgColor-open-muted: #db6d281a; /** Subtle background for open state indicators (issues, PRs) */
49
54
  --bgColor-severe-emphasis: #bd561d; /** Strong severe background for prominent high-priority warnings */
@@ -53,17 +58,18 @@
53
58
  --bgColor-success-emphasis: #1f6feb; /** Strong success background for prominent positive actions */
54
59
  --bgColor-success-muted: #388bfd33; /** 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: #bd561d; /** Strong danger border for destructive actions and errors */
61
67
  --borderColor-danger-muted: #db6d2866; /** 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-open-emphasis: #bd561d; /** Strong border for open state badges */
68
74
  --borderColor-open-muted: #db6d2866; /** Subtle border for open state indicators */
69
75
  --borderColor-severe-emphasis: #bd561d; /** Strong severe border for prominent high-priority warnings */
@@ -72,25 +78,33 @@
72
78
  --borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
73
79
  --borderColor-success-emphasis: #1f6feb; /** Strong success border for prominent positive elements */
74
80
  --borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
81
+ --borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
75
82
  --borderColor-transparent: #00000000; /** Fully transparent border */
76
83
  --button-danger-bgColor-hover: #9b4215;
84
+ --button-danger-fgColor-active: #ffffff;
85
+ --button-danger-fgColor-hover: #ffffff;
86
+ --button-danger-iconColor-hover: #ffffff;
77
87
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
78
88
  --button-default-shadow-resting: 0 0 0 0 #00000000;
79
- --button-inactive-bgColor: #262c36;
80
- --button-inactive-fgColor: #9198a1;
89
+ --button-inactive-bgColor: #252b27;
90
+ --button-inactive-fgColor: #9ca89f;
81
91
  --button-invisible-bgColor-disabled: #00000000;
82
92
  --button-invisible-borderColor-disabled: #00000000;
83
93
  --button-outline-bgColor-active: #0d419d;
84
- --button-outline-bgColor-rest: #f0f6fc;
94
+ --button-outline-bgColor-rest: #e9f0eb;
95
+ --button-outline-fgColor-active: #ffffff;
85
96
  --button-outline-fgColor-disabled: #4493f880;
86
97
  --button-outline-fgColor-hover: #58a6ff;
87
98
  --button-outline-fgColor-rest: #388bfd;
88
99
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
89
100
  --button-primary-bgColor-disabled: #1158c7;
101
+ --button-primary-fgColor-disabled: #ffffff66;
90
102
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
91
103
  --button-star-iconColor: #e3b341;
104
+ --buttonCounter-danger-bgColor-hover: #ffffff33;
92
105
  --buttonCounter-danger-bgColor-rest: #49020233;
93
- --buttonCounter-default-bgColor-rest: #2f3742;
106
+ --buttonCounter-danger-fgColor-hover: #ffffff;
107
+ --buttonCounter-default-bgColor-rest: #353c37;
94
108
  --buttonCounter-outline-bgColor-hover: #051d4d33;
95
109
  --buttonCounter-outline-bgColor-rest: #051d4d33;
96
110
  --buttonCounter-outline-fgColor-disabled: #4493f880;
@@ -100,10 +114,10 @@
100
114
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
101
115
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
102
116
  --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
103
- --buttonKeybindingHint-default-bgColor-rest: #2a313c;
104
- --buttonKeybindingHint-inactive-bgColor: #2a313c;
117
+ --buttonKeybindingHint-default-bgColor-rest: #252b27;
118
+ --buttonKeybindingHint-inactive-bgColor: #252b27;
105
119
  --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
106
- --codeMirror-syntax-fgColor-comment: #656c76;
120
+ --codeMirror-syntax-fgColor-comment: #6c786f;
107
121
  --codeMirror-syntax-fgColor-constant: #79c0ff;
108
122
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
109
123
  --codeMirror-syntax-fgColor-keyword: #f0883e;
@@ -113,7 +127,7 @@
113
127
  --codeMirror-syntax-fgColor-variable: #ffa657;
114
128
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
115
129
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
116
- --contribution-default-bgColor-0: #151b23;
130
+ --contribution-default-bgColor-0: #191f1b;
117
131
  --contribution-default-bgColor-1: #033a16;
118
132
  --contribution-default-bgColor-2: #196c2e;
119
133
  --contribution-default-bgColor-3: #2ea043;
@@ -127,23 +141,25 @@
127
141
  --contribution-winter-bgColor-2: #1158c7;
128
142
  --contribution-winter-bgColor-3: #58a6ff;
129
143
  --contribution-winter-bgColor-4: #cae8ff;
130
- --control-bgColor-active: #2a313c;
131
- --control-bgColor-hover: #262c36;
132
- --control-bgColor-rest: #212830;
133
- --control-borderColor-selected: #f0f6fc;
144
+ --control-bgColor-active: #252b27;
145
+ --control-bgColor-hover: #252b27;
146
+ --control-bgColor-rest: #252b27;
147
+ --control-borderColor-selected: #e9f0eb;
134
148
  --control-checked-borderColor-active: var(--control-checked-bgColor-active);
135
149
  --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
136
150
  --control-danger-fgColor-hover: #f0883e;
137
- --control-transparent-bgColor-active: #656c7640;
138
- --control-transparent-bgColor-hover: #656c7633;
151
+ --control-transparent-bgColor-active: #6c786f40;
152
+ --control-transparent-bgColor-hover: #6c786f33;
139
153
  --control-transparent-bgColor-rest: #00000000;
140
- --control-transparent-bgColor-selected: #656c7633;
154
+ --control-transparent-bgColor-selected: #6c786f33;
141
155
  --control-transparent-borderColor-active: #00000000;
142
156
  --control-transparent-borderColor-hover: #00000000;
143
157
  --control-transparent-borderColor-rest: #00000000;
144
- --controlKnob-bgColor-rest: #262c36;
145
- --controlTrack-bgColor-active: #2f3742;
146
- --controlTrack-bgColor-hover: #2a313c;
158
+ --controlKnob-bgColor-checked: #ffffff;
159
+ --controlKnob-bgColor-rest: #252b27;
160
+ --controlTrack-bgColor-active: #353c37;
161
+ --controlTrack-bgColor-hover: #252b27;
162
+ --controlTrack-bgColor-rest: #010409;
147
163
  --counter-borderColor: #00000000;
148
164
  --data-auburn-color-emphasis: #a86f6b;
149
165
  --data-auburn-color-muted: #271817;
@@ -184,9 +200,9 @@
184
200
  --diffBlob-deletionLine-bgColor: #db6d2826;
185
201
  --diffBlob-deletionNum-bgColor: #db6d284d;
186
202
  --diffBlob-deletionWord-bgColor: #db6d2866;
187
- --diffBlob-hunkLine-bgColor: #212830;
188
- --diffBlob-hunkNum-bgColor-hover: #656c76;
189
- --diffBlob-hunkNum-bgColor-rest: #2f3742;
203
+ --diffBlob-hunkLine-bgColor: #252b27;
204
+ --diffBlob-hunkNum-bgColor-hover: #6c786f;
205
+ --diffBlob-hunkNum-bgColor-rest: #353c37;
190
206
  --display-auburn-bgColor-emphasis: #87534f;
191
207
  --display-auburn-bgColor-muted: #271817;
192
208
  --display-auburn-borderColor-emphasis: #a86f6b;
@@ -473,23 +489,28 @@
473
489
  --display-yellow-scale-8: #edb431;
474
490
  --display-yellow-scale-9: #f0ca6a;
475
491
  --fgColor-attention: #d29922; /** Attention text for warnings and caution states */
492
+ --fgColor-black: #010409; /** Pure black text */
476
493
  --fgColor-danger: #f0883e; /** Danger text for errors and destructive actions */
477
- --fgColor-default: #f0f6fc; /** Default text color for primary content and headings */
478
- --fgColor-disabled: #656c76; /** Text color for disabled interactive elements */
479
- --fgColor-done: #b7bdc8; /** Text color for completed/done state indicators */
494
+ --fgColor-default: #e9f0eb; /** Default text color for primary content and headings */
495
+ --fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
496
+ --fgColor-done: #9ca89f; /** Text color for completed/done state indicators */
480
497
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
481
- --fgColor-muted: #b7bdc8; /** Muted text for secondary content and less important information */
482
- --fgColor-neutral: #b7bdc8; /** Neutral semantic text for icons and secondary elements */
498
+ --fgColor-muted: #9ca89f; /** Muted text for secondary content and less important information */
499
+ --fgColor-neutral: #9ca89f; /** Neutral semantic text for icons and secondary elements */
500
+ --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
501
+ --fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
483
502
  --fgColor-open: #db6d28; /** Text color for open state indicators (issues, PRs) */
484
503
  --fgColor-severe: #db6d28; /** Severe text for high-priority warnings */
485
504
  --fgColor-sponsors: #db61a2; /** Text color for GitHub Sponsors content */
486
505
  --fgColor-success: #58a6ff; /** Success text for positive feedback and completed states */
487
506
  --fgColor-upsell: #ab7df8; /** Text color for upsell and promotional content */
488
- --header-bgColor: #151b23f2;
489
- --header-borderColor-divider: #656c76;
490
- --header-fgColor-logo: #f0f6fc;
491
- --headerSearch-bgColor: #0d1117;
492
- --headerSearch-borderColor: #2a313c;
507
+ --fgColor-white: #ffffff; /** Pure white text */
508
+ --header-bgColor: #191f1bf2;
509
+ --header-borderColor-divider: #58635b;
510
+ --header-fgColor-default: #ffffffb3;
511
+ --header-fgColor-logo: #e9f0eb;
512
+ --headerSearch-bgColor: #0f1511;
513
+ --headerSearch-borderColor: #252b27;
493
514
  --highlight-neutral-bgColor: #d2992266;
494
515
  --label-auburn-bgColor-active: #543331;
495
516
  --label-auburn-bgColor-hover: #3a2422;
@@ -624,57 +645,57 @@
624
645
  --label-yellow-fgColor-active: #edb431;
625
646
  --label-yellow-fgColor-hover: #df9e11;
626
647
  --label-yellow-fgColor-rest: #d3910d;
627
- --menu-bgColor-active: #151b23;
628
- --overlay-backdrop-bgColor: #21283066;
629
- --prettylights-syntax-bracketHighlighterAngle: #9198a1; /** Syntax highlighting color for angle brackets */
648
+ --menu-bgColor-active: #191f1b;
649
+ --overlay-backdrop-bgColor: #252b2766;
650
+ --overlay-bgColor: #060907;
651
+ --prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
630
652
  --prettylights-syntax-bracketHighlighterUnmatched: #db6d28; /** Syntax highlighting color for unmatched brackets */
631
653
  --prettylights-syntax-carriageReturn-bg: #9b4215; /** Background color for carriage return characters in diffs */
632
- --prettylights-syntax-carriageReturn-text: #f0f6fc; /** Text color for carriage return characters in diffs */
633
- --prettylights-syntax-comment: #9198a1; /** Syntax highlighting color for code comments */
654
+ --prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
655
+ --prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
634
656
  --prettylights-syntax-constant: #79c0ff; /** Syntax highlighting color for constants and literal values */
635
657
  --prettylights-syntax-constantOtherReferenceLink: #a5d6ff; /** Syntax highlighting color for reference links and URLs in code */
636
658
  --prettylights-syntax-entity: #d2a8ff; /** Syntax highlighting color for class names, type definitions, and declarations */
637
659
  --prettylights-syntax-entityTag: #a5d6ff; /** Syntax highlighting color for HTML/XML tags */
638
660
  --prettylights-syntax-keyword: #f0883e; /** Syntax highlighting color for language keywords (if, else, return) */
639
- --prettylights-syntax-markup-bold: #f0f6fc; /** Syntax highlighting color for bold text in markdown */
661
+ --prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
640
662
  --prettylights-syntax-markup-changed-bg: #5a1e02; /** Background color for changed lines in diff views */
641
663
  --prettylights-syntax-markup-changed-text: #ffdfb6; /** Text color for changed lines in diff views */
642
664
  --prettylights-syntax-markup-deleted-bg: #5a1e02; /** Background color for deleted lines in diff views */
643
665
  --prettylights-syntax-markup-deleted-text: #ffdfb6; /** Text color for deleted lines in diff views */
644
666
  --prettylights-syntax-markup-heading: #1f6feb; /** Syntax highlighting color for headings in markdown */
645
667
  --prettylights-syntax-markup-ignored-bg: #1158c7; /** Background color for ignored content in diffs */
646
- --prettylights-syntax-markup-ignored-text: #f0f6fc; /** Text color for ignored content in diffs */
668
+ --prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
647
669
  --prettylights-syntax-markup-inserted-bg: #0c2d6b; /** Background color for inserted lines in diff views */
648
670
  --prettylights-syntax-markup-inserted-text: #cae8ff; /** Text color for inserted lines in diff views */
649
- --prettylights-syntax-markup-italic: #f0f6fc; /** Syntax highlighting color for italic text in markdown */
671
+ --prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
650
672
  --prettylights-syntax-markup-list: #f2cc60; /** Syntax highlighting color for list markers in markdown */
651
673
  --prettylights-syntax-metaDiffRange: #d2a8ff; /** Syntax highlighting color for diff range information (@@ lines) */
652
- --prettylights-syntax-storageModifierImport: #f0f6fc; /** Syntax highlighting color for import and require statements */
674
+ --prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
653
675
  --prettylights-syntax-string: #a5d6ff; /** Syntax highlighting color for string literals */
654
676
  --prettylights-syntax-stringRegexp: #a5d6ff; /** Syntax highlighting color for regular expression literals */
655
- --prettylights-syntax-sublimeLinterGutterMark: #3d444d; /** Color for linter gutter marks in code editors */
677
+ --prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
656
678
  --prettylights-syntax-variable: #ffa657; /** Syntax highlighting color for variables and parameters */
657
679
  --progressBar-track-borderColor: #00000000;
658
680
  --reactionButton-selected-bgColor-rest: #388bfd33;
659
681
  --reactionButton-selected-fgColor-hover: #79c0ff;
660
682
  --selectMenu-bgColor-active: #0c2d6b;
661
- --sideNav-bgColor-selected: #212830;
662
- --skeletonLoader-bgColor: #656c7633;
663
- --timelineBadge-bgColor: #212830;
683
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
684
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
685
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
686
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
687
+ --sideNav-bgColor-selected: #252b27;
688
+ --skeletonLoader-bgColor: #58635b33;
689
+ --timelineBadge-bgColor: #252b27;
664
690
  --topicTag-borderColor: #00000000;
665
691
  --underlineNav-borderColor-active: #f78166;
666
- --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
667
- --avatar-bgColor: #ffffff1a;
668
- --bgColor-black: #010409; /** Pure black background */
692
+ --avatar-borderColor: var(--borderColor-translucent);
669
693
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
670
- --bgColor-closed-muted: #656c761a; /** Subtle background for closed state indicators (issues, PRs) */
694
+ --bgColor-closed-muted: #6c786f1a; /** Subtle background for closed state indicators (issues, PRs) */
671
695
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
672
- --bgColor-draft-muted: #656c761a; /** Subtle background for draft state indicators */
673
- --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
674
- --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
696
+ --bgColor-draft-muted: #6c786f1a; /** Subtle background for draft state indicators */
675
697
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
676
698
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
677
- --bgColor-white: #ffffff; /** Pure white background */
678
699
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
679
700
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
680
701
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -692,22 +713,19 @@
692
713
  --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
693
714
  --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
694
715
  --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
716
+ --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. */
695
717
  --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
696
718
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
697
- --borderColor-closed-muted: #3d444d66; /** Subtle border for closed state indicators */
698
- --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
699
- --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
719
+ --borderColor-closed-muted: #3b443e66; /** Subtle border for closed state indicators */
720
+ --borderColor-draft-muted: #3b443e66; /** Subtle border for draft state indicators */
721
+ --borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
700
722
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
701
- --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
702
723
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
703
724
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
704
725
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
705
726
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
706
- --button-danger-fgColor-active: #ffffff;
707
727
  --button-danger-fgColor-disabled: #f0883e80;
708
- --button-danger-fgColor-hover: #ffffff;
709
728
  --button-danger-fgColor-rest: var(--fgColor-danger);
710
- --button-danger-iconColor-hover: #ffffff;
711
729
  --button-default-bgColor-active: var(--control-bgColor-active);
712
730
  --button-default-bgColor-hover: var(--control-bgColor-hover);
713
731
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -720,18 +738,20 @@
720
738
  --button-invisible-iconColor-hover: var(--fgColor-muted);
721
739
  --button-invisible-iconColor-rest: var(--fgColor-muted);
722
740
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
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: #bd561d0d;
727
- --buttonCounter-danger-bgColor-hover: #ffffff33;
728
747
  --buttonCounter-danger-fgColor-disabled: #f0883e80;
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: #db6d2866;
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: #388bfd26;
832
856
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
833
857
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -839,16 +863,11 @@
839
863
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
840
864
  --diffBlob-expander-iconColor: var(--fgColor-muted);
841
865
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
866
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
842
867
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
843
- --fgColor-black: #010409; /** Pure black text */
844
868
  --fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
845
869
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
846
- --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
847
- --fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
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,14 +893,10 @@
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-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
@@ -889,12 +904,12 @@
889
904
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
890
905
  --border-open-emphasis: var(--border-success-emphasis);
891
906
  --border-open-muted: var(--border-success-muted);
892
- --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. */
893
907
  --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
894
908
  --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
895
909
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
896
910
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
897
911
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
912
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
898
913
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
899
914
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
900
915
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
@@ -909,13 +924,9 @@
909
924
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
910
925
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
911
926
  --button-outline-bgColor-disabled: var(--control-bgColor-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
  }
@@ -975,37 +975,42 @@
975
975
  --control-checked-bgColor-hover: #2a7aef;
976
976
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
977
977
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
978
- --ansi-black: #2f3742; /** ANSI black for terminal text and backgrounds */
979
- --ansi-blackBright: #656c76; /** ANSI bright black (dark gray) for dimmed terminal text */
978
+ --ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
979
+ --ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
980
980
  --ansi-blue: #58a6ff; /** ANSI blue for informational terminal text */
981
981
  --ansi-blueBright: #79c0ff; /** ANSI bright blue for highlighted info in terminal */
982
- --ansi-gray: #656c76; /** ANSI gray for secondary terminal text */
982
+ --ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
983
983
  --ansi-green: #58a6ff; /** ANSI green for success indicators in terminal */
984
984
  --ansi-greenBright: #79c0ff; /** ANSI bright green for highlighted success in terminal */
985
985
  --ansi-magenta: #be8fff; /** ANSI magenta for special terminal text */
986
986
  --ansi-magentaBright: #d2a8ff; /** ANSI bright magenta for highlighted special text */
987
987
  --ansi-red: #f0883e; /** ANSI red for errors and alerts in terminal output */
988
988
  --ansi-redBright: #ffa657; /** ANSI bright red for highlighted errors in terminal */
989
- --ansi-white: #f0f6fc; /** ANSI white for terminal text */
989
+ --ansi-white: #e9f0eb; /** ANSI white for terminal text */
990
+ --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
990
991
  --ansi-yellow: #d29922; /** ANSI yellow for warnings in terminal output */
991
992
  --ansi-yellowBright: #e3b341; /** ANSI bright yellow for highlighted warnings in terminal */
992
- --avatar-shadow: 0 0 0 2px #0d1117;
993
- --avatarStack-fade-bgColor-default: #3d444d;
994
- --avatarStack-fade-bgColor-muted: #2a313c;
993
+ --avatar-bgColor: #ffffff1a;
994
+ --avatar-shadow: 0 0 0 2px #0f1511;
995
+ --avatarStack-fade-bgColor-default: #4e5750;
996
+ --avatarStack-fade-bgColor-muted: #3b443e;
995
997
  --bgColor-accent-emphasis: #1f6feb; /** Strong accent background for active states and focused states */
996
998
  --bgColor-accent-muted: #388bfd1a; /** Subtle accent background for informational or selected elements */
997
999
  --bgColor-attention-emphasis: #9e6a03; /** Strong attention background for prominent warnings */
998
1000
  --bgColor-attention-muted: #bb800926; /** Subtle attention background for warnings and caution states */
1001
+ --bgColor-black: #010409; /** Pure black background */
999
1002
  --bgColor-danger-emphasis: #bd561d; /** Emphasized danger background for critical errors and delete confirmations */
1000
1003
  --bgColor-danger-muted: #db6d281a; /** Muted danger background for error states and destructive action contexts */
1001
- --bgColor-default: #0d1117; /** Default background color for pages and main content areas */
1002
- --bgColor-disabled: #212830; /** Background for disabled interactive elements */
1004
+ --bgColor-default: #0f1511; /** Default background color for pages and main content areas */
1005
+ --bgColor-disabled: #252b27; /** Background for disabled interactive elements */
1003
1006
  --bgColor-done-emphasis: #8957e5; /** Strong background for completed/done state badges and labels */
1004
1007
  --bgColor-done-muted: #ab7df826; /** Subtle background for completed/done state indicators */
1005
- --bgColor-emphasis: #3d444d; /** High-emphasis dark background for strong visual contrast */
1006
- --bgColor-muted: #151b23; /** Muted background for secondary content areas and subtle grouping */
1007
- --bgColor-neutral-emphasis: #656c76; /** Strong neutral background for prominent neutral elements */
1008
- --bgColor-neutral-muted: #656c7633; /** Subtle neutral background for tags, labels, and secondary UI elements */
1008
+ --bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
1009
+ --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
1010
+ --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
1011
+ --bgColor-muted: #191f1b; /** Muted background for secondary content areas and subtle grouping */
1012
+ --bgColor-neutral-emphasis: #6c786f; /** Strong neutral background for prominent neutral elements */
1013
+ --bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
1009
1014
  --bgColor-open-emphasis: #bd561d; /** Strong background for open state badges and labels */
1010
1015
  --bgColor-open-muted: #db6d281a; /** Subtle background for open state indicators (issues, PRs) */
1011
1016
  --bgColor-severe-emphasis: #bd561d; /** Strong severe background for prominent high-priority warnings */
@@ -1015,17 +1020,18 @@
1015
1020
  --bgColor-success-emphasis: #1f6feb; /** Strong success background for prominent positive actions */
1016
1021
  --bgColor-success-muted: #388bfd33; /** 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: #bd561d; /** Strong danger border for destructive actions and errors */
1023
1029
  --borderColor-danger-muted: #db6d2866; /** 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-open-emphasis: #bd561d; /** Strong border for open state badges */
1030
1036
  --borderColor-open-muted: #db6d2866; /** Subtle border for open state indicators */
1031
1037
  --borderColor-severe-emphasis: #bd561d; /** Strong severe border for prominent high-priority warnings */
@@ -1034,25 +1040,33 @@
1034
1040
  --borderColor-sponsors-muted: #db61a266; /** Subtle border for GitHub Sponsors content */
1035
1041
  --borderColor-success-emphasis: #1f6feb; /** Strong success border for prominent positive elements */
1036
1042
  --borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
1043
+ --borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1037
1044
  --borderColor-transparent: #00000000; /** Fully transparent border */
1038
1045
  --button-danger-bgColor-hover: #9b4215;
1046
+ --button-danger-fgColor-active: #ffffff;
1047
+ --button-danger-fgColor-hover: #ffffff;
1048
+ --button-danger-iconColor-hover: #ffffff;
1039
1049
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
1040
1050
  --button-default-shadow-resting: 0 0 0 0 #00000000;
1041
- --button-inactive-bgColor: #262c36;
1042
- --button-inactive-fgColor: #9198a1;
1051
+ --button-inactive-bgColor: #252b27;
1052
+ --button-inactive-fgColor: #9ca89f;
1043
1053
  --button-invisible-bgColor-disabled: #00000000;
1044
1054
  --button-invisible-borderColor-disabled: #00000000;
1045
1055
  --button-outline-bgColor-active: #0d419d;
1046
- --button-outline-bgColor-rest: #f0f6fc;
1056
+ --button-outline-bgColor-rest: #e9f0eb;
1057
+ --button-outline-fgColor-active: #ffffff;
1047
1058
  --button-outline-fgColor-disabled: #4493f880;
1048
1059
  --button-outline-fgColor-hover: #58a6ff;
1049
1060
  --button-outline-fgColor-rest: #388bfd;
1050
1061
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
1051
1062
  --button-primary-bgColor-disabled: #1158c7;
1063
+ --button-primary-fgColor-disabled: #ffffff66;
1052
1064
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
1053
1065
  --button-star-iconColor: #e3b341;
1066
+ --buttonCounter-danger-bgColor-hover: #ffffff33;
1054
1067
  --buttonCounter-danger-bgColor-rest: #49020233;
1055
- --buttonCounter-default-bgColor-rest: #2f3742;
1068
+ --buttonCounter-danger-fgColor-hover: #ffffff;
1069
+ --buttonCounter-default-bgColor-rest: #353c37;
1056
1070
  --buttonCounter-outline-bgColor-hover: #051d4d33;
1057
1071
  --buttonCounter-outline-bgColor-rest: #051d4d33;
1058
1072
  --buttonCounter-outline-fgColor-disabled: #4493f880;
@@ -1062,10 +1076,10 @@
1062
1076
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
1063
1077
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1064
1078
  --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
1065
- --buttonKeybindingHint-default-bgColor-rest: #2a313c;
1066
- --buttonKeybindingHint-inactive-bgColor: #2a313c;
1079
+ --buttonKeybindingHint-default-bgColor-rest: #252b27;
1080
+ --buttonKeybindingHint-inactive-bgColor: #252b27;
1067
1081
  --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
1068
- --codeMirror-syntax-fgColor-comment: #656c76;
1082
+ --codeMirror-syntax-fgColor-comment: #6c786f;
1069
1083
  --codeMirror-syntax-fgColor-constant: #79c0ff;
1070
1084
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
1071
1085
  --codeMirror-syntax-fgColor-keyword: #f0883e;
@@ -1075,7 +1089,7 @@
1075
1089
  --codeMirror-syntax-fgColor-variable: #ffa657;
1076
1090
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
1077
1091
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
1078
- --contribution-default-bgColor-0: #151b23;
1092
+ --contribution-default-bgColor-0: #191f1b;
1079
1093
  --contribution-default-bgColor-1: #033a16;
1080
1094
  --contribution-default-bgColor-2: #196c2e;
1081
1095
  --contribution-default-bgColor-3: #2ea043;
@@ -1089,23 +1103,25 @@
1089
1103
  --contribution-winter-bgColor-2: #1158c7;
1090
1104
  --contribution-winter-bgColor-3: #58a6ff;
1091
1105
  --contribution-winter-bgColor-4: #cae8ff;
1092
- --control-bgColor-active: #2a313c;
1093
- --control-bgColor-hover: #262c36;
1094
- --control-bgColor-rest: #212830;
1095
- --control-borderColor-selected: #f0f6fc;
1106
+ --control-bgColor-active: #252b27;
1107
+ --control-bgColor-hover: #252b27;
1108
+ --control-bgColor-rest: #252b27;
1109
+ --control-borderColor-selected: #e9f0eb;
1096
1110
  --control-checked-borderColor-active: var(--control-checked-bgColor-active);
1097
1111
  --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
1098
1112
  --control-danger-fgColor-hover: #f0883e;
1099
- --control-transparent-bgColor-active: #656c7640;
1100
- --control-transparent-bgColor-hover: #656c7633;
1113
+ --control-transparent-bgColor-active: #6c786f40;
1114
+ --control-transparent-bgColor-hover: #6c786f33;
1101
1115
  --control-transparent-bgColor-rest: #00000000;
1102
- --control-transparent-bgColor-selected: #656c7633;
1116
+ --control-transparent-bgColor-selected: #6c786f33;
1103
1117
  --control-transparent-borderColor-active: #00000000;
1104
1118
  --control-transparent-borderColor-hover: #00000000;
1105
1119
  --control-transparent-borderColor-rest: #00000000;
1106
- --controlKnob-bgColor-rest: #262c36;
1107
- --controlTrack-bgColor-active: #2f3742;
1108
- --controlTrack-bgColor-hover: #2a313c;
1120
+ --controlKnob-bgColor-checked: #ffffff;
1121
+ --controlKnob-bgColor-rest: #252b27;
1122
+ --controlTrack-bgColor-active: #353c37;
1123
+ --controlTrack-bgColor-hover: #252b27;
1124
+ --controlTrack-bgColor-rest: #010409;
1109
1125
  --counter-borderColor: #00000000;
1110
1126
  --data-auburn-color-emphasis: #a86f6b;
1111
1127
  --data-auburn-color-muted: #271817;
@@ -1146,9 +1162,9 @@
1146
1162
  --diffBlob-deletionLine-bgColor: #db6d2826;
1147
1163
  --diffBlob-deletionNum-bgColor: #db6d284d;
1148
1164
  --diffBlob-deletionWord-bgColor: #db6d2866;
1149
- --diffBlob-hunkLine-bgColor: #212830;
1150
- --diffBlob-hunkNum-bgColor-hover: #656c76;
1151
- --diffBlob-hunkNum-bgColor-rest: #2f3742;
1165
+ --diffBlob-hunkLine-bgColor: #252b27;
1166
+ --diffBlob-hunkNum-bgColor-hover: #6c786f;
1167
+ --diffBlob-hunkNum-bgColor-rest: #353c37;
1152
1168
  --display-auburn-bgColor-emphasis: #87534f;
1153
1169
  --display-auburn-bgColor-muted: #271817;
1154
1170
  --display-auburn-borderColor-emphasis: #a86f6b;
@@ -1435,23 +1451,28 @@
1435
1451
  --display-yellow-scale-8: #edb431;
1436
1452
  --display-yellow-scale-9: #f0ca6a;
1437
1453
  --fgColor-attention: #d29922; /** Attention text for warnings and caution states */
1454
+ --fgColor-black: #010409; /** Pure black text */
1438
1455
  --fgColor-danger: #f0883e; /** Danger text for errors and destructive actions */
1439
- --fgColor-default: #f0f6fc; /** Default text color for primary content and headings */
1440
- --fgColor-disabled: #656c76; /** Text color for disabled interactive elements */
1441
- --fgColor-done: #b7bdc8; /** Text color for completed/done state indicators */
1456
+ --fgColor-default: #e9f0eb; /** Default text color for primary content and headings */
1457
+ --fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
1458
+ --fgColor-done: #9ca89f; /** Text color for completed/done state indicators */
1442
1459
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
1443
- --fgColor-muted: #b7bdc8; /** Muted text for secondary content and less important information */
1444
- --fgColor-neutral: #b7bdc8; /** Neutral semantic text for icons and secondary elements */
1460
+ --fgColor-muted: #9ca89f; /** Muted text for secondary content and less important information */
1461
+ --fgColor-neutral: #9ca89f; /** Neutral semantic text for icons and secondary elements */
1462
+ --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
1463
+ --fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
1445
1464
  --fgColor-open: #db6d28; /** Text color for open state indicators (issues, PRs) */
1446
1465
  --fgColor-severe: #db6d28; /** Severe text for high-priority warnings */
1447
1466
  --fgColor-sponsors: #db61a2; /** Text color for GitHub Sponsors content */
1448
1467
  --fgColor-success: #58a6ff; /** Success text for positive feedback and completed states */
1449
1468
  --fgColor-upsell: #ab7df8; /** Text color for upsell and promotional content */
1450
- --header-bgColor: #151b23f2;
1451
- --header-borderColor-divider: #656c76;
1452
- --header-fgColor-logo: #f0f6fc;
1453
- --headerSearch-bgColor: #0d1117;
1454
- --headerSearch-borderColor: #2a313c;
1469
+ --fgColor-white: #ffffff; /** Pure white text */
1470
+ --header-bgColor: #191f1bf2;
1471
+ --header-borderColor-divider: #58635b;
1472
+ --header-fgColor-default: #ffffffb3;
1473
+ --header-fgColor-logo: #e9f0eb;
1474
+ --headerSearch-bgColor: #0f1511;
1475
+ --headerSearch-borderColor: #252b27;
1455
1476
  --highlight-neutral-bgColor: #d2992266;
1456
1477
  --label-auburn-bgColor-active: #543331;
1457
1478
  --label-auburn-bgColor-hover: #3a2422;
@@ -1586,57 +1607,57 @@
1586
1607
  --label-yellow-fgColor-active: #edb431;
1587
1608
  --label-yellow-fgColor-hover: #df9e11;
1588
1609
  --label-yellow-fgColor-rest: #d3910d;
1589
- --menu-bgColor-active: #151b23;
1590
- --overlay-backdrop-bgColor: #21283066;
1591
- --prettylights-syntax-bracketHighlighterAngle: #9198a1; /** Syntax highlighting color for angle brackets */
1610
+ --menu-bgColor-active: #191f1b;
1611
+ --overlay-backdrop-bgColor: #252b2766;
1612
+ --overlay-bgColor: #060907;
1613
+ --prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
1592
1614
  --prettylights-syntax-bracketHighlighterUnmatched: #db6d28; /** Syntax highlighting color for unmatched brackets */
1593
1615
  --prettylights-syntax-carriageReturn-bg: #9b4215; /** Background color for carriage return characters in diffs */
1594
- --prettylights-syntax-carriageReturn-text: #f0f6fc; /** Text color for carriage return characters in diffs */
1595
- --prettylights-syntax-comment: #9198a1; /** Syntax highlighting color for code comments */
1616
+ --prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
1617
+ --prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
1596
1618
  --prettylights-syntax-constant: #79c0ff; /** Syntax highlighting color for constants and literal values */
1597
1619
  --prettylights-syntax-constantOtherReferenceLink: #a5d6ff; /** Syntax highlighting color for reference links and URLs in code */
1598
1620
  --prettylights-syntax-entity: #d2a8ff; /** Syntax highlighting color for class names, type definitions, and declarations */
1599
1621
  --prettylights-syntax-entityTag: #a5d6ff; /** Syntax highlighting color for HTML/XML tags */
1600
1622
  --prettylights-syntax-keyword: #f0883e; /** Syntax highlighting color for language keywords (if, else, return) */
1601
- --prettylights-syntax-markup-bold: #f0f6fc; /** Syntax highlighting color for bold text in markdown */
1623
+ --prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
1602
1624
  --prettylights-syntax-markup-changed-bg: #5a1e02; /** Background color for changed lines in diff views */
1603
1625
  --prettylights-syntax-markup-changed-text: #ffdfb6; /** Text color for changed lines in diff views */
1604
1626
  --prettylights-syntax-markup-deleted-bg: #5a1e02; /** Background color for deleted lines in diff views */
1605
1627
  --prettylights-syntax-markup-deleted-text: #ffdfb6; /** Text color for deleted lines in diff views */
1606
1628
  --prettylights-syntax-markup-heading: #1f6feb; /** Syntax highlighting color for headings in markdown */
1607
1629
  --prettylights-syntax-markup-ignored-bg: #1158c7; /** Background color for ignored content in diffs */
1608
- --prettylights-syntax-markup-ignored-text: #f0f6fc; /** Text color for ignored content in diffs */
1630
+ --prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
1609
1631
  --prettylights-syntax-markup-inserted-bg: #0c2d6b; /** Background color for inserted lines in diff views */
1610
1632
  --prettylights-syntax-markup-inserted-text: #cae8ff; /** Text color for inserted lines in diff views */
1611
- --prettylights-syntax-markup-italic: #f0f6fc; /** Syntax highlighting color for italic text in markdown */
1633
+ --prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
1612
1634
  --prettylights-syntax-markup-list: #f2cc60; /** Syntax highlighting color for list markers in markdown */
1613
1635
  --prettylights-syntax-metaDiffRange: #d2a8ff; /** Syntax highlighting color for diff range information (@@ lines) */
1614
- --prettylights-syntax-storageModifierImport: #f0f6fc; /** Syntax highlighting color for import and require statements */
1636
+ --prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
1615
1637
  --prettylights-syntax-string: #a5d6ff; /** Syntax highlighting color for string literals */
1616
1638
  --prettylights-syntax-stringRegexp: #a5d6ff; /** Syntax highlighting color for regular expression literals */
1617
- --prettylights-syntax-sublimeLinterGutterMark: #3d444d; /** Color for linter gutter marks in code editors */
1639
+ --prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
1618
1640
  --prettylights-syntax-variable: #ffa657; /** Syntax highlighting color for variables and parameters */
1619
1641
  --progressBar-track-borderColor: #00000000;
1620
1642
  --reactionButton-selected-bgColor-rest: #388bfd33;
1621
1643
  --reactionButton-selected-fgColor-hover: #79c0ff;
1622
1644
  --selectMenu-bgColor-active: #0c2d6b;
1623
- --sideNav-bgColor-selected: #212830;
1624
- --skeletonLoader-bgColor: #656c7633;
1625
- --timelineBadge-bgColor: #212830;
1645
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
1646
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
1647
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
1648
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
1649
+ --sideNav-bgColor-selected: #252b27;
1650
+ --skeletonLoader-bgColor: #58635b33;
1651
+ --timelineBadge-bgColor: #252b27;
1626
1652
  --topicTag-borderColor: #00000000;
1627
1653
  --underlineNav-borderColor-active: #f78166;
1628
- --ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
1629
- --avatar-bgColor: #ffffff1a;
1630
- --bgColor-black: #010409; /** Pure black background */
1654
+ --avatar-borderColor: var(--borderColor-translucent);
1631
1655
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
1632
- --bgColor-closed-muted: #656c761a; /** Subtle background for closed state indicators (issues, PRs) */
1656
+ --bgColor-closed-muted: #6c786f1a; /** Subtle background for closed state indicators (issues, PRs) */
1633
1657
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
1634
- --bgColor-draft-muted: #656c761a; /** Subtle background for draft state indicators */
1635
- --bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
1636
- --bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
1658
+ --bgColor-draft-muted: #6c786f1a; /** Subtle background for draft state indicators */
1637
1659
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1638
1660
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1639
- --bgColor-white: #ffffff; /** Pure white background */
1640
1661
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1641
1662
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1642
1663
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -1654,22 +1675,19 @@
1654
1675
  --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1655
1676
  --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1656
1677
  --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1678
+ --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. */
1657
1679
  --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1658
1680
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
1659
- --borderColor-closed-muted: #3d444d66; /** Subtle border for closed state indicators */
1660
- --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
1661
- --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
1681
+ --borderColor-closed-muted: #3b443e66; /** Subtle border for closed state indicators */
1682
+ --borderColor-draft-muted: #3b443e66; /** Subtle border for draft state indicators */
1683
+ --borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
1662
1684
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1663
- --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1664
1685
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
1665
1686
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
1666
1687
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1667
1688
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1668
- --button-danger-fgColor-active: #ffffff;
1669
1689
  --button-danger-fgColor-disabled: #f0883e80;
1670
- --button-danger-fgColor-hover: #ffffff;
1671
1690
  --button-danger-fgColor-rest: var(--fgColor-danger);
1672
- --button-danger-iconColor-hover: #ffffff;
1673
1691
  --button-default-bgColor-active: var(--control-bgColor-active);
1674
1692
  --button-default-bgColor-hover: var(--control-bgColor-hover);
1675
1693
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1682,18 +1700,20 @@
1682
1700
  --button-invisible-iconColor-hover: var(--fgColor-muted);
1683
1701
  --button-invisible-iconColor-rest: var(--fgColor-muted);
1684
1702
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
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: #bd561d0d;
1689
- --buttonCounter-danger-bgColor-hover: #ffffff33;
1690
1709
  --buttonCounter-danger-fgColor-disabled: #f0883e80;
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: #db6d2866;
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: #388bfd26;
1794
1818
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1795
1819
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1801,16 +1825,11 @@
1801
1825
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
1802
1826
  --diffBlob-expander-iconColor: var(--fgColor-muted);
1803
1827
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
1828
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1804
1829
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1805
- --fgColor-black: #010409; /** Pure black text */
1806
1830
  --fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
1807
1831
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
1808
- --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
1809
- --fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
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,14 +1855,10 @@
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-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
@@ -1851,12 +1866,12 @@
1851
1866
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1852
1867
  --border-open-emphasis: var(--border-success-emphasis);
1853
1868
  --border-open-muted: var(--border-success-muted);
1854
- --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. */
1855
1869
  --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1856
1870
  --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1857
1871
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1858
1872
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1859
1873
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1874
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1860
1875
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1861
1876
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1862
1877
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
@@ -1871,13 +1886,9 @@
1871
1886
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1872
1887
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1873
1888
  --button-outline-bgColor-disabled: var(--control-bgColor-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
  }