@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
@@ -23,38 +23,42 @@
23
23
  --control-checked-borderColor-hover: #3876d3;
24
24
  --fgColor-accent: #478be6; /** Accent text for links and interactive elements */
25
25
  --reactionButton-selected-bgColor-hover: #4285e55c;
26
- --ansi-black: #2f3742; /** ANSI black for terminal text and backgrounds */
27
- --ansi-blackBright: #656c76; /** ANSI bright black (dark gray) for dimmed terminal text */
26
+ --ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
27
+ --ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
28
28
  --ansi-blue: #539bf5; /** ANSI blue for informational terminal text */
29
29
  --ansi-blueBright: #6cb6ff; /** ANSI bright blue for highlighted info in terminal */
30
- --ansi-gray: #656c76; /** ANSI gray for secondary terminal text */
30
+ --ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
31
31
  --ansi-green: #57ab5a; /** ANSI green for success indicators in terminal */
32
32
  --ansi-greenBright: #6bc46d; /** ANSI bright green for highlighted success in terminal */
33
33
  --ansi-magenta: #b083f0; /** ANSI magenta for special terminal text */
34
34
  --ansi-magentaBright: #dcbdfb; /** ANSI bright magenta for highlighted special text */
35
35
  --ansi-red: #f47067; /** ANSI red for errors and alerts in terminal output */
36
36
  --ansi-redBright: #ff938a; /** ANSI bright red for highlighted errors in terminal */
37
- --ansi-white: #f0f6fc; /** ANSI white for terminal text */
37
+ --ansi-white: #e9f0eb; /** ANSI white for terminal text */
38
+ --ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
38
39
  --ansi-yellow: #c69026; /** ANSI yellow for warnings in terminal output */
39
40
  --ansi-yellowBright: #daaa3f; /** ANSI bright yellow for highlighted warnings in terminal */
40
- --avatar-shadow: 0 0 0 2px #0d1117;
41
- --avatarStack-fade-bgColor-default: #3d444d;
42
- --avatarStack-fade-bgColor-muted: #2a313c;
41
+ --avatar-bgColor: #cdd9e51a;
42
+ --avatar-shadow: 0 0 0 2px #0f1511;
43
+ --avatarStack-fade-bgColor-default: #4e5750;
44
+ --avatarStack-fade-bgColor-muted: #3b443e;
43
45
  --bgColor-accent-emphasis: #316dca; /** Strong accent background for active states and focused states */
44
46
  --bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
45
47
  --bgColor-attention-emphasis: #966600; /** Strong attention background for prominent warnings */
46
48
  --bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
49
+ --bgColor-black: #010409; /** Pure black background */
47
50
  --bgColor-danger-emphasis: #c93c37; /** Emphasized danger background for critical errors and delete confirmations */
48
51
  --bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
49
- --bgColor-default: #212830; /** Default background color for pages and main content areas */
50
- --bgColor-disabled: #2a313c; /** Background for disabled interactive elements */
52
+ --bgColor-default: #252b27; /** Default background color for pages and main content areas */
53
+ --bgColor-disabled: #252b27; /** Background for disabled interactive elements */
51
54
  --bgColor-done-emphasis: #8256d0; /** Strong background for completed/done state badges and labels */
52
55
  --bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
53
- --bgColor-emphasis: #3d444d; /** High-emphasis dark background for strong visual contrast */
54
- --bgColor-inset: #151b23; /** Inset background for recessed content areas like wells or sunken panels */
55
- --bgColor-muted: #262c36; /** Muted background for secondary content areas and subtle grouping */
56
- --bgColor-neutral-emphasis: #656c76; /** Strong neutral background for prominent neutral elements */
57
- --bgColor-neutral-muted: #656c7633; /** Subtle neutral background for tags, labels, and secondary UI elements */
56
+ --bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
57
+ --bgColor-inset: #191f1b; /** Inset background for recessed content areas like wells or sunken panels */
58
+ --bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
59
+ --bgColor-muted: #252b27; /** Muted background for secondary content areas and subtle grouping */
60
+ --bgColor-neutral-emphasis: #6c786f; /** Strong neutral background for prominent neutral elements */
61
+ --bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
58
62
  --bgColor-severe-emphasis: #ae5622; /** Strong severe background for prominent high-priority warnings */
59
63
  --bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
60
64
  --bgColor-sponsors-emphasis: #ae4c82; /** Strong background for prominent GitHub Sponsors elements */
@@ -62,47 +66,54 @@
62
66
  --bgColor-success-emphasis: #347d39; /** Strong success background for prominent positive actions */
63
67
  --bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
64
68
  --bgColor-transparent: #00000000; /** Fully transparent background */
69
+ --bgColor-white: #cdd9e5; /** Pure white background */
65
70
  --borderColor-accent-emphasis: #316dca; /** Strong accent border for selected or focused elements */
66
71
  --borderColor-accent-muted: #4184e466; /** Subtle accent border for selected or focused elements */
67
72
  --borderColor-attention-emphasis: #966600; /** Strong attention border for prominent warnings */
68
73
  --borderColor-attention-muted: #ae7c1466; /** Subtle attention border for warnings and caution states */
69
74
  --borderColor-danger-emphasis: #c93c37; /** Strong danger border for destructive actions and errors */
70
75
  --borderColor-danger-muted: #e5534b66; /** Subtle danger border for errors and destructive contexts */
71
- --borderColor-default: #3d444d; /** Default border color for most UI elements */
72
- --borderColor-disabled: #656c761a; /** Border color for disabled interactive elements */
76
+ --borderColor-default: #3b443e; /** Default border color for most UI elements */
77
+ --borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
73
78
  --borderColor-done-emphasis: #8256d0; /** Strong border for completed/done state badges */
74
79
  --borderColor-done-muted: #986ee266; /** Subtle border for completed/done state indicators */
75
- --borderColor-emphasis: #656c76; /** Strong border for emphasis and visual weight */
76
- --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
77
- --borderColor-neutral-muted: #3d444db3; /** Subtle neutral semantic border */
80
+ --borderColor-emphasis: #6c786f; /** Strong border for emphasis and visual weight */
81
+ --borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
82
+ --borderColor-neutral-muted: #3b443eb3; /** Subtle neutral semantic border */
78
83
  --borderColor-severe-emphasis: #ae5622; /** Strong severe border for prominent high-priority warnings */
79
84
  --borderColor-severe-muted: #cc6b2c66; /** Subtle severe border for high-priority warnings */
80
85
  --borderColor-sponsors-emphasis: #ae4c82; /** Strong border for prominent GitHub Sponsors elements */
81
86
  --borderColor-sponsors-muted: #c9619866; /** Subtle border for GitHub Sponsors content */
82
87
  --borderColor-success-emphasis: #347d39; /** Strong success border for prominent positive elements */
83
88
  --borderColor-success-muted: #46954a66; /** Subtle success border for positive feedback elements */
89
+ --borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
84
90
  --borderColor-transparent: #00000000; /** Fully transparent border */
85
91
  --button-danger-bgColor-hover: #ad2e2c;
86
92
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
93
+ --button-danger-iconColor-hover: #cdd9e5;
87
94
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
88
95
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
89
96
  --button-default-borderColor-rest: var(--control-borderColor-rest);
90
97
  --button-default-shadow-resting: 0 0 0 0 #00000000;
91
- --button-inactive-bgColor: #2a313c;
92
- --button-inactive-fgColor: #656c76;
98
+ --button-inactive-bgColor: #252b27;
99
+ --button-inactive-fgColor: #6c786f;
93
100
  --button-invisible-bgColor-disabled: #00000000;
94
101
  --button-invisible-borderColor-disabled: #00000000;
95
- --button-invisible-iconColor-hover: #b7bdc8;
96
- --button-invisible-iconColor-rest: #b7bdc8;
102
+ --button-invisible-iconColor-hover: #b8c4bc;
103
+ --button-invisible-iconColor-rest: #b8c4bc;
97
104
  --button-outline-bgColor-active: #1b4b91;
98
- --button-outline-bgColor-rest: #f0f6fc;
105
+ --button-outline-bgColor-rest: #e9f0eb;
106
+ --button-outline-fgColor-active: #cdd9e5;
99
107
  --button-outline-fgColor-hover: #539bf5;
100
108
  --button-outline-fgColor-rest: #4184e4;
101
109
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
110
+ --button-primary-fgColor-disabled: #cdd9e566;
102
111
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
103
112
  --button-star-iconColor: #daaa3f;
113
+ --buttonCounter-danger-bgColor-hover: #cdd9e533;
104
114
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
105
- --buttonCounter-default-bgColor-rest: #2f3742;
115
+ --buttonCounter-danger-fgColor-hover: #cdd9e5;
116
+ --buttonCounter-default-bgColor-rest: #353c37;
106
117
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
107
118
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
108
119
  --buttonCounter-outline-fgColor-disabled: #478be680;
@@ -112,10 +123,10 @@
112
123
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
113
124
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
114
125
  --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
115
- --buttonKeybindingHint-default-bgColor-rest: #2a313c;
116
- --buttonKeybindingHint-inactive-bgColor: #2a313c;
126
+ --buttonKeybindingHint-default-bgColor-rest: #252b27;
127
+ --buttonKeybindingHint-inactive-bgColor: #252b27;
117
128
  --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
118
- --codeMirror-syntax-fgColor-comment: #656c76;
129
+ --codeMirror-syntax-fgColor-comment: #6c786f;
119
130
  --codeMirror-syntax-fgColor-constant: #6cb6ff;
120
131
  --codeMirror-syntax-fgColor-entity: #dcbdfb;
121
132
  --codeMirror-syntax-fgColor-keyword: #f47067;
@@ -125,7 +136,7 @@
125
136
  --codeMirror-syntax-fgColor-variable: #f69d50;
126
137
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
127
138
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
128
- --contribution-default-bgColor-0: #2a313c;
139
+ --contribution-default-bgColor-0: #252b27;
129
140
  --contribution-default-bgColor-1: #1b4721;
130
141
  --contribution-default-bgColor-2: #2b6a30;
131
142
  --contribution-default-bgColor-3: #46954a;
@@ -139,25 +150,26 @@
139
150
  --contribution-winter-bgColor-2: #255ab2;
140
151
  --contribution-winter-bgColor-3: #539bf5;
141
152
  --contribution-winter-bgColor-4: #c6e6ff;
142
- --control-bgColor-active: #3d444d;
143
- --control-bgColor-hover: #2f3742;
144
- --control-bgColor-rest: #2a313c;
145
- --control-borderColor-disabled: #656c761a;
146
- --control-borderColor-selected: #f0f6fc;
153
+ --control-bgColor-active: #3b443e;
154
+ --control-bgColor-hover: #353c37;
155
+ --control-bgColor-rest: #252b27;
156
+ --control-borderColor-disabled: #6c786f1a;
157
+ --control-borderColor-selected: #e9f0eb;
147
158
  --control-danger-fgColor-hover: #f47067;
148
- --control-transparent-bgColor-active: #656c7633;
149
- --control-transparent-bgColor-hover: #656c7626;
159
+ --control-transparent-bgColor-active: #6c786f33;
160
+ --control-transparent-bgColor-hover: #6c786f26;
150
161
  --control-transparent-bgColor-rest: #00000000;
151
- --control-transparent-bgColor-selected: #656c761a;
162
+ --control-transparent-bgColor-selected: #6c786f1a;
152
163
  --control-transparent-borderColor-active: #00000000;
153
164
  --control-transparent-borderColor-hover: #00000000;
154
165
  --control-transparent-borderColor-rest: #00000000;
155
- --controlKnob-bgColor-rest: #2a313c;
166
+ --controlKnob-bgColor-checked: #cdd9e5;
167
+ --controlKnob-bgColor-rest: #252b27;
156
168
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
157
- --controlTrack-bgColor-active: #3d444d;
158
- --controlTrack-bgColor-hover: #2f3742;
159
- --controlTrack-bgColor-rest: #151b23;
160
- --controlTrack-borderColor-rest: #3d444d;
169
+ --controlTrack-bgColor-active: #3b443e;
170
+ --controlTrack-bgColor-hover: #353c37;
171
+ --controlTrack-bgColor-rest: #191f1b;
172
+ --controlTrack-borderColor-rest: #3b443e;
161
173
  --counter-borderColor: #00000000;
162
174
  --data-auburn-color-emphasis: #a86f6b;
163
175
  --data-auburn-color-muted: #271817;
@@ -484,22 +496,26 @@
484
496
  --display-yellow-scale-8: #edb431;
485
497
  --display-yellow-scale-9: #f0ca6a;
486
498
  --fgColor-attention: #c69026; /** Attention text for warnings and caution states */
499
+ --fgColor-black: #010409; /** Pure black text */
487
500
  --fgColor-danger: #e5534b; /** Danger text for errors and destructive actions */
488
- --fgColor-default: #d1d7e0; /** Default text color for primary content and headings */
489
- --fgColor-disabled: #656c76; /** Text color for disabled interactive elements */
501
+ --fgColor-default: #cbd6cd; /** Default text color for primary content and headings */
502
+ --fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
490
503
  --fgColor-done: #986ee2; /** Text color for completed/done state indicators */
491
504
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
492
- --fgColor-muted: #b7bdc8; /** Muted text for secondary content and less important information */
493
- --fgColor-neutral: #b7bdc8; /** Neutral semantic text for icons and secondary elements */
494
- --fgColor-onEmphasis: #f0f6fc; /** Text color for use on emphasis backgrounds */
505
+ --fgColor-muted: #9ca89f; /** Muted text for secondary content and less important information */
506
+ --fgColor-neutral: #9ca89f; /** Neutral semantic text for icons and secondary elements */
507
+ --fgColor-onEmphasis: #e9f0eb; /** Text color for use on emphasis backgrounds */
508
+ --fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
495
509
  --fgColor-severe: #cc6b2c; /** Severe text for high-priority warnings */
496
510
  --fgColor-sponsors: #c96198; /** Text color for GitHub Sponsors content */
497
511
  --fgColor-success: #57ab5a; /** Success text for positive feedback and completed states */
498
- --header-bgColor: #151b23f2;
499
- --header-borderColor-divider: #656c76;
500
- --header-fgColor-logo: #f0f6fc;
501
- --headerSearch-bgColor: #0d1117;
502
- --headerSearch-borderColor: #2a313c;
512
+ --fgColor-white: #cdd9e5; /** Pure white text */
513
+ --header-bgColor: #191f1bf2;
514
+ --header-borderColor-divider: #58635b;
515
+ --header-fgColor-default: #cdd9e5b3;
516
+ --header-fgColor-logo: #e9f0eb;
517
+ --headerSearch-bgColor: #0f1511;
518
+ --headerSearch-borderColor: #252b27;
503
519
  --highlight-neutral-bgColor: #c6902666;
504
520
  --label-auburn-bgColor-active: #543331;
505
521
  --label-auburn-bgColor-hover: #3a2422;
@@ -634,60 +650,60 @@
634
650
  --label-yellow-fgColor-active: #edb431;
635
651
  --label-yellow-fgColor-hover: #df9e11;
636
652
  --label-yellow-fgColor-rest: #d3910d;
637
- --menu-bgColor-active: #151b23;
638
- --overlay-backdrop-bgColor: #262c3666;
639
- --overlay-bgColor: #2a313c;
640
- --overlay-borderColor: #3d444db3;
641
- --prettylights-syntax-bracketHighlighterAngle: #9198a1; /** Syntax highlighting color for angle brackets */
653
+ --menu-bgColor-active: #191f1b;
654
+ --overlay-backdrop-bgColor: #252b2766;
655
+ --overlay-bgColor: #252b27;
656
+ --overlay-borderColor: #3b443eb3;
657
+ --prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
642
658
  --prettylights-syntax-bracketHighlighterUnmatched: #e5534b; /** Syntax highlighting color for unmatched brackets */
643
659
  --prettylights-syntax-carriageReturn-bg: #ad2e2c; /** Background color for carriage return characters in diffs */
644
- --prettylights-syntax-carriageReturn-text: #f0f6fc; /** Text color for carriage return characters in diffs */
645
- --prettylights-syntax-comment: #9198a1; /** Syntax highlighting color for code comments */
660
+ --prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
661
+ --prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
646
662
  --prettylights-syntax-constant: #6cb6ff; /** Syntax highlighting color for constants and literal values */
647
663
  --prettylights-syntax-constantOtherReferenceLink: #96d0ff; /** Syntax highlighting color for reference links and URLs in code */
648
664
  --prettylights-syntax-entity: #dcbdfb; /** Syntax highlighting color for class names, type definitions, and declarations */
649
665
  --prettylights-syntax-entityTag: #8ddb8c; /** Syntax highlighting color for HTML/XML tags */
650
666
  --prettylights-syntax-keyword: #f47067; /** Syntax highlighting color for language keywords (if, else, return) */
651
- --prettylights-syntax-markup-bold: #f0f6fc; /** Syntax highlighting color for bold text in markdown */
667
+ --prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
652
668
  --prettylights-syntax-markup-changed-bg: #682d0f; /** Background color for changed lines in diff views */
653
669
  --prettylights-syntax-markup-changed-text: #ffddb0; /** Text color for changed lines in diff views */
654
670
  --prettylights-syntax-markup-deleted-bg: #78191b; /** Background color for deleted lines in diff views */
655
671
  --prettylights-syntax-markup-deleted-text: #ffd8d3; /** Text color for deleted lines in diff views */
656
672
  --prettylights-syntax-markup-heading: #316dca; /** Syntax highlighting color for headings in markdown */
657
673
  --prettylights-syntax-markup-ignored-bg: #255ab2; /** Background color for ignored content in diffs */
658
- --prettylights-syntax-markup-ignored-text: #f0f6fc; /** Text color for ignored content in diffs */
674
+ --prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
659
675
  --prettylights-syntax-markup-inserted-bg: #1b4721; /** Background color for inserted lines in diff views */
660
676
  --prettylights-syntax-markup-inserted-text: #b4f1b4; /** Text color for inserted lines in diff views */
661
- --prettylights-syntax-markup-italic: #f0f6fc; /** Syntax highlighting color for italic text in markdown */
677
+ --prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
662
678
  --prettylights-syntax-markup-list: #eac55f; /** Syntax highlighting color for list markers in markdown */
663
679
  --prettylights-syntax-metaDiffRange: #dcbdfb; /** Syntax highlighting color for diff range information (@@ lines) */
664
- --prettylights-syntax-storageModifierImport: #f0f6fc; /** Syntax highlighting color for import and require statements */
680
+ --prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
665
681
  --prettylights-syntax-string: #96d0ff; /** Syntax highlighting color for string literals */
666
682
  --prettylights-syntax-stringRegexp: #8ddb8c; /** Syntax highlighting color for regular expression literals */
667
- --prettylights-syntax-sublimeLinterGutterMark: #3d444d; /** Color for linter gutter marks in code editors */
683
+ --prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
668
684
  --prettylights-syntax-variable: #f69d50; /** Syntax highlighting color for variables and parameters */
669
685
  --progressBar-track-borderColor: #00000000;
670
686
  --reactionButton-selected-bgColor-rest: #4184e433;
671
687
  --reactionButton-selected-fgColor-hover: #6cb6ff;
672
688
  --selectMenu-bgColor-active: #143d79;
673
- --sideNav-bgColor-selected: #212830;
674
- --skeletonLoader-bgColor: #656c7633;
675
- --timelineBadge-bgColor: #262c36;
689
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
690
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
691
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
692
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
693
+ --sideNav-bgColor-selected: #252b27;
694
+ --skeletonLoader-bgColor: #58635b33;
695
+ --timelineBadge-bgColor: #252b27;
676
696
  --topicTag-borderColor: #00000000;
677
697
  --underlineNav-borderColor-active: #ec775c;
678
- --ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
679
- --avatar-bgColor: #cdd9e51a;
680
- --bgColor-black: #010409; /** Pure black background */
698
+ --avatar-borderColor: var(--borderColor-translucent);
681
699
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
682
700
  --bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
683
701
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
684
702
  --bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
685
- --bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
686
703
  --bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
687
704
  --bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
688
705
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
689
706
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
690
- --bgColor-white: #cdd9e5; /** Pure white background */
691
707
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
692
708
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
693
709
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -707,6 +723,7 @@
707
723
  --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
708
724
  --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
709
725
  --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
726
+ --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. */
710
727
  --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
711
728
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
712
729
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -714,13 +731,11 @@
714
731
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
715
732
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
716
733
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
717
- --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
718
734
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
719
735
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
720
736
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
721
737
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
722
738
  --button-danger-fgColor-disabled: #e5534b80;
723
- --button-danger-iconColor-hover: #cdd9e5;
724
739
  --button-default-bgColor-active: var(--control-bgColor-active);
725
740
  --button-default-bgColor-hover: var(--control-bgColor-hover);
726
741
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -734,13 +749,11 @@
734
749
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
735
750
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
736
751
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
737
- --button-outline-fgColor-active: #cdd9e5;
738
752
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
739
- --button-primary-fgColor-disabled: #cdd9e566;
753
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
754
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
740
755
  --buttonCounter-danger-bgColor-disabled: #c93c370d;
741
- --buttonCounter-danger-bgColor-hover: #cdd9e533;
742
756
  --buttonCounter-danger-fgColor-disabled: #e5534b80;
743
- --buttonCounter-danger-fgColor-hover: #cdd9e5;
744
757
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
745
758
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
746
759
  --buttonCounter-outline-bgColor-disabled: #316dca0d;
@@ -764,6 +777,7 @@
764
777
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
765
778
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
766
779
  --buttonKeybindingHint-primary-borderColor-rest: #1134171a;
780
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
767
781
  --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
768
782
  --card-bgColor: var(--bgColor-muted);
769
783
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
@@ -789,6 +803,7 @@
789
803
  --color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
790
804
  --color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
791
805
  --color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
806
+ --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
792
807
  --color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
793
808
  --color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
794
809
  --color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
@@ -841,7 +856,6 @@
841
856
  --control-fgColor-rest: var(--fgColor-default);
842
857
  --control-iconColor-rest: var(--fgColor-muted);
843
858
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
844
- --controlKnob-bgColor-checked: #cdd9e5;
845
859
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
846
860
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
847
861
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
@@ -865,15 +879,11 @@
865
879
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
866
880
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
867
881
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
868
- --fgColor-black: #010409; /** Pure black text */
869
882
  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
870
883
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
871
- --fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
872
884
  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
873
885
  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
874
- --fgColor-white: #cdd9e5; /** Pure white text */
875
886
  --focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
876
- --header-fgColor-default: #cdd9e5b3;
877
887
  --page-header-bgColor: var(--bgColor-default);
878
888
  --prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
879
889
  --prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
@@ -899,31 +909,26 @@
899
909
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
900
910
  --selectMenu-borderColor: var(--borderColor-default);
901
911
  --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
902
- --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
903
- --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 */
904
- --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 */
905
- --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
906
- --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
907
- --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
908
- --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
909
- --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
912
+ --shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
913
+ --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 */
914
+ --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 */
915
+ --shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
910
916
  --tooltip-bgColor: var(--bgColor-emphasis);
911
917
  --tooltip-fgColor: var(--fgColor-onEmphasis);
912
918
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
913
919
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
914
920
  --underlineNav-iconColor-rest: var(--fgColor-muted);
915
- --avatar-borderColor: var(--borderColor-translucent);
916
921
  --border-closed-emphasis: var(--border-danger-emphasis);
917
922
  --border-closed-muted: var(--border-danger-muted);
918
923
  --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
919
924
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
920
925
  --border-open-emphasis: var(--border-success-emphasis);
921
926
  --border-open-muted: var(--border-success-muted);
922
- --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. */
923
927
  --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
924
928
  --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
925
929
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
926
930
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
931
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
927
932
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
928
933
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
929
934
  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
@@ -935,16 +940,14 @@
935
940
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
936
941
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
937
942
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
938
- --button-primary-borderColor-rest: var(--borderColor-translucent);
939
- --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
943
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
944
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
940
945
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
941
946
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
942
947
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
943
948
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
944
949
  --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
945
950
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
946
- --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
947
- --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
948
951
  --color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
949
952
  --color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
950
953
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -957,12 +960,9 @@
957
960
  --prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
958
961
  --prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
959
962
  --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
960
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
963
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
961
964
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
962
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
963
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
964
965
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
965
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
966
966
  }
967
967
  @media (prefers-color-scheme: dark) {
968
968
  [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_dimmed"] {
@@ -985,38 +985,42 @@
985
985
  --control-checked-borderColor-hover: #3876d3;
986
986
  --fgColor-accent: #478be6; /** Accent text for links and interactive elements */
987
987
  --reactionButton-selected-bgColor-hover: #4285e55c;
988
- --ansi-black: #2f3742; /** ANSI black for terminal text and backgrounds */
989
- --ansi-blackBright: #656c76; /** ANSI bright black (dark gray) for dimmed terminal text */
988
+ --ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
989
+ --ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
990
990
  --ansi-blue: #539bf5; /** ANSI blue for informational terminal text */
991
991
  --ansi-blueBright: #6cb6ff; /** ANSI bright blue for highlighted info in terminal */
992
- --ansi-gray: #656c76; /** ANSI gray for secondary terminal text */
992
+ --ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
993
993
  --ansi-green: #57ab5a; /** ANSI green for success indicators in terminal */
994
994
  --ansi-greenBright: #6bc46d; /** ANSI bright green for highlighted success in terminal */
995
995
  --ansi-magenta: #b083f0; /** ANSI magenta for special terminal text */
996
996
  --ansi-magentaBright: #dcbdfb; /** ANSI bright magenta for highlighted special text */
997
997
  --ansi-red: #f47067; /** ANSI red for errors and alerts in terminal output */
998
998
  --ansi-redBright: #ff938a; /** ANSI bright red for highlighted errors in terminal */
999
- --ansi-white: #f0f6fc; /** ANSI white for terminal text */
999
+ --ansi-white: #e9f0eb; /** ANSI white for terminal text */
1000
+ --ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
1000
1001
  --ansi-yellow: #c69026; /** ANSI yellow for warnings in terminal output */
1001
1002
  --ansi-yellowBright: #daaa3f; /** ANSI bright yellow for highlighted warnings in terminal */
1002
- --avatar-shadow: 0 0 0 2px #0d1117;
1003
- --avatarStack-fade-bgColor-default: #3d444d;
1004
- --avatarStack-fade-bgColor-muted: #2a313c;
1003
+ --avatar-bgColor: #cdd9e51a;
1004
+ --avatar-shadow: 0 0 0 2px #0f1511;
1005
+ --avatarStack-fade-bgColor-default: #4e5750;
1006
+ --avatarStack-fade-bgColor-muted: #3b443e;
1005
1007
  --bgColor-accent-emphasis: #316dca; /** Strong accent background for active states and focused states */
1006
1008
  --bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
1007
1009
  --bgColor-attention-emphasis: #966600; /** Strong attention background for prominent warnings */
1008
1010
  --bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
1011
+ --bgColor-black: #010409; /** Pure black background */
1009
1012
  --bgColor-danger-emphasis: #c93c37; /** Emphasized danger background for critical errors and delete confirmations */
1010
1013
  --bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
1011
- --bgColor-default: #212830; /** Default background color for pages and main content areas */
1012
- --bgColor-disabled: #2a313c; /** Background for disabled interactive elements */
1014
+ --bgColor-default: #252b27; /** Default background color for pages and main content areas */
1015
+ --bgColor-disabled: #252b27; /** Background for disabled interactive elements */
1013
1016
  --bgColor-done-emphasis: #8256d0; /** Strong background for completed/done state badges and labels */
1014
1017
  --bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
1015
- --bgColor-emphasis: #3d444d; /** High-emphasis dark background for strong visual contrast */
1016
- --bgColor-inset: #151b23; /** Inset background for recessed content areas like wells or sunken panels */
1017
- --bgColor-muted: #262c36; /** Muted background for secondary content areas and subtle grouping */
1018
- --bgColor-neutral-emphasis: #656c76; /** Strong neutral background for prominent neutral elements */
1019
- --bgColor-neutral-muted: #656c7633; /** Subtle neutral background for tags, labels, and secondary UI elements */
1018
+ --bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
1019
+ --bgColor-inset: #191f1b; /** Inset background for recessed content areas like wells or sunken panels */
1020
+ --bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
1021
+ --bgColor-muted: #252b27; /** Muted background for secondary content areas and subtle grouping */
1022
+ --bgColor-neutral-emphasis: #6c786f; /** Strong neutral background for prominent neutral elements */
1023
+ --bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
1020
1024
  --bgColor-severe-emphasis: #ae5622; /** Strong severe background for prominent high-priority warnings */
1021
1025
  --bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
1022
1026
  --bgColor-sponsors-emphasis: #ae4c82; /** Strong background for prominent GitHub Sponsors elements */
@@ -1024,47 +1028,54 @@
1024
1028
  --bgColor-success-emphasis: #347d39; /** Strong success background for prominent positive actions */
1025
1029
  --bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
1026
1030
  --bgColor-transparent: #00000000; /** Fully transparent background */
1031
+ --bgColor-white: #cdd9e5; /** Pure white background */
1027
1032
  --borderColor-accent-emphasis: #316dca; /** Strong accent border for selected or focused elements */
1028
1033
  --borderColor-accent-muted: #4184e466; /** Subtle accent border for selected or focused elements */
1029
1034
  --borderColor-attention-emphasis: #966600; /** Strong attention border for prominent warnings */
1030
1035
  --borderColor-attention-muted: #ae7c1466; /** Subtle attention border for warnings and caution states */
1031
1036
  --borderColor-danger-emphasis: #c93c37; /** Strong danger border for destructive actions and errors */
1032
1037
  --borderColor-danger-muted: #e5534b66; /** Subtle danger border for errors and destructive contexts */
1033
- --borderColor-default: #3d444d; /** Default border color for most UI elements */
1034
- --borderColor-disabled: #656c761a; /** Border color for disabled interactive elements */
1038
+ --borderColor-default: #3b443e; /** Default border color for most UI elements */
1039
+ --borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
1035
1040
  --borderColor-done-emphasis: #8256d0; /** Strong border for completed/done state badges */
1036
1041
  --borderColor-done-muted: #986ee266; /** Subtle border for completed/done state indicators */
1037
- --borderColor-emphasis: #656c76; /** Strong border for emphasis and visual weight */
1038
- --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
1039
- --borderColor-neutral-muted: #3d444db3; /** Subtle neutral semantic border */
1042
+ --borderColor-emphasis: #6c786f; /** Strong border for emphasis and visual weight */
1043
+ --borderColor-muted: #3b443eb3; /** Subtle border for secondary elements and light separators */
1044
+ --borderColor-neutral-muted: #3b443eb3; /** Subtle neutral semantic border */
1040
1045
  --borderColor-severe-emphasis: #ae5622; /** Strong severe border for prominent high-priority warnings */
1041
1046
  --borderColor-severe-muted: #cc6b2c66; /** Subtle severe border for high-priority warnings */
1042
1047
  --borderColor-sponsors-emphasis: #ae4c82; /** Strong border for prominent GitHub Sponsors elements */
1043
1048
  --borderColor-sponsors-muted: #c9619866; /** Subtle border for GitHub Sponsors content */
1044
1049
  --borderColor-success-emphasis: #347d39; /** Strong success border for prominent positive elements */
1045
1050
  --borderColor-success-muted: #46954a66; /** Subtle success border for positive feedback elements */
1051
+ --borderColor-translucent: #d6e0d826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1046
1052
  --borderColor-transparent: #00000000; /** Fully transparent border */
1047
1053
  --button-danger-bgColor-hover: #ad2e2c;
1048
1054
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1055
+ --button-danger-iconColor-hover: #cdd9e5;
1049
1056
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1050
1057
  --button-danger-shadow-selected: 0 0 0 0 #00000000;
1051
1058
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1052
1059
  --button-default-shadow-resting: 0 0 0 0 #00000000;
1053
- --button-inactive-bgColor: #2a313c;
1054
- --button-inactive-fgColor: #656c76;
1060
+ --button-inactive-bgColor: #252b27;
1061
+ --button-inactive-fgColor: #6c786f;
1055
1062
  --button-invisible-bgColor-disabled: #00000000;
1056
1063
  --button-invisible-borderColor-disabled: #00000000;
1057
- --button-invisible-iconColor-hover: #b7bdc8;
1058
- --button-invisible-iconColor-rest: #b7bdc8;
1064
+ --button-invisible-iconColor-hover: #b8c4bc;
1065
+ --button-invisible-iconColor-rest: #b8c4bc;
1059
1066
  --button-outline-bgColor-active: #1b4b91;
1060
- --button-outline-bgColor-rest: #f0f6fc;
1067
+ --button-outline-bgColor-rest: #e9f0eb;
1068
+ --button-outline-fgColor-active: #cdd9e5;
1061
1069
  --button-outline-fgColor-hover: #539bf5;
1062
1070
  --button-outline-fgColor-rest: #4184e4;
1063
1071
  --button-outline-shadow-selected: 0 0 0 0 #00000000;
1072
+ --button-primary-fgColor-disabled: #cdd9e566;
1064
1073
  --button-primary-shadow-selected: 0 0 0 0 #00000000;
1065
1074
  --button-star-iconColor: #daaa3f;
1075
+ --buttonCounter-danger-bgColor-hover: #cdd9e533;
1066
1076
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
1067
- --buttonCounter-default-bgColor-rest: #2f3742;
1077
+ --buttonCounter-danger-fgColor-hover: #cdd9e5;
1078
+ --buttonCounter-default-bgColor-rest: #353c37;
1068
1079
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
1069
1080
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
1070
1081
  --buttonCounter-outline-fgColor-disabled: #478be680;
@@ -1074,10 +1085,10 @@
1074
1085
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
1075
1086
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1076
1087
  --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
1077
- --buttonKeybindingHint-default-bgColor-rest: #2a313c;
1078
- --buttonKeybindingHint-inactive-bgColor: #2a313c;
1088
+ --buttonKeybindingHint-default-bgColor-rest: #252b27;
1089
+ --buttonKeybindingHint-inactive-bgColor: #252b27;
1079
1090
  --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
1080
- --codeMirror-syntax-fgColor-comment: #656c76;
1091
+ --codeMirror-syntax-fgColor-comment: #6c786f;
1081
1092
  --codeMirror-syntax-fgColor-constant: #6cb6ff;
1082
1093
  --codeMirror-syntax-fgColor-entity: #dcbdfb;
1083
1094
  --codeMirror-syntax-fgColor-keyword: #f47067;
@@ -1087,7 +1098,7 @@
1087
1098
  --codeMirror-syntax-fgColor-variable: #f69d50;
1088
1099
  --color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
1089
1100
  --color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
1090
- --contribution-default-bgColor-0: #2a313c;
1101
+ --contribution-default-bgColor-0: #252b27;
1091
1102
  --contribution-default-bgColor-1: #1b4721;
1092
1103
  --contribution-default-bgColor-2: #2b6a30;
1093
1104
  --contribution-default-bgColor-3: #46954a;
@@ -1101,25 +1112,26 @@
1101
1112
  --contribution-winter-bgColor-2: #255ab2;
1102
1113
  --contribution-winter-bgColor-3: #539bf5;
1103
1114
  --contribution-winter-bgColor-4: #c6e6ff;
1104
- --control-bgColor-active: #3d444d;
1105
- --control-bgColor-hover: #2f3742;
1106
- --control-bgColor-rest: #2a313c;
1107
- --control-borderColor-disabled: #656c761a;
1108
- --control-borderColor-selected: #f0f6fc;
1115
+ --control-bgColor-active: #3b443e;
1116
+ --control-bgColor-hover: #353c37;
1117
+ --control-bgColor-rest: #252b27;
1118
+ --control-borderColor-disabled: #6c786f1a;
1119
+ --control-borderColor-selected: #e9f0eb;
1109
1120
  --control-danger-fgColor-hover: #f47067;
1110
- --control-transparent-bgColor-active: #656c7633;
1111
- --control-transparent-bgColor-hover: #656c7626;
1121
+ --control-transparent-bgColor-active: #6c786f33;
1122
+ --control-transparent-bgColor-hover: #6c786f26;
1112
1123
  --control-transparent-bgColor-rest: #00000000;
1113
- --control-transparent-bgColor-selected: #656c761a;
1124
+ --control-transparent-bgColor-selected: #6c786f1a;
1114
1125
  --control-transparent-borderColor-active: #00000000;
1115
1126
  --control-transparent-borderColor-hover: #00000000;
1116
1127
  --control-transparent-borderColor-rest: #00000000;
1117
- --controlKnob-bgColor-rest: #2a313c;
1128
+ --controlKnob-bgColor-checked: #cdd9e5;
1129
+ --controlKnob-bgColor-rest: #252b27;
1118
1130
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1119
- --controlTrack-bgColor-active: #3d444d;
1120
- --controlTrack-bgColor-hover: #2f3742;
1121
- --controlTrack-bgColor-rest: #151b23;
1122
- --controlTrack-borderColor-rest: #3d444d;
1131
+ --controlTrack-bgColor-active: #3b443e;
1132
+ --controlTrack-bgColor-hover: #353c37;
1133
+ --controlTrack-bgColor-rest: #191f1b;
1134
+ --controlTrack-borderColor-rest: #3b443e;
1123
1135
  --counter-borderColor: #00000000;
1124
1136
  --data-auburn-color-emphasis: #a86f6b;
1125
1137
  --data-auburn-color-muted: #271817;
@@ -1446,22 +1458,26 @@
1446
1458
  --display-yellow-scale-8: #edb431;
1447
1459
  --display-yellow-scale-9: #f0ca6a;
1448
1460
  --fgColor-attention: #c69026; /** Attention text for warnings and caution states */
1461
+ --fgColor-black: #010409; /** Pure black text */
1449
1462
  --fgColor-danger: #e5534b; /** Danger text for errors and destructive actions */
1450
- --fgColor-default: #d1d7e0; /** Default text color for primary content and headings */
1451
- --fgColor-disabled: #656c76; /** Text color for disabled interactive elements */
1463
+ --fgColor-default: #cbd6cd; /** Default text color for primary content and headings */
1464
+ --fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
1452
1465
  --fgColor-done: #986ee2; /** Text color for completed/done state indicators */
1453
1466
  --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
1454
- --fgColor-muted: #b7bdc8; /** Muted text for secondary content and less important information */
1455
- --fgColor-neutral: #b7bdc8; /** Neutral semantic text for icons and secondary elements */
1456
- --fgColor-onEmphasis: #f0f6fc; /** Text color for use on emphasis backgrounds */
1467
+ --fgColor-muted: #9ca89f; /** Muted text for secondary content and less important information */
1468
+ --fgColor-neutral: #9ca89f; /** Neutral semantic text for icons and secondary elements */
1469
+ --fgColor-onEmphasis: #e9f0eb; /** Text color for use on emphasis backgrounds */
1470
+ --fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
1457
1471
  --fgColor-severe: #cc6b2c; /** Severe text for high-priority warnings */
1458
1472
  --fgColor-sponsors: #c96198; /** Text color for GitHub Sponsors content */
1459
1473
  --fgColor-success: #57ab5a; /** Success text for positive feedback and completed states */
1460
- --header-bgColor: #151b23f2;
1461
- --header-borderColor-divider: #656c76;
1462
- --header-fgColor-logo: #f0f6fc;
1463
- --headerSearch-bgColor: #0d1117;
1464
- --headerSearch-borderColor: #2a313c;
1474
+ --fgColor-white: #cdd9e5; /** Pure white text */
1475
+ --header-bgColor: #191f1bf2;
1476
+ --header-borderColor-divider: #58635b;
1477
+ --header-fgColor-default: #cdd9e5b3;
1478
+ --header-fgColor-logo: #e9f0eb;
1479
+ --headerSearch-bgColor: #0f1511;
1480
+ --headerSearch-borderColor: #252b27;
1465
1481
  --highlight-neutral-bgColor: #c6902666;
1466
1482
  --label-auburn-bgColor-active: #543331;
1467
1483
  --label-auburn-bgColor-hover: #3a2422;
@@ -1596,60 +1612,60 @@
1596
1612
  --label-yellow-fgColor-active: #edb431;
1597
1613
  --label-yellow-fgColor-hover: #df9e11;
1598
1614
  --label-yellow-fgColor-rest: #d3910d;
1599
- --menu-bgColor-active: #151b23;
1600
- --overlay-backdrop-bgColor: #262c3666;
1601
- --overlay-bgColor: #2a313c;
1602
- --overlay-borderColor: #3d444db3;
1603
- --prettylights-syntax-bracketHighlighterAngle: #9198a1; /** Syntax highlighting color for angle brackets */
1615
+ --menu-bgColor-active: #191f1b;
1616
+ --overlay-backdrop-bgColor: #252b2766;
1617
+ --overlay-bgColor: #252b27;
1618
+ --overlay-borderColor: #3b443eb3;
1619
+ --prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
1604
1620
  --prettylights-syntax-bracketHighlighterUnmatched: #e5534b; /** Syntax highlighting color for unmatched brackets */
1605
1621
  --prettylights-syntax-carriageReturn-bg: #ad2e2c; /** Background color for carriage return characters in diffs */
1606
- --prettylights-syntax-carriageReturn-text: #f0f6fc; /** Text color for carriage return characters in diffs */
1607
- --prettylights-syntax-comment: #9198a1; /** Syntax highlighting color for code comments */
1622
+ --prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
1623
+ --prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
1608
1624
  --prettylights-syntax-constant: #6cb6ff; /** Syntax highlighting color for constants and literal values */
1609
1625
  --prettylights-syntax-constantOtherReferenceLink: #96d0ff; /** Syntax highlighting color for reference links and URLs in code */
1610
1626
  --prettylights-syntax-entity: #dcbdfb; /** Syntax highlighting color for class names, type definitions, and declarations */
1611
1627
  --prettylights-syntax-entityTag: #8ddb8c; /** Syntax highlighting color for HTML/XML tags */
1612
1628
  --prettylights-syntax-keyword: #f47067; /** Syntax highlighting color for language keywords (if, else, return) */
1613
- --prettylights-syntax-markup-bold: #f0f6fc; /** Syntax highlighting color for bold text in markdown */
1629
+ --prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
1614
1630
  --prettylights-syntax-markup-changed-bg: #682d0f; /** Background color for changed lines in diff views */
1615
1631
  --prettylights-syntax-markup-changed-text: #ffddb0; /** Text color for changed lines in diff views */
1616
1632
  --prettylights-syntax-markup-deleted-bg: #78191b; /** Background color for deleted lines in diff views */
1617
1633
  --prettylights-syntax-markup-deleted-text: #ffd8d3; /** Text color for deleted lines in diff views */
1618
1634
  --prettylights-syntax-markup-heading: #316dca; /** Syntax highlighting color for headings in markdown */
1619
1635
  --prettylights-syntax-markup-ignored-bg: #255ab2; /** Background color for ignored content in diffs */
1620
- --prettylights-syntax-markup-ignored-text: #f0f6fc; /** Text color for ignored content in diffs */
1636
+ --prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
1621
1637
  --prettylights-syntax-markup-inserted-bg: #1b4721; /** Background color for inserted lines in diff views */
1622
1638
  --prettylights-syntax-markup-inserted-text: #b4f1b4; /** Text color for inserted lines in diff views */
1623
- --prettylights-syntax-markup-italic: #f0f6fc; /** Syntax highlighting color for italic text in markdown */
1639
+ --prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
1624
1640
  --prettylights-syntax-markup-list: #eac55f; /** Syntax highlighting color for list markers in markdown */
1625
1641
  --prettylights-syntax-metaDiffRange: #dcbdfb; /** Syntax highlighting color for diff range information (@@ lines) */
1626
- --prettylights-syntax-storageModifierImport: #f0f6fc; /** Syntax highlighting color for import and require statements */
1642
+ --prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
1627
1643
  --prettylights-syntax-string: #96d0ff; /** Syntax highlighting color for string literals */
1628
1644
  --prettylights-syntax-stringRegexp: #8ddb8c; /** Syntax highlighting color for regular expression literals */
1629
- --prettylights-syntax-sublimeLinterGutterMark: #3d444d; /** Color for linter gutter marks in code editors */
1645
+ --prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
1630
1646
  --prettylights-syntax-variable: #f69d50; /** Syntax highlighting color for variables and parameters */
1631
1647
  --progressBar-track-borderColor: #00000000;
1632
1648
  --reactionButton-selected-bgColor-rest: #4184e433;
1633
1649
  --reactionButton-selected-fgColor-hover: #6cb6ff;
1634
1650
  --selectMenu-bgColor-active: #143d79;
1635
- --sideNav-bgColor-selected: #212830;
1636
- --skeletonLoader-bgColor: #656c7633;
1637
- --timelineBadge-bgColor: #262c36;
1651
+ --shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
1652
+ --shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
1653
+ --shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
1654
+ --shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
1655
+ --sideNav-bgColor-selected: #252b27;
1656
+ --skeletonLoader-bgColor: #58635b33;
1657
+ --timelineBadge-bgColor: #252b27;
1638
1658
  --topicTag-borderColor: #00000000;
1639
1659
  --underlineNav-borderColor-active: #ec775c;
1640
- --ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
1641
- --avatar-bgColor: #cdd9e51a;
1642
- --bgColor-black: #010409; /** Pure black background */
1660
+ --avatar-borderColor: var(--borderColor-translucent);
1643
1661
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
1644
1662
  --bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
1645
1663
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
1646
1664
  --bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
1647
- --bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
1648
1665
  --bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
1649
1666
  --bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
1650
1667
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1651
1668
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1652
- --bgColor-white: #cdd9e5; /** Pure white background */
1653
1669
  --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1654
1670
  --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1655
1671
  --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
@@ -1669,6 +1685,7 @@
1669
1685
  --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1670
1686
  --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1671
1687
  --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1688
+ --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. */
1672
1689
  --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1673
1690
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1674
1691
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -1676,13 +1693,11 @@
1676
1693
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1677
1694
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
1678
1695
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
1679
- --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1680
1696
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
1681
1697
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
1682
1698
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1683
1699
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1684
1700
  --button-danger-fgColor-disabled: #e5534b80;
1685
- --button-danger-iconColor-hover: #cdd9e5;
1686
1701
  --button-default-bgColor-active: var(--control-bgColor-active);
1687
1702
  --button-default-bgColor-hover: var(--control-bgColor-hover);
1688
1703
  --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1696,13 +1711,11 @@
1696
1711
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1697
1712
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
1698
1713
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1699
- --button-outline-fgColor-active: #cdd9e5;
1700
1714
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1701
- --button-primary-fgColor-disabled: #cdd9e566;
1715
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1716
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1702
1717
  --buttonCounter-danger-bgColor-disabled: #c93c370d;
1703
- --buttonCounter-danger-bgColor-hover: #cdd9e533;
1704
1718
  --buttonCounter-danger-fgColor-disabled: #e5534b80;
1705
- --buttonCounter-danger-fgColor-hover: #cdd9e5;
1706
1719
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1707
1720
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1708
1721
  --buttonCounter-outline-bgColor-disabled: #316dca0d;
@@ -1726,6 +1739,7 @@
1726
1739
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1727
1740
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1728
1741
  --buttonKeybindingHint-primary-borderColor-rest: #1134171a;
1742
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1729
1743
  --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1730
1744
  --card-bgColor: var(--bgColor-muted);
1731
1745
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
@@ -1751,6 +1765,7 @@
1751
1765
  --color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
1752
1766
  --color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
1753
1767
  --color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
1768
+ --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
1754
1769
  --color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
1755
1770
  --color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
1756
1771
  --color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
@@ -1803,7 +1818,6 @@
1803
1818
  --control-fgColor-rest: var(--fgColor-default);
1804
1819
  --control-iconColor-rest: var(--fgColor-muted);
1805
1820
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1806
- --controlKnob-bgColor-checked: #cdd9e5;
1807
1821
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1808
1822
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1809
1823
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
@@ -1827,15 +1841,11 @@
1827
1841
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1828
1842
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1829
1843
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1830
- --fgColor-black: #010409; /** Pure black text */
1831
1844
  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
1832
1845
  --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
1833
- --fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
1834
1846
  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
1835
1847
  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
1836
- --fgColor-white: #cdd9e5; /** Pure white text */
1837
1848
  --focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
1838
- --header-fgColor-default: #cdd9e5b3;
1839
1849
  --page-header-bgColor: var(--bgColor-default);
1840
1850
  --prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
1841
1851
  --prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
@@ -1861,31 +1871,26 @@
1861
1871
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1862
1872
  --selectMenu-borderColor: var(--borderColor-default);
1863
1873
  --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
1864
- --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1865
- --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 */
1866
- --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 */
1867
- --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1868
- --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1869
- --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1870
- --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
1871
- --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
1874
+ --shadow-floating-large: 0 0 0 1px #3b443e, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
1875
+ --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 */
1876
+ --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 */
1877
+ --shadow-floating-xlarge: 0 0 0 1px #3b443e, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
1872
1878
  --tooltip-bgColor: var(--bgColor-emphasis);
1873
1879
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1874
1880
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1875
1881
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1876
1882
  --underlineNav-iconColor-rest: var(--fgColor-muted);
1877
- --avatar-borderColor: var(--borderColor-translucent);
1878
1883
  --border-closed-emphasis: var(--border-danger-emphasis);
1879
1884
  --border-closed-muted: var(--border-danger-muted);
1880
1885
  --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1881
1886
  --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1882
1887
  --border-open-emphasis: var(--border-success-emphasis);
1883
1888
  --border-open-muted: var(--border-success-muted);
1884
- --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. */
1885
1889
  --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1886
1890
  --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1887
1891
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1888
1892
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1893
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1889
1894
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1890
1895
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1891
1896
  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1897,16 +1902,14 @@
1897
1902
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1898
1903
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1899
1904
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1900
- --button-primary-borderColor-rest: var(--borderColor-translucent);
1901
- --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1905
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1906
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1902
1907
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1903
1908
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1904
1909
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1905
1910
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1906
1911
  --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
1907
1912
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1908
- --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1909
- --color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
1910
1913
  --color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
1911
1914
  --color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
1912
1915
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -1919,11 +1922,8 @@
1919
1922
  --prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
1920
1923
  --prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
1921
1924
  --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1922
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1925
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1923
1926
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1924
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1925
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1926
1927
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1927
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1928
1928
  }
1929
1929
  }