@primer/primitives 10.2.0 → 10.3.0-rc.37645a3a

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 (95) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +2 -2
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/figmaAttributes.js +2 -1
  12. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  13. package/dist/build/utilities/asArray.d.ts +1 -0
  14. package/dist/build/utilities/asArray.js +1 -0
  15. package/dist/css/functional/size/border.css +5 -5
  16. package/dist/css/functional/size/size.css +15 -15
  17. package/dist/css/functional/size/viewport.css +2 -2
  18. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  19. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  20. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  21. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  22. package/dist/css/functional/themes/dark.css +416 -416
  23. package/dist/css/functional/themes/light-colorblind.css +444 -444
  24. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  25. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  26. package/dist/css/functional/themes/light.css +444 -444
  27. package/dist/css/primitives.css +20 -20
  28. package/dist/docs/base/motion/motion.json +88 -73
  29. package/dist/docs/base/size/size.json +94 -75
  30. package/dist/docs/base/typography/typography.json +14 -10
  31. package/dist/docs/functional/motion/motion.json +19 -15
  32. package/dist/docs/functional/size/border.json +139 -125
  33. package/dist/docs/functional/size/breakpoints.json +31 -25
  34. package/dist/docs/functional/size/size-coarse.json +13 -10
  35. package/dist/docs/functional/size/size-fine.json +9 -6
  36. package/dist/docs/functional/size/size.json +499 -433
  37. package/dist/docs/functional/size/viewport.json +32 -26
  38. package/dist/docs/functional/themes/dark-colorblind.json +7175 -6545
  39. package/dist/docs/functional/themes/dark-dimmed.json +7181 -6473
  40. package/dist/docs/functional/themes/dark-high-contrast.json +7445 -6789
  41. package/dist/docs/functional/themes/dark-tritanopia.json +7164 -6498
  42. package/dist/docs/functional/themes/dark.json +7202 -6494
  43. package/dist/docs/functional/themes/light-colorblind.json +7096 -6466
  44. package/dist/docs/functional/themes/light-high-contrast.json +7326 -6660
  45. package/dist/docs/functional/themes/light-tritanopia.json +7109 -6479
  46. package/dist/docs/functional/themes/light.json +7159 -6451
  47. package/dist/docs/functional/typography/typography.json +518 -472
  48. package/dist/figma/figma.json +3 -3
  49. package/dist/figma/shadows/dark-colorblind.json +115 -115
  50. package/dist/figma/shadows/light-colorblind.json +105 -105
  51. package/dist/figma/themes/dark-colorblind.json +5553 -5553
  52. package/dist/figma/themes/dark-dimmed.json +5162 -5162
  53. package/dist/figma/themes/dark-high-contrast.json +4196 -4196
  54. package/dist/figma/themes/dark-tritanopia.json +5211 -5211
  55. package/dist/figma/themes/dark.json +5537 -5537
  56. package/dist/figma/themes/light-colorblind.json +5501 -5501
  57. package/dist/figma/themes/light-high-contrast.json +4176 -4176
  58. package/dist/figma/themes/light-tritanopia.json +5077 -5077
  59. package/dist/figma/themes/light.json +1950 -1950
  60. package/dist/internalCss/dark-colorblind.css +1148 -1148
  61. package/dist/internalCss/dark-dimmed.css +1138 -1138
  62. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  63. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  64. package/dist/internalCss/dark.css +1150 -1150
  65. package/dist/internalCss/light-colorblind.css +1152 -1152
  66. package/dist/internalCss/light-high-contrast.css +1166 -1166
  67. package/dist/internalCss/light-tritanopia.css +1156 -1156
  68. package/dist/internalCss/light.css +1158 -1158
  69. package/dist/styleLint/base/motion/motion.json +97 -82
  70. package/dist/styleLint/base/size/size.json +102 -83
  71. package/dist/styleLint/base/typography/typography.json +16 -12
  72. package/dist/styleLint/functional/motion/motion.json +22 -18
  73. package/dist/styleLint/functional/size/border.json +140 -126
  74. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  75. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  76. package/dist/styleLint/functional/size/size-fine.json +10 -7
  77. package/dist/styleLint/functional/size/size.json +486 -420
  78. package/dist/styleLint/functional/size/viewport.json +36 -30
  79. package/dist/styleLint/functional/themes/dark-colorblind.json +6927 -6297
  80. package/dist/styleLint/functional/themes/dark-dimmed.json +7372 -6664
  81. package/dist/styleLint/functional/themes/dark-high-contrast.json +7472 -6816
  82. package/dist/styleLint/functional/themes/dark-tritanopia.json +7051 -6385
  83. package/dist/styleLint/functional/themes/dark.json +7180 -6472
  84. package/dist/styleLint/functional/themes/light-colorblind.json +7042 -6412
  85. package/dist/styleLint/functional/themes/light-high-contrast.json +7418 -6752
  86. package/dist/styleLint/functional/themes/light-tritanopia.json +6926 -6296
  87. package/dist/styleLint/functional/themes/light.json +7093 -6385
  88. package/dist/styleLint/functional/typography/typography.json +520 -474
  89. package/package.json +2 -2
  90. package/src/tokens/component/diffBlob.json5 +293 -0
  91. package/src/tokens/component/highlight.json5 +23 -0
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -302
  93. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  94. package/src/tokens/functional/color/light/app-light.json5 +1 -274
  95. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
@@ -2,69 +2,42 @@
2
2
  [data-color-mode="light"][data-light-theme="light"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="light"],
4
4
  [data-color-mode="auto"][data-light-theme="light"] ::backdrop {
5
- --avatar-bgColor: #ffffff;
6
- --avatar-borderColor: #1f232826;
7
- --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
5
+ --bgColor-success-emphasis: #1f883d;
6
+ --button-danger-bgColor-active: #8b0820;
7
+ --button-outline-bgColor-active: #0757ba;
8
+ --button-primary-bgColor-active: #197935;
9
+ --button-primary-bgColor-disabled: #95d8a6;
10
+ --button-primary-bgColor-hover: #1c8139;
11
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
12
+ --color-ansi-cyan: #1b7c83;
13
+ --color-ansi-cyan-bright: #3192aa;
14
+ --control-checked-bgColor-active: #0757ba;
15
+ --control-checked-bgColor-hover: #0860ca;
16
+ --fgColor-danger: #d1242f;
17
+ --reactionButton-selected-bgColor-hover: #caecff;
8
18
  --avatarStack-fade-bgColor-default: #c8d1da;
9
19
  --avatarStack-fade-bgColor-muted: #dae0e7;
10
20
  --bgColor-accent-emphasis: #0969da;
11
21
  --bgColor-accent-muted: #ddf4ff;
12
22
  --bgColor-attention-emphasis: #9a6700;
13
23
  --bgColor-attention-muted: #fff8c5;
14
- --bgColor-black: #1f2328;
15
- --bgColor-closed-emphasis: #cf222e;
16
- --bgColor-closed-muted: #ffebe9;
17
24
  --bgColor-danger-emphasis: #cf222e;
18
25
  --bgColor-danger-muted: #ffebe9;
19
- --bgColor-default: #ffffff;
20
26
  --bgColor-disabled: #eff2f5;
21
27
  --bgColor-done-emphasis: #8250df;
22
28
  --bgColor-done-muted: #fbefff;
23
29
  --bgColor-emphasis: #25292e;
24
- --bgColor-inset: #f6f8fa;
25
30
  --bgColor-inverse: #25292e;
26
31
  --bgColor-muted: #f6f8fa;
27
32
  --bgColor-neutral-emphasis: #59636e;
28
33
  --bgColor-neutral-muted: #818b981f;
29
- --bgColor-open-emphasis: #1f883d;
30
- --bgColor-open-muted: #dafbe1;
34
+ --bgColor-open-emphasis: var(--bgColor-success-emphasis);
31
35
  --bgColor-severe-emphasis: #bc4c00;
32
36
  --bgColor-severe-muted: #fff1e5;
33
37
  --bgColor-sponsors-emphasis: #bf3989;
34
38
  --bgColor-sponsors-muted: #ffeff7;
35
- --bgColor-success-emphasis: #1f883d;
36
39
  --bgColor-success-muted: #dafbe1;
37
40
  --bgColor-transparent: #ffffff00;
38
- --bgColor-upsell-emphasis: #8250df;
39
- --bgColor-upsell-muted: #fbefff;
40
- --bgColor-white: #ffffff;
41
- --border-accent-emphasis: 0.0625rem solid #0969da;
42
- --border-accent-muted: 0.0625rem solid #54aeff66;
43
- --border-attention-emphasis: 0.0625rem solid #9a6700;
44
- --border-attention-muted: 0.0625rem solid #d4a72c66;
45
- --border-closed-emphasis: 0.0625rem solid #cf222e;
46
- --border-closed-muted: 0.0625rem solid #ff818266;
47
- --border-danger-emphasis: 0.0625rem solid #cf222e;
48
- --border-danger-muted: 0.0625rem solid #ff818266;
49
- --border-default: 0.0625rem solid #d1d9e0;
50
- --border-disabled: 0.0625rem solid #818b981a;
51
- --border-done-emphasis: 0.0625rem solid #8250df;
52
- --border-done-muted: 0.0625rem solid #c297ff66;
53
- --border-emphasis: 0.0625rem solid #818b98;
54
- --border-muted: 0.0625rem solid #d1d9e0b3;
55
- --border-neutral-emphasis: 0.0625rem solid #59636e;
56
- --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
57
- --border-open-emphasis: 0.0625rem solid #1a7f37;
58
- --border-open-muted: 0.0625rem solid #4ac26b66;
59
- --border-severe-emphasis: 0.0625rem solid #bc4c00;
60
- --border-severe-muted: 0.0625rem solid #fb8f4466;
61
- --border-sponsors-emphasis: 0.0625rem solid #bf3989;
62
- --border-sponsors-muted: 0.0625rem solid #ff80c866;
63
- --border-success-emphasis: 0.0625rem solid #1a7f37;
64
- --border-success-muted: 0.0625rem solid #4ac26b66;
65
- --border-transparent: 0.0625rem solid #ffffff00;
66
- --border-upsell-emphasis: 0.0625rem solid #8250df;
67
- --border-upsell-muted: 0.0625rem solid #c297ff66;
68
41
  --borderColor-accent-emphasis: #0969da;
69
42
  --borderColor-accent-muted: #54aeff66;
70
43
  --borderColor-attention-emphasis: #9a6700;
@@ -78,114 +51,31 @@
78
51
  --borderColor-done-emphasis: #8250df;
79
52
  --borderColor-done-muted: #c297ff66;
80
53
  --borderColor-emphasis: #818b98;
81
- --borderColor-muted: #d1d9e0b3;
82
54
  --borderColor-neutral-emphasis: #59636e;
83
- --borderColor-neutral-muted: #d1d9e0b3;
84
- --borderColor-open-emphasis: #1a7f37;
85
- --borderColor-open-muted: #4ac26b66;
86
55
  --borderColor-severe-emphasis: #bc4c00;
87
56
  --borderColor-severe-muted: #fb8f4466;
88
57
  --borderColor-sponsors-emphasis: #bf3989;
89
58
  --borderColor-sponsors-muted: #ff80c866;
90
59
  --borderColor-success-emphasis: #1a7f37;
91
60
  --borderColor-success-muted: #4ac26b66;
92
- --borderColor-translucent: #1f232826;
93
61
  --borderColor-transparent: #ffffff00;
94
- --borderColor-upsell-emphasis: #8250df;
95
- --borderColor-upsell-muted: #c297ff66;
96
- --button-danger-bgColor-active: #8b0820;
97
- --button-danger-bgColor-disabled: #eff2f5;
98
62
  --button-danger-bgColor-hover: #a40e26;
99
- --button-danger-bgColor-rest: #f6f8fa;
100
- --button-danger-borderColor-active: #1f232826;
101
- --button-danger-borderColor-hover: #1f232826;
102
- --button-danger-borderColor-rest: #d1d9e0;
103
- --button-danger-fgColor-active: #ffffff;
104
63
  --button-danger-fgColor-disabled: #d1242f80;
105
- --button-danger-fgColor-hover: #ffffff;
106
- --button-danger-fgColor-rest: #d1242f;
107
- --button-danger-iconColor-hover: #ffffff;
108
- --button-danger-iconColor-rest: #d1242f;
64
+ --button-danger-fgColor-rest: var(--fgColor-danger);
65
+ --button-danger-iconColor-rest: var(--fgColor-danger);
109
66
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
110
- --button-default-bgColor-active: #e6eaef;
111
- --button-default-bgColor-disabled: #eff2f5;
112
- --button-default-bgColor-hover: #eff2f5;
113
- --button-default-bgColor-rest: #f6f8fa;
114
- --button-default-bgColor-selected: #e6eaef;
115
- --button-default-borderColor-active: #d1d9e0;
116
- --button-default-borderColor-disabled: #818b981a;
117
- --button-default-borderColor-hover: #d1d9e0;
118
- --button-default-borderColor-rest: #d1d9e0;
119
- --button-default-fgColor-rest: #25292e;
120
- --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
121
67
  --button-inactive-bgColor: #e6eaef;
122
68
  --button-inactive-fgColor: #59636e;
123
- --button-invisible-bgColor-active: #818b9826;
124
69
  --button-invisible-bgColor-disabled: #ffffff00;
125
- --button-invisible-bgColor-hover: #818b981a;
126
- --button-invisible-bgColor-rest: #ffffff00;
127
70
  --button-invisible-borderColor-disabled: #ffffff00;
128
- --button-invisible-borderColor-hover: #ffffff00;
129
- --button-invisible-borderColor-rest: #ffffff00;
130
- --button-invisible-fgColor-active: #25292e;
131
- --button-invisible-fgColor-disabled: #818b98;
132
- --button-invisible-fgColor-hover: #25292e;
133
- --button-invisible-fgColor-rest: #25292e;
134
- --button-invisible-iconColor-disabled: #818b98;
135
- --button-invisible-iconColor-hover: #59636e;
136
- --button-invisible-iconColor-rest: #59636e;
137
- --button-outline-bgColor-active: #0757ba;
138
- --button-outline-bgColor-disabled: #eff2f5;
139
- --button-outline-bgColor-hover: #0969da;
140
- --button-outline-bgColor-rest: #f6f8fa;
141
- --button-outline-borderColor-active: #1f232826;
142
- --button-outline-borderColor-hover: #1f232826;
143
- --button-outline-fgColor-active: #ffffff;
144
- --button-outline-fgColor-disabled: #0969da80;
145
- --button-outline-fgColor-hover: #ffffff;
146
- --button-outline-fgColor-rest: #0969da;
147
71
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
148
- --button-primary-bgColor-active: #197935;
149
- --button-primary-bgColor-disabled: #95d8a6;
150
- --button-primary-bgColor-hover: #1c8139;
151
- --button-primary-bgColor-rest: #1f883d;
152
- --button-primary-borderColor-active: #1f232826;
153
- --button-primary-borderColor-disabled: #95d8a6;
154
- --button-primary-borderColor-hover: #1f232826;
155
- --button-primary-borderColor-rest: #1f232826;
156
- --button-primary-fgColor-disabled: #ffffffcc;
157
- --button-primary-fgColor-rest: #ffffff;
158
- --button-primary-iconColor-rest: #ffffffcc;
72
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
73
+ --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
159
74
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
160
75
  --button-star-iconColor: #eac54f;
161
- --buttonCounter-danger-bgColor-disabled: #cf222e0d;
162
- --buttonCounter-danger-bgColor-hover: #ffffff33;
163
- --buttonCounter-danger-bgColor-rest: #cf222e1a;
164
76
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
165
- --buttonCounter-danger-fgColor-hover: #ffffff;
166
- --buttonCounter-danger-fgColor-rest: #c21c2c;
167
- --buttonCounter-default-bgColor-rest: #818b981f;
168
- --buttonCounter-invisible-bgColor-rest: #818b981f;
169
- --buttonCounter-outline-bgColor-disabled: #0969da0d;
170
- --buttonCounter-outline-bgColor-hover: #ffffff33;
171
- --buttonCounter-outline-bgColor-rest: #0969da1a;
172
- --buttonCounter-outline-fgColor-disabled: #0969da80;
173
- --buttonCounter-outline-fgColor-hover: #ffffff;
174
77
  --buttonCounter-outline-fgColor-rest: #0550ae;
175
78
  --buttonCounter-primary-bgColor-rest: #002d1133;
176
- --card-bgColor: #ffffff;
177
- --codeMirror-activeline-bgColor: #818b981f;
178
- --codeMirror-bgColor: #ffffff;
179
- --codeMirror-cursor-fgColor: #1f2328;
180
- --codeMirror-fgColor: #1f2328;
181
- --codeMirror-gutterMarker-fgColor-default: #ffffff;
182
- --codeMirror-gutterMarker-fgColor-muted: #59636e;
183
- --codeMirror-gutters-bgColor: #ffffff;
184
- --codeMirror-lineNumber-fgColor: #59636e;
185
- --codeMirror-lines-bgColor: #ffffff;
186
- --codeMirror-matchingBracket-fgColor: #1f2328;
187
- --codeMirror-selection-bgColor: #54aeff66;
188
- --codeMirror-syntax-fgColor-comment: #1f2328;
189
79
  --codeMirror-syntax-fgColor-constant: #0550ae;
190
80
  --codeMirror-syntax-fgColor-entity: #8250df;
191
81
  --codeMirror-syntax-fgColor-keyword: #cf222e;
@@ -193,12 +83,9 @@
193
83
  --codeMirror-syntax-fgColor-string: #0a3069;
194
84
  --codeMirror-syntax-fgColor-support: #0550ae;
195
85
  --codeMirror-syntax-fgColor-variable: #953800;
196
- --color-ansi-black: #1f2328;
197
86
  --color-ansi-black-bright: #393f46;
198
87
  --color-ansi-blue: #0969da;
199
88
  --color-ansi-blue-bright: #218bff;
200
- --color-ansi-cyan: #1b7c83;
201
- --color-ansi-cyan-bright: #3192aa;
202
89
  --color-ansi-gray: #59636e;
203
90
  --color-ansi-green: #116329;
204
91
  --color-ansi-green-bright: #1a7f37;
@@ -222,7 +109,6 @@
222
109
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
223
110
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
224
111
  --color-prettylights-syntax-keyword: #cf222e;
225
- --color-prettylights-syntax-markup-bold: #1f2328;
226
112
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
227
113
  --color-prettylights-syntax-markup-changed-text: #953800;
228
114
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
@@ -232,68 +118,31 @@
232
118
  --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
233
119
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
234
120
  --color-prettylights-syntax-markup-inserted-text: #116329;
235
- --color-prettylights-syntax-markup-italic: #1f2328;
236
121
  --color-prettylights-syntax-markup-list: #3b2300;
237
122
  --color-prettylights-syntax-meta-diff-range: #8250df;
238
- --color-prettylights-syntax-storage-modifier-import: #1f2328;
239
123
  --color-prettylights-syntax-string: #0a3069;
240
124
  --color-prettylights-syntax-string-regexp: #116329;
241
125
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
242
126
  --color-prettylights-syntax-variable: #953800;
243
127
  --control-bgColor-active: #e6eaef;
244
- --control-bgColor-disabled: #eff2f5;
245
128
  --control-bgColor-hover: #eff2f5;
246
129
  --control-bgColor-rest: #f6f8fa;
247
- --control-bgColor-selected: #f6f8fa;
248
- --control-borderColor-danger: #cf222e;
249
- --control-borderColor-disabled: #818b981a;
250
- --control-borderColor-emphasis: #818b98;
251
- --control-borderColor-rest: #d1d9e0;
252
- --control-borderColor-selected: #f6f8fa;
253
- --control-borderColor-success: #1a7f37;
254
- --control-borderColor-warning: #9a6700;
255
- --control-checked-bgColor-active: #0757ba;
256
- --control-checked-bgColor-disabled: #818b98;
257
- --control-checked-bgColor-hover: #0860ca;
258
- --control-checked-bgColor-rest: #0969da;
259
- --control-checked-borderColor-active: #0757ba;
260
- --control-checked-borderColor-disabled: #818b98;
261
- --control-checked-borderColor-hover: #0860ca;
262
- --control-checked-borderColor-rest: #0969da;
263
- --control-checked-fgColor-disabled: #ffffff;
264
- --control-checked-fgColor-rest: #ffffff;
265
- --control-danger-bgColor-active: #ffebe966;
266
- --control-danger-bgColor-hover: #ffebe9;
267
- --control-danger-fgColor-hover: #d1242f;
268
- --control-danger-fgColor-rest: #d1242f;
269
- --control-fgColor-disabled: #818b98;
270
- --control-fgColor-placeholder: #59636e;
130
+ --control-checked-borderColor-active: var(--control-checked-bgColor-active);
131
+ --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
132
+ --control-danger-fgColor-hover: var(--fgColor-danger);
133
+ --control-danger-fgColor-rest: var(--fgColor-danger);
271
134
  --control-fgColor-rest: #25292e;
272
- --control-iconColor-rest: #59636e;
273
135
  --control-transparent-bgColor-active: #818b9826;
274
- --control-transparent-bgColor-disabled: #eff2f5;
275
136
  --control-transparent-bgColor-hover: #818b981a;
276
137
  --control-transparent-bgColor-rest: #ffffff00;
277
138
  --control-transparent-bgColor-selected: #818b9826;
278
139
  --control-transparent-borderColor-active: #ffffff00;
279
140
  --control-transparent-borderColor-hover: #ffffff00;
280
141
  --control-transparent-borderColor-rest: #ffffff00;
281
- --controlKnob-bgColor-checked: #ffffff;
282
- --controlKnob-bgColor-disabled: #eff2f5;
283
- --controlKnob-bgColor-rest: #ffffff;
284
- --controlKnob-borderColor-checked: #0969da;
285
- --controlKnob-borderColor-disabled: #eff2f5;
286
- --controlKnob-borderColor-rest: #818b98;
287
142
  --controlTrack-bgColor-active: #dae0e7;
288
- --controlTrack-bgColor-disabled: #818b98;
289
143
  --controlTrack-bgColor-hover: #e0e6eb;
290
144
  --controlTrack-bgColor-rest: #e6eaef;
291
- --controlTrack-borderColor-disabled: #818b98;
292
- --controlTrack-borderColor-rest: #d1d9e0;
293
- --controlTrack-fgColor-disabled: #ffffff;
294
145
  --controlTrack-fgColor-rest: #59636e;
295
- --counter-bgColor-emphasis: #59636e;
296
- --counter-bgColor-muted: #818b981f;
297
146
  --counter-borderColor: #ffffff00;
298
147
  --data-auburn-color-emphasis: #9d615c;
299
148
  --data-auburn-color-muted: #f2e9e9;
@@ -315,27 +164,11 @@
315
164
  --data-teal-color-muted: #c7f5ef;
316
165
  --data-yellow-color-emphasis: #b88700;
317
166
  --data-yellow-color-muted: #ffec9e;
318
- --diffBlob-additionLine-bgColor: #dafbe1;
319
- --diffBlob-additionLine-fgColor: #1f2328;
320
167
  --diffBlob-additionNum-bgColor: #aceebb;
321
- --diffBlob-additionNum-fgColor: #1f2328;
322
168
  --diffBlob-additionWord-bgColor: #aceebb;
323
- --diffBlob-additionWord-fgColor: #1f2328;
324
- --diffBlob-deletionLine-bgColor: #ffebe9;
325
- --diffBlob-deletionLine-fgColor: #1f2328;
326
169
  --diffBlob-deletionNum-bgColor: #ffcecb;
327
- --diffBlob-deletionNum-fgColor: #1f2328;
328
170
  --diffBlob-deletionWord-bgColor: #ffcecb;
329
- --diffBlob-deletionWord-fgColor: #1f2328;
330
- --diffBlob-emptyLine-bgColor: #f6f8fa;
331
- --diffBlob-emptyNum-bgColor: #f6f8fa;
332
- --diffBlob-expander-iconColor: #59636e;
333
- --diffBlob-hunkLine-bgColor: #ddf4ff;
334
- --diffBlob-hunkLine-fgColor: #59636e;
335
- --diffBlob-hunkNum-bgColor-hover: #0969da;
336
171
  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
337
- --diffBlob-hunkNum-fgColor-hover: #ffffff;
338
- --diffBlob-hunkNum-fgColor-rest: #1f2328;
339
172
  --display-auburn-bgColor-emphasis: #9d615c;
340
173
  --display-auburn-bgColor-muted: #f2e9e9;
341
174
  --display-auburn-borderColor-emphasis: #9d615c;
@@ -433,29 +266,16 @@
433
266
  --display-yellow-fgColor: #805900;
434
267
  --fgColor-accent: #0969da;
435
268
  --fgColor-attention: #9a6700;
436
- --fgColor-black: #1f2328;
437
- --fgColor-closed: #d1242f;
438
- --fgColor-danger: #d1242f;
439
- --fgColor-default: #1f2328;
269
+ --fgColor-closed: var(--fgColor-danger);
440
270
  --fgColor-disabled: #818b98;
441
271
  --fgColor-done: #8250df;
442
- --fgColor-link: #0969da;
443
272
  --fgColor-muted: #59636e;
444
273
  --fgColor-neutral: #59636e;
445
- --fgColor-onEmphasis: #ffffff;
446
- --fgColor-onInverse: #ffffff;
447
- --fgColor-open: #1a7f37;
448
274
  --fgColor-severe: #bc4c00;
449
275
  --fgColor-sponsors: #bf3989;
450
276
  --fgColor-success: #1a7f37;
451
- --fgColor-upsell: #8250df;
452
- --fgColor-white: #ffffff;
453
- --focus-outline: 2px solid #0969da;
454
- --focus-outlineColor: #0969da;
455
277
  --header-bgColor: #25292e;
456
278
  --header-borderColor-divider: #818b98;
457
- --header-fgColor-default: #ffffffb3;
458
- --header-fgColor-logo: #ffffff;
459
279
  --headerSearch-bgColor: #25292e;
460
280
  --headerSearch-borderColor: #818b98;
461
281
  --highlight-neutral-bgColor: #fff8c5;
@@ -575,102 +395,255 @@
575
395
  --label-yellow-fgColor-rest: #805900;
576
396
  --menu-bgColor-active: #ffffff00;
577
397
  --overlay-backdrop-bgColor: #c8d1da66;
578
- --overlay-bgColor: #ffffff;
579
- --overlay-borderColor: #d1d9e080;
580
- --page-header-bgColor: #f6f8fa;
581
- --reactionButton-selected-bgColor-hover: #caecff;
582
398
  --reactionButton-selected-bgColor-rest: #ddf4ff;
583
399
  --reactionButton-selected-fgColor-hover: #0550ae;
584
- --reactionButton-selected-fgColor-rest: #0969da;
585
400
  --selectMenu-bgColor-active: #b6e3ff;
586
401
  --selectMenu-borderColor: #ffffff00;
587
- --selection-bgColor: #0969da33;
588
- --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
589
402
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
590
- --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
591
- --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
592
- --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
593
- --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
594
403
  --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
595
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
596
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
597
- --sideNav-bgColor-selected: #ffffff;
598
404
  --skeletonLoader-bgColor: #818b981a;
599
- --timelineBadge-bgColor: #f6f8fa;
600
- --tooltip-bgColor: #25292e;
601
- --tooltip-fgColor: #ffffff;
602
405
  --topicTag-borderColor: #ffffff00;
603
406
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
604
407
  --underlineNav-borderColor-active: #fd8c73;
605
- --underlineNav-borderColor-hover: #d1d9e0b3;
606
- --underlineNav-iconColor-rest: #59636e;
408
+ --avatar-bgColor: #ffffff;
409
+ --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
410
+ --bgColor-black: #1f2328;
411
+ --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
412
+ --bgColor-closed-muted: var(--bgColor-danger-muted);
413
+ --bgColor-default: #ffffff;
414
+ --bgColor-inset: var(--bgColor-muted);
415
+ --bgColor-open-muted: var(--bgColor-success-muted);
416
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
417
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
418
+ --bgColor-white: #ffffff;
419
+ --border-accent-emphasis: 0.0625rem solid #0969da;
420
+ --border-accent-muted: 0.0625rem solid #54aeff66;
421
+ --border-attention-emphasis: 0.0625rem solid #9a6700;
422
+ --border-attention-muted: 0.0625rem solid #d4a72c66;
423
+ --border-danger-emphasis: 0.0625rem solid #cf222e;
424
+ --border-danger-muted: 0.0625rem solid #ff818266;
425
+ --border-default: 0.0625rem solid #d1d9e0;
426
+ --border-disabled: 0.0625rem solid #818b981a;
427
+ --border-done-emphasis: 0.0625rem solid #8250df;
428
+ --border-done-muted: 0.0625rem solid #c297ff66;
429
+ --border-emphasis: 0.0625rem solid #818b98;
430
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
431
+ --border-severe-emphasis: 0.0625rem solid #bc4c00;
432
+ --border-severe-muted: 0.0625rem solid #fb8f4466;
433
+ --border-sponsors-emphasis: 0.0625rem solid #bf3989;
434
+ --border-sponsors-muted: 0.0625rem solid #ff80c866;
435
+ --border-success-emphasis: 0.0625rem solid #1a7f37;
436
+ --border-success-muted: 0.0625rem solid #4ac26b66;
437
+ --border-transparent: 0.0625rem solid #ffffff00;
438
+ --borderColor-muted: #d1d9e0b3;
439
+ --borderColor-open-emphasis: var(--borderColor-success-emphasis);
440
+ --borderColor-open-muted: var(--borderColor-success-muted);
441
+ --borderColor-translucent: #1f232826;
442
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
443
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
444
+ --button-danger-bgColor-rest: var(--control-bgColor-rest);
445
+ --button-danger-fgColor-active: #ffffff;
446
+ --button-danger-fgColor-hover: #ffffff;
447
+ --button-danger-iconColor-hover: #ffffff;
448
+ --button-default-bgColor-active: var(--control-bgColor-active);
449
+ --button-default-bgColor-hover: var(--control-bgColor-hover);
450
+ --button-default-bgColor-rest: var(--control-bgColor-rest);
451
+ --button-default-bgColor-selected: var(--control-bgColor-active);
452
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
453
+ --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
454
+ --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
455
+ --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
456
+ --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
457
+ --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
458
+ --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
459
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
460
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
461
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
462
+ --button-invisible-iconColor-hover: var(--fgColor-muted);
463
+ --button-invisible-iconColor-rest: var(--fgColor-muted);
464
+ --button-outline-bgColor-hover: var(--bgColor-accent-emphasis);
465
+ --button-outline-bgColor-rest: var(--control-bgColor-rest);
466
+ --button-outline-fgColor-active: #ffffff;
467
+ --button-outline-fgColor-disabled: #0969da80;
468
+ --button-outline-fgColor-hover: #ffffff;
469
+ --button-outline-fgColor-rest: var(--fgColor-accent);
470
+ --button-primary-borderColor-rest: #1f232826;
471
+ --button-primary-fgColor-disabled: #ffffffcc;
472
+ --buttonCounter-danger-bgColor-disabled: #cf222e0d;
473
+ --buttonCounter-danger-bgColor-hover: #ffffff33;
474
+ --buttonCounter-danger-bgColor-rest: #cf222e1a;
475
+ --buttonCounter-danger-fgColor-hover: #ffffff;
476
+ --buttonCounter-default-bgColor-rest: var(--bgColor-neutral-muted);
477
+ --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
478
+ --buttonCounter-outline-bgColor-disabled: #0969da0d;
479
+ --buttonCounter-outline-bgColor-hover: #ffffff33;
480
+ --buttonCounter-outline-bgColor-rest: #0969da1a;
481
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
482
+ --buttonCounter-outline-fgColor-hover: #ffffff;
483
+ --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
484
+ --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
485
+ --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
486
+ --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
487
+ --codeMirror-syntax-fgColor-comment: #1f2328;
488
+ --color-ansi-black: #1f2328;
489
+ --color-prettylights-syntax-markup-bold: #1f2328;
490
+ --color-prettylights-syntax-markup-italic: #1f2328;
491
+ --color-prettylights-syntax-storage-modifier-import: #1f2328;
492
+ --control-bgColor-disabled: var(--bgColor-disabled);
493
+ --control-bgColor-selected: var(--control-bgColor-rest);
494
+ --control-borderColor-danger: var(--borderColor-danger-emphasis);
495
+ --control-borderColor-disabled: var(--borderColor-disabled);
496
+ --control-borderColor-emphasis: var(--borderColor-emphasis);
497
+ --control-borderColor-rest: var(--borderColor-default);
498
+ --control-borderColor-success: var(--borderColor-success-emphasis);
499
+ --control-borderColor-warning: var(--borderColor-attention-emphasis);
500
+ --control-checked-bgColor-disabled: var(--fgColor-disabled);
501
+ --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
502
+ --control-danger-bgColor-active: #ffebe966;
503
+ --control-danger-bgColor-hover: var(--bgColor-danger-muted);
504
+ --control-fgColor-disabled: var(--fgColor-disabled);
505
+ --control-fgColor-placeholder: var(--fgColor-muted);
506
+ --control-iconColor-rest: var(--fgColor-muted);
507
+ --control-transparent-bgColor-disabled: var(--bgColor-disabled);
508
+ --controlKnob-bgColor-checked: #ffffff;
509
+ --controlKnob-bgColor-rest: #ffffff;
510
+ --controlTrack-bgColor-disabled: var(--fgColor-disabled);
511
+ --controlTrack-borderColor-disabled: var(--fgColor-disabled);
512
+ --controlTrack-borderColor-rest: var(--borderColor-default);
513
+ --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
514
+ --counter-bgColor-muted: var(--bgColor-neutral-muted);
515
+ --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
516
+ --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
517
+ --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
518
+ --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
519
+ --diffBlob-expander-iconColor: var(--fgColor-muted);
520
+ --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
521
+ --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
522
+ --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
523
+ --fgColor-black: #1f2328;
524
+ --fgColor-default: #1f2328;
525
+ --fgColor-link: var(--fgColor-accent);
526
+ --fgColor-onEmphasis: #ffffff;
527
+ --fgColor-onInverse: #ffffff;
528
+ --fgColor-open: var(--fgColor-success);
529
+ --fgColor-upsell: var(--fgColor-done);
530
+ --fgColor-white: #ffffff;
531
+ --focus-outlineColor: var(--borderColor-accent-emphasis);
532
+ --header-fgColor-default: #ffffffb3;
533
+ --header-fgColor-logo: #ffffff;
534
+ --overlay-bgColor: #ffffff;
535
+ --page-header-bgColor: var(--bgColor-muted);
536
+ --selection-bgColor: #0969da33;
537
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
538
+ --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
539
+ --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
540
+ --sideNav-bgColor-selected: #ffffff;
541
+ --timelineBadge-bgColor: var(--bgColor-muted);
542
+ --tooltip-bgColor: var(--bgColor-emphasis);
543
+ --underlineNav-iconColor-rest: var(--fgColor-muted);
544
+ --avatar-borderColor: var(--borderColor-translucent);
545
+ --border-closed-emphasis: var(--border-danger-emphasis);
546
+ --border-closed-muted: var(--border-danger-muted);
547
+ --border-muted: 0.0625rem solid #d1d9e0b3;
548
+ --border-open-emphasis: var(--border-success-emphasis);
549
+ --border-open-muted: var(--border-success-muted);
550
+ --border-upsell-emphasis: 0.0625rem solid #8250df;
551
+ --border-upsell-muted: 0.0625rem solid #c297ff66;
552
+ --borderColor-neutral-muted: var(--borderColor-muted);
553
+ --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
554
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
555
+ --button-danger-borderColor-rest: var(--control-borderColor-rest);
556
+ --button-default-bgColor-disabled: var(--control-bgColor-disabled);
557
+ --button-default-borderColor-active: var(--control-borderColor-rest);
558
+ --button-default-borderColor-disabled: var(--control-borderColor-disabled);
559
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
560
+ --button-default-borderColor-rest: var(--control-borderColor-rest);
561
+ --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
562
+ --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
563
+ --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
564
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
565
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
566
+ --button-primary-fgColor-rest: var(--fgColor-white);
567
+ --button-primary-iconColor-rest: #ffffffcc;
568
+ --card-bgColor: var(--bgColor-default);
569
+ --codeMirror-bgColor: var(--bgColor-default);
570
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
571
+ --codeMirror-fgColor: var(--fgColor-default);
572
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
573
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
574
+ --codeMirror-lines-bgColor: var(--bgColor-default);
575
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
576
+ --control-borderColor-selected: var(--control-bgColor-selected);
577
+ --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
578
+ --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
579
+ --control-checked-fgColor-disabled: var(--fgColor-onEmphasis);
580
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
581
+ --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
582
+ --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
583
+ --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
584
+ --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
585
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
586
+ --diffBlob-additionLine-fgColor: var(--fgColor-default);
587
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
588
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
589
+ --diffBlob-deletionLine-fgColor: var(--fgColor-default);
590
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
591
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
592
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
593
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
594
+ --focus-outline: 2px solid #0969da;
595
+ --overlay-borderColor: #d1d9e080;
596
+ --reactionButton-selected-fgColor-rest: var(--fgColor-link);
597
+ --tooltip-fgColor: var(--fgColor-onEmphasis);
598
+ --underlineNav-borderColor-hover: var(--borderColor-muted);
599
+ --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
600
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
601
+ --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
602
+ --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
603
+ --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
604
+ --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
605
+ --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
606
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
607
607
  }
608
608
  @media (prefers-color-scheme: dark) {
609
609
  [data-color-mode="auto"][data-dark-theme="light"],
610
610
  [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
611
- --avatar-bgColor: #ffffff;
612
- --avatar-borderColor: #1f232826;
613
- --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
611
+ --bgColor-success-emphasis: #1f883d;
612
+ --button-danger-bgColor-active: #8b0820;
613
+ --button-outline-bgColor-active: #0757ba;
614
+ --button-primary-bgColor-active: #197935;
615
+ --button-primary-bgColor-disabled: #95d8a6;
616
+ --button-primary-bgColor-hover: #1c8139;
617
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
618
+ --color-ansi-cyan: #1b7c83;
619
+ --color-ansi-cyan-bright: #3192aa;
620
+ --control-checked-bgColor-active: #0757ba;
621
+ --control-checked-bgColor-hover: #0860ca;
622
+ --fgColor-danger: #d1242f;
623
+ --reactionButton-selected-bgColor-hover: #caecff;
614
624
  --avatarStack-fade-bgColor-default: #c8d1da;
615
625
  --avatarStack-fade-bgColor-muted: #dae0e7;
616
626
  --bgColor-accent-emphasis: #0969da;
617
627
  --bgColor-accent-muted: #ddf4ff;
618
628
  --bgColor-attention-emphasis: #9a6700;
619
629
  --bgColor-attention-muted: #fff8c5;
620
- --bgColor-black: #1f2328;
621
- --bgColor-closed-emphasis: #cf222e;
622
- --bgColor-closed-muted: #ffebe9;
623
630
  --bgColor-danger-emphasis: #cf222e;
624
631
  --bgColor-danger-muted: #ffebe9;
625
- --bgColor-default: #ffffff;
626
632
  --bgColor-disabled: #eff2f5;
627
633
  --bgColor-done-emphasis: #8250df;
628
634
  --bgColor-done-muted: #fbefff;
629
635
  --bgColor-emphasis: #25292e;
630
- --bgColor-inset: #f6f8fa;
631
636
  --bgColor-inverse: #25292e;
632
637
  --bgColor-muted: #f6f8fa;
633
638
  --bgColor-neutral-emphasis: #59636e;
634
639
  --bgColor-neutral-muted: #818b981f;
635
- --bgColor-open-emphasis: #1f883d;
636
- --bgColor-open-muted: #dafbe1;
640
+ --bgColor-open-emphasis: var(--bgColor-success-emphasis);
637
641
  --bgColor-severe-emphasis: #bc4c00;
638
642
  --bgColor-severe-muted: #fff1e5;
639
643
  --bgColor-sponsors-emphasis: #bf3989;
640
644
  --bgColor-sponsors-muted: #ffeff7;
641
- --bgColor-success-emphasis: #1f883d;
642
645
  --bgColor-success-muted: #dafbe1;
643
646
  --bgColor-transparent: #ffffff00;
644
- --bgColor-upsell-emphasis: #8250df;
645
- --bgColor-upsell-muted: #fbefff;
646
- --bgColor-white: #ffffff;
647
- --border-accent-emphasis: 0.0625rem solid #0969da;
648
- --border-accent-muted: 0.0625rem solid #54aeff66;
649
- --border-attention-emphasis: 0.0625rem solid #9a6700;
650
- --border-attention-muted: 0.0625rem solid #d4a72c66;
651
- --border-closed-emphasis: 0.0625rem solid #cf222e;
652
- --border-closed-muted: 0.0625rem solid #ff818266;
653
- --border-danger-emphasis: 0.0625rem solid #cf222e;
654
- --border-danger-muted: 0.0625rem solid #ff818266;
655
- --border-default: 0.0625rem solid #d1d9e0;
656
- --border-disabled: 0.0625rem solid #818b981a;
657
- --border-done-emphasis: 0.0625rem solid #8250df;
658
- --border-done-muted: 0.0625rem solid #c297ff66;
659
- --border-emphasis: 0.0625rem solid #818b98;
660
- --border-muted: 0.0625rem solid #d1d9e0b3;
661
- --border-neutral-emphasis: 0.0625rem solid #59636e;
662
- --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
663
- --border-open-emphasis: 0.0625rem solid #1a7f37;
664
- --border-open-muted: 0.0625rem solid #4ac26b66;
665
- --border-severe-emphasis: 0.0625rem solid #bc4c00;
666
- --border-severe-muted: 0.0625rem solid #fb8f4466;
667
- --border-sponsors-emphasis: 0.0625rem solid #bf3989;
668
- --border-sponsors-muted: 0.0625rem solid #ff80c866;
669
- --border-success-emphasis: 0.0625rem solid #1a7f37;
670
- --border-success-muted: 0.0625rem solid #4ac26b66;
671
- --border-transparent: 0.0625rem solid #ffffff00;
672
- --border-upsell-emphasis: 0.0625rem solid #8250df;
673
- --border-upsell-muted: 0.0625rem solid #c297ff66;
674
647
  --borderColor-accent-emphasis: #0969da;
675
648
  --borderColor-accent-muted: #54aeff66;
676
649
  --borderColor-attention-emphasis: #9a6700;
@@ -684,114 +657,31 @@
684
657
  --borderColor-done-emphasis: #8250df;
685
658
  --borderColor-done-muted: #c297ff66;
686
659
  --borderColor-emphasis: #818b98;
687
- --borderColor-muted: #d1d9e0b3;
688
660
  --borderColor-neutral-emphasis: #59636e;
689
- --borderColor-neutral-muted: #d1d9e0b3;
690
- --borderColor-open-emphasis: #1a7f37;
691
- --borderColor-open-muted: #4ac26b66;
692
661
  --borderColor-severe-emphasis: #bc4c00;
693
662
  --borderColor-severe-muted: #fb8f4466;
694
663
  --borderColor-sponsors-emphasis: #bf3989;
695
664
  --borderColor-sponsors-muted: #ff80c866;
696
665
  --borderColor-success-emphasis: #1a7f37;
697
666
  --borderColor-success-muted: #4ac26b66;
698
- --borderColor-translucent: #1f232826;
699
667
  --borderColor-transparent: #ffffff00;
700
- --borderColor-upsell-emphasis: #8250df;
701
- --borderColor-upsell-muted: #c297ff66;
702
- --button-danger-bgColor-active: #8b0820;
703
- --button-danger-bgColor-disabled: #eff2f5;
704
668
  --button-danger-bgColor-hover: #a40e26;
705
- --button-danger-bgColor-rest: #f6f8fa;
706
- --button-danger-borderColor-active: #1f232826;
707
- --button-danger-borderColor-hover: #1f232826;
708
- --button-danger-borderColor-rest: #d1d9e0;
709
- --button-danger-fgColor-active: #ffffff;
710
669
  --button-danger-fgColor-disabled: #d1242f80;
711
- --button-danger-fgColor-hover: #ffffff;
712
- --button-danger-fgColor-rest: #d1242f;
713
- --button-danger-iconColor-hover: #ffffff;
714
- --button-danger-iconColor-rest: #d1242f;
670
+ --button-danger-fgColor-rest: var(--fgColor-danger);
671
+ --button-danger-iconColor-rest: var(--fgColor-danger);
715
672
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
716
- --button-default-bgColor-active: #e6eaef;
717
- --button-default-bgColor-disabled: #eff2f5;
718
- --button-default-bgColor-hover: #eff2f5;
719
- --button-default-bgColor-rest: #f6f8fa;
720
- --button-default-bgColor-selected: #e6eaef;
721
- --button-default-borderColor-active: #d1d9e0;
722
- --button-default-borderColor-disabled: #818b981a;
723
- --button-default-borderColor-hover: #d1d9e0;
724
- --button-default-borderColor-rest: #d1d9e0;
725
- --button-default-fgColor-rest: #25292e;
726
- --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
727
673
  --button-inactive-bgColor: #e6eaef;
728
674
  --button-inactive-fgColor: #59636e;
729
- --button-invisible-bgColor-active: #818b9826;
730
675
  --button-invisible-bgColor-disabled: #ffffff00;
731
- --button-invisible-bgColor-hover: #818b981a;
732
- --button-invisible-bgColor-rest: #ffffff00;
733
676
  --button-invisible-borderColor-disabled: #ffffff00;
734
- --button-invisible-borderColor-hover: #ffffff00;
735
- --button-invisible-borderColor-rest: #ffffff00;
736
- --button-invisible-fgColor-active: #25292e;
737
- --button-invisible-fgColor-disabled: #818b98;
738
- --button-invisible-fgColor-hover: #25292e;
739
- --button-invisible-fgColor-rest: #25292e;
740
- --button-invisible-iconColor-disabled: #818b98;
741
- --button-invisible-iconColor-hover: #59636e;
742
- --button-invisible-iconColor-rest: #59636e;
743
- --button-outline-bgColor-active: #0757ba;
744
- --button-outline-bgColor-disabled: #eff2f5;
745
- --button-outline-bgColor-hover: #0969da;
746
- --button-outline-bgColor-rest: #f6f8fa;
747
- --button-outline-borderColor-active: #1f232826;
748
- --button-outline-borderColor-hover: #1f232826;
749
- --button-outline-fgColor-active: #ffffff;
750
- --button-outline-fgColor-disabled: #0969da80;
751
- --button-outline-fgColor-hover: #ffffff;
752
- --button-outline-fgColor-rest: #0969da;
753
677
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
754
- --button-primary-bgColor-active: #197935;
755
- --button-primary-bgColor-disabled: #95d8a6;
756
- --button-primary-bgColor-hover: #1c8139;
757
- --button-primary-bgColor-rest: #1f883d;
758
- --button-primary-borderColor-active: #1f232826;
759
- --button-primary-borderColor-disabled: #95d8a6;
760
- --button-primary-borderColor-hover: #1f232826;
761
- --button-primary-borderColor-rest: #1f232826;
762
- --button-primary-fgColor-disabled: #ffffffcc;
763
- --button-primary-fgColor-rest: #ffffff;
764
- --button-primary-iconColor-rest: #ffffffcc;
678
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
679
+ --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
765
680
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
766
681
  --button-star-iconColor: #eac54f;
767
- --buttonCounter-danger-bgColor-disabled: #cf222e0d;
768
- --buttonCounter-danger-bgColor-hover: #ffffff33;
769
- --buttonCounter-danger-bgColor-rest: #cf222e1a;
770
682
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
771
- --buttonCounter-danger-fgColor-hover: #ffffff;
772
- --buttonCounter-danger-fgColor-rest: #c21c2c;
773
- --buttonCounter-default-bgColor-rest: #818b981f;
774
- --buttonCounter-invisible-bgColor-rest: #818b981f;
775
- --buttonCounter-outline-bgColor-disabled: #0969da0d;
776
- --buttonCounter-outline-bgColor-hover: #ffffff33;
777
- --buttonCounter-outline-bgColor-rest: #0969da1a;
778
- --buttonCounter-outline-fgColor-disabled: #0969da80;
779
- --buttonCounter-outline-fgColor-hover: #ffffff;
780
683
  --buttonCounter-outline-fgColor-rest: #0550ae;
781
684
  --buttonCounter-primary-bgColor-rest: #002d1133;
782
- --card-bgColor: #ffffff;
783
- --codeMirror-activeline-bgColor: #818b981f;
784
- --codeMirror-bgColor: #ffffff;
785
- --codeMirror-cursor-fgColor: #1f2328;
786
- --codeMirror-fgColor: #1f2328;
787
- --codeMirror-gutterMarker-fgColor-default: #ffffff;
788
- --codeMirror-gutterMarker-fgColor-muted: #59636e;
789
- --codeMirror-gutters-bgColor: #ffffff;
790
- --codeMirror-lineNumber-fgColor: #59636e;
791
- --codeMirror-lines-bgColor: #ffffff;
792
- --codeMirror-matchingBracket-fgColor: #1f2328;
793
- --codeMirror-selection-bgColor: #54aeff66;
794
- --codeMirror-syntax-fgColor-comment: #1f2328;
795
685
  --codeMirror-syntax-fgColor-constant: #0550ae;
796
686
  --codeMirror-syntax-fgColor-entity: #8250df;
797
687
  --codeMirror-syntax-fgColor-keyword: #cf222e;
@@ -799,12 +689,9 @@
799
689
  --codeMirror-syntax-fgColor-string: #0a3069;
800
690
  --codeMirror-syntax-fgColor-support: #0550ae;
801
691
  --codeMirror-syntax-fgColor-variable: #953800;
802
- --color-ansi-black: #1f2328;
803
692
  --color-ansi-black-bright: #393f46;
804
693
  --color-ansi-blue: #0969da;
805
694
  --color-ansi-blue-bright: #218bff;
806
- --color-ansi-cyan: #1b7c83;
807
- --color-ansi-cyan-bright: #3192aa;
808
695
  --color-ansi-gray: #59636e;
809
696
  --color-ansi-green: #116329;
810
697
  --color-ansi-green-bright: #1a7f37;
@@ -828,7 +715,6 @@
828
715
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
829
716
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
830
717
  --color-prettylights-syntax-keyword: #cf222e;
831
- --color-prettylights-syntax-markup-bold: #1f2328;
832
718
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
833
719
  --color-prettylights-syntax-markup-changed-text: #953800;
834
720
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
@@ -838,68 +724,31 @@
838
724
  --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
839
725
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
840
726
  --color-prettylights-syntax-markup-inserted-text: #116329;
841
- --color-prettylights-syntax-markup-italic: #1f2328;
842
727
  --color-prettylights-syntax-markup-list: #3b2300;
843
728
  --color-prettylights-syntax-meta-diff-range: #8250df;
844
- --color-prettylights-syntax-storage-modifier-import: #1f2328;
845
729
  --color-prettylights-syntax-string: #0a3069;
846
730
  --color-prettylights-syntax-string-regexp: #116329;
847
731
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
848
732
  --color-prettylights-syntax-variable: #953800;
849
733
  --control-bgColor-active: #e6eaef;
850
- --control-bgColor-disabled: #eff2f5;
851
734
  --control-bgColor-hover: #eff2f5;
852
735
  --control-bgColor-rest: #f6f8fa;
853
- --control-bgColor-selected: #f6f8fa;
854
- --control-borderColor-danger: #cf222e;
855
- --control-borderColor-disabled: #818b981a;
856
- --control-borderColor-emphasis: #818b98;
857
- --control-borderColor-rest: #d1d9e0;
858
- --control-borderColor-selected: #f6f8fa;
859
- --control-borderColor-success: #1a7f37;
860
- --control-borderColor-warning: #9a6700;
861
- --control-checked-bgColor-active: #0757ba;
862
- --control-checked-bgColor-disabled: #818b98;
863
- --control-checked-bgColor-hover: #0860ca;
864
- --control-checked-bgColor-rest: #0969da;
865
- --control-checked-borderColor-active: #0757ba;
866
- --control-checked-borderColor-disabled: #818b98;
867
- --control-checked-borderColor-hover: #0860ca;
868
- --control-checked-borderColor-rest: #0969da;
869
- --control-checked-fgColor-disabled: #ffffff;
870
- --control-checked-fgColor-rest: #ffffff;
871
- --control-danger-bgColor-active: #ffebe966;
872
- --control-danger-bgColor-hover: #ffebe9;
873
- --control-danger-fgColor-hover: #d1242f;
874
- --control-danger-fgColor-rest: #d1242f;
875
- --control-fgColor-disabled: #818b98;
876
- --control-fgColor-placeholder: #59636e;
736
+ --control-checked-borderColor-active: var(--control-checked-bgColor-active);
737
+ --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
738
+ --control-danger-fgColor-hover: var(--fgColor-danger);
739
+ --control-danger-fgColor-rest: var(--fgColor-danger);
877
740
  --control-fgColor-rest: #25292e;
878
- --control-iconColor-rest: #59636e;
879
741
  --control-transparent-bgColor-active: #818b9826;
880
- --control-transparent-bgColor-disabled: #eff2f5;
881
742
  --control-transparent-bgColor-hover: #818b981a;
882
743
  --control-transparent-bgColor-rest: #ffffff00;
883
744
  --control-transparent-bgColor-selected: #818b9826;
884
745
  --control-transparent-borderColor-active: #ffffff00;
885
746
  --control-transparent-borderColor-hover: #ffffff00;
886
747
  --control-transparent-borderColor-rest: #ffffff00;
887
- --controlKnob-bgColor-checked: #ffffff;
888
- --controlKnob-bgColor-disabled: #eff2f5;
889
- --controlKnob-bgColor-rest: #ffffff;
890
- --controlKnob-borderColor-checked: #0969da;
891
- --controlKnob-borderColor-disabled: #eff2f5;
892
- --controlKnob-borderColor-rest: #818b98;
893
748
  --controlTrack-bgColor-active: #dae0e7;
894
- --controlTrack-bgColor-disabled: #818b98;
895
749
  --controlTrack-bgColor-hover: #e0e6eb;
896
750
  --controlTrack-bgColor-rest: #e6eaef;
897
- --controlTrack-borderColor-disabled: #818b98;
898
- --controlTrack-borderColor-rest: #d1d9e0;
899
- --controlTrack-fgColor-disabled: #ffffff;
900
751
  --controlTrack-fgColor-rest: #59636e;
901
- --counter-bgColor-emphasis: #59636e;
902
- --counter-bgColor-muted: #818b981f;
903
752
  --counter-borderColor: #ffffff00;
904
753
  --data-auburn-color-emphasis: #9d615c;
905
754
  --data-auburn-color-muted: #f2e9e9;
@@ -921,27 +770,11 @@
921
770
  --data-teal-color-muted: #c7f5ef;
922
771
  --data-yellow-color-emphasis: #b88700;
923
772
  --data-yellow-color-muted: #ffec9e;
924
- --diffBlob-additionLine-bgColor: #dafbe1;
925
- --diffBlob-additionLine-fgColor: #1f2328;
926
773
  --diffBlob-additionNum-bgColor: #aceebb;
927
- --diffBlob-additionNum-fgColor: #1f2328;
928
774
  --diffBlob-additionWord-bgColor: #aceebb;
929
- --diffBlob-additionWord-fgColor: #1f2328;
930
- --diffBlob-deletionLine-bgColor: #ffebe9;
931
- --diffBlob-deletionLine-fgColor: #1f2328;
932
775
  --diffBlob-deletionNum-bgColor: #ffcecb;
933
- --diffBlob-deletionNum-fgColor: #1f2328;
934
776
  --diffBlob-deletionWord-bgColor: #ffcecb;
935
- --diffBlob-deletionWord-fgColor: #1f2328;
936
- --diffBlob-emptyLine-bgColor: #f6f8fa;
937
- --diffBlob-emptyNum-bgColor: #f6f8fa;
938
- --diffBlob-expander-iconColor: #59636e;
939
- --diffBlob-hunkLine-bgColor: #ddf4ff;
940
- --diffBlob-hunkLine-fgColor: #59636e;
941
- --diffBlob-hunkNum-bgColor-hover: #0969da;
942
777
  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
943
- --diffBlob-hunkNum-fgColor-hover: #ffffff;
944
- --diffBlob-hunkNum-fgColor-rest: #1f2328;
945
778
  --display-auburn-bgColor-emphasis: #9d615c;
946
779
  --display-auburn-bgColor-muted: #f2e9e9;
947
780
  --display-auburn-borderColor-emphasis: #9d615c;
@@ -1039,29 +872,16 @@
1039
872
  --display-yellow-fgColor: #805900;
1040
873
  --fgColor-accent: #0969da;
1041
874
  --fgColor-attention: #9a6700;
1042
- --fgColor-black: #1f2328;
1043
- --fgColor-closed: #d1242f;
1044
- --fgColor-danger: #d1242f;
1045
- --fgColor-default: #1f2328;
875
+ --fgColor-closed: var(--fgColor-danger);
1046
876
  --fgColor-disabled: #818b98;
1047
877
  --fgColor-done: #8250df;
1048
- --fgColor-link: #0969da;
1049
878
  --fgColor-muted: #59636e;
1050
879
  --fgColor-neutral: #59636e;
1051
- --fgColor-onEmphasis: #ffffff;
1052
- --fgColor-onInverse: #ffffff;
1053
- --fgColor-open: #1a7f37;
1054
880
  --fgColor-severe: #bc4c00;
1055
881
  --fgColor-sponsors: #bf3989;
1056
882
  --fgColor-success: #1a7f37;
1057
- --fgColor-upsell: #8250df;
1058
- --fgColor-white: #ffffff;
1059
- --focus-outline: 2px solid #0969da;
1060
- --focus-outlineColor: #0969da;
1061
883
  --header-bgColor: #25292e;
1062
884
  --header-borderColor-divider: #818b98;
1063
- --header-fgColor-default: #ffffffb3;
1064
- --header-fgColor-logo: #ffffff;
1065
885
  --headerSearch-bgColor: #25292e;
1066
886
  --headerSearch-borderColor: #818b98;
1067
887
  --highlight-neutral-bgColor: #fff8c5;
@@ -1181,34 +1001,214 @@
1181
1001
  --label-yellow-fgColor-rest: #805900;
1182
1002
  --menu-bgColor-active: #ffffff00;
1183
1003
  --overlay-backdrop-bgColor: #c8d1da66;
1184
- --overlay-bgColor: #ffffff;
1185
- --overlay-borderColor: #d1d9e080;
1186
- --page-header-bgColor: #f6f8fa;
1187
- --reactionButton-selected-bgColor-hover: #caecff;
1188
1004
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1189
1005
  --reactionButton-selected-fgColor-hover: #0550ae;
1190
- --reactionButton-selected-fgColor-rest: #0969da;
1191
1006
  --selectMenu-bgColor-active: #b6e3ff;
1192
1007
  --selectMenu-borderColor: #ffffff00;
1193
- --selection-bgColor: #0969da33;
1194
- --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1195
1008
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1196
- --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
1197
- --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1198
- --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
1199
- --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1200
1009
  --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1201
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1202
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1203
- --sideNav-bgColor-selected: #ffffff;
1204
1010
  --skeletonLoader-bgColor: #818b981a;
1205
- --timelineBadge-bgColor: #f6f8fa;
1206
- --tooltip-bgColor: #25292e;
1207
- --tooltip-fgColor: #ffffff;
1208
1011
  --topicTag-borderColor: #ffffff00;
1209
1012
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
1210
1013
  --underlineNav-borderColor-active: #fd8c73;
1211
- --underlineNav-borderColor-hover: #d1d9e0b3;
1212
- --underlineNav-iconColor-rest: #59636e;
1014
+ --avatar-bgColor: #ffffff;
1015
+ --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
1016
+ --bgColor-black: #1f2328;
1017
+ --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1018
+ --bgColor-closed-muted: var(--bgColor-danger-muted);
1019
+ --bgColor-default: #ffffff;
1020
+ --bgColor-inset: var(--bgColor-muted);
1021
+ --bgColor-open-muted: var(--bgColor-success-muted);
1022
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1023
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
1024
+ --bgColor-white: #ffffff;
1025
+ --border-accent-emphasis: 0.0625rem solid #0969da;
1026
+ --border-accent-muted: 0.0625rem solid #54aeff66;
1027
+ --border-attention-emphasis: 0.0625rem solid #9a6700;
1028
+ --border-attention-muted: 0.0625rem solid #d4a72c66;
1029
+ --border-danger-emphasis: 0.0625rem solid #cf222e;
1030
+ --border-danger-muted: 0.0625rem solid #ff818266;
1031
+ --border-default: 0.0625rem solid #d1d9e0;
1032
+ --border-disabled: 0.0625rem solid #818b981a;
1033
+ --border-done-emphasis: 0.0625rem solid #8250df;
1034
+ --border-done-muted: 0.0625rem solid #c297ff66;
1035
+ --border-emphasis: 0.0625rem solid #818b98;
1036
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
1037
+ --border-severe-emphasis: 0.0625rem solid #bc4c00;
1038
+ --border-severe-muted: 0.0625rem solid #fb8f4466;
1039
+ --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1040
+ --border-sponsors-muted: 0.0625rem solid #ff80c866;
1041
+ --border-success-emphasis: 0.0625rem solid #1a7f37;
1042
+ --border-success-muted: 0.0625rem solid #4ac26b66;
1043
+ --border-transparent: 0.0625rem solid #ffffff00;
1044
+ --borderColor-muted: #d1d9e0b3;
1045
+ --borderColor-open-emphasis: var(--borderColor-success-emphasis);
1046
+ --borderColor-open-muted: var(--borderColor-success-muted);
1047
+ --borderColor-translucent: #1f232826;
1048
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1049
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
1050
+ --button-danger-bgColor-rest: var(--control-bgColor-rest);
1051
+ --button-danger-fgColor-active: #ffffff;
1052
+ --button-danger-fgColor-hover: #ffffff;
1053
+ --button-danger-iconColor-hover: #ffffff;
1054
+ --button-default-bgColor-active: var(--control-bgColor-active);
1055
+ --button-default-bgColor-hover: var(--control-bgColor-hover);
1056
+ --button-default-bgColor-rest: var(--control-bgColor-rest);
1057
+ --button-default-bgColor-selected: var(--control-bgColor-active);
1058
+ --button-default-fgColor-rest: var(--control-fgColor-rest);
1059
+ --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
1060
+ --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
1061
+ --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1062
+ --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
1063
+ --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1064
+ --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
1065
+ --button-invisible-fgColor-active: var(--control-fgColor-rest);
1066
+ --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1067
+ --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1068
+ --button-invisible-iconColor-hover: var(--fgColor-muted);
1069
+ --button-invisible-iconColor-rest: var(--fgColor-muted);
1070
+ --button-outline-bgColor-hover: var(--bgColor-accent-emphasis);
1071
+ --button-outline-bgColor-rest: var(--control-bgColor-rest);
1072
+ --button-outline-fgColor-active: #ffffff;
1073
+ --button-outline-fgColor-disabled: #0969da80;
1074
+ --button-outline-fgColor-hover: #ffffff;
1075
+ --button-outline-fgColor-rest: var(--fgColor-accent);
1076
+ --button-primary-borderColor-rest: #1f232826;
1077
+ --button-primary-fgColor-disabled: #ffffffcc;
1078
+ --buttonCounter-danger-bgColor-disabled: #cf222e0d;
1079
+ --buttonCounter-danger-bgColor-hover: #ffffff33;
1080
+ --buttonCounter-danger-bgColor-rest: #cf222e1a;
1081
+ --buttonCounter-danger-fgColor-hover: #ffffff;
1082
+ --buttonCounter-default-bgColor-rest: var(--bgColor-neutral-muted);
1083
+ --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1084
+ --buttonCounter-outline-bgColor-disabled: #0969da0d;
1085
+ --buttonCounter-outline-bgColor-hover: #ffffff33;
1086
+ --buttonCounter-outline-bgColor-rest: #0969da1a;
1087
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
1088
+ --buttonCounter-outline-fgColor-hover: #ffffff;
1089
+ --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1090
+ --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
1091
+ --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
1092
+ --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
1093
+ --codeMirror-syntax-fgColor-comment: #1f2328;
1094
+ --color-ansi-black: #1f2328;
1095
+ --color-prettylights-syntax-markup-bold: #1f2328;
1096
+ --color-prettylights-syntax-markup-italic: #1f2328;
1097
+ --color-prettylights-syntax-storage-modifier-import: #1f2328;
1098
+ --control-bgColor-disabled: var(--bgColor-disabled);
1099
+ --control-bgColor-selected: var(--control-bgColor-rest);
1100
+ --control-borderColor-danger: var(--borderColor-danger-emphasis);
1101
+ --control-borderColor-disabled: var(--borderColor-disabled);
1102
+ --control-borderColor-emphasis: var(--borderColor-emphasis);
1103
+ --control-borderColor-rest: var(--borderColor-default);
1104
+ --control-borderColor-success: var(--borderColor-success-emphasis);
1105
+ --control-borderColor-warning: var(--borderColor-attention-emphasis);
1106
+ --control-checked-bgColor-disabled: var(--fgColor-disabled);
1107
+ --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
1108
+ --control-danger-bgColor-active: #ffebe966;
1109
+ --control-danger-bgColor-hover: var(--bgColor-danger-muted);
1110
+ --control-fgColor-disabled: var(--fgColor-disabled);
1111
+ --control-fgColor-placeholder: var(--fgColor-muted);
1112
+ --control-iconColor-rest: var(--fgColor-muted);
1113
+ --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1114
+ --controlKnob-bgColor-checked: #ffffff;
1115
+ --controlKnob-bgColor-rest: #ffffff;
1116
+ --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1117
+ --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1118
+ --controlTrack-borderColor-rest: var(--borderColor-default);
1119
+ --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1120
+ --counter-bgColor-muted: var(--bgColor-neutral-muted);
1121
+ --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1122
+ --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1123
+ --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
1124
+ --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
1125
+ --diffBlob-expander-iconColor: var(--fgColor-muted);
1126
+ --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
1127
+ --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
1128
+ --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1129
+ --fgColor-black: #1f2328;
1130
+ --fgColor-default: #1f2328;
1131
+ --fgColor-link: var(--fgColor-accent);
1132
+ --fgColor-onEmphasis: #ffffff;
1133
+ --fgColor-onInverse: #ffffff;
1134
+ --fgColor-open: var(--fgColor-success);
1135
+ --fgColor-upsell: var(--fgColor-done);
1136
+ --fgColor-white: #ffffff;
1137
+ --focus-outlineColor: var(--borderColor-accent-emphasis);
1138
+ --header-fgColor-default: #ffffffb3;
1139
+ --header-fgColor-logo: #ffffff;
1140
+ --overlay-bgColor: #ffffff;
1141
+ --page-header-bgColor: var(--bgColor-muted);
1142
+ --selection-bgColor: #0969da33;
1143
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1144
+ --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1145
+ --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1146
+ --sideNav-bgColor-selected: #ffffff;
1147
+ --timelineBadge-bgColor: var(--bgColor-muted);
1148
+ --tooltip-bgColor: var(--bgColor-emphasis);
1149
+ --underlineNav-iconColor-rest: var(--fgColor-muted);
1150
+ --avatar-borderColor: var(--borderColor-translucent);
1151
+ --border-closed-emphasis: var(--border-danger-emphasis);
1152
+ --border-closed-muted: var(--border-danger-muted);
1153
+ --border-muted: 0.0625rem solid #d1d9e0b3;
1154
+ --border-open-emphasis: var(--border-success-emphasis);
1155
+ --border-open-muted: var(--border-success-muted);
1156
+ --border-upsell-emphasis: 0.0625rem solid #8250df;
1157
+ --border-upsell-muted: 0.0625rem solid #c297ff66;
1158
+ --borderColor-neutral-muted: var(--borderColor-muted);
1159
+ --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1160
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1161
+ --button-danger-borderColor-rest: var(--control-borderColor-rest);
1162
+ --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1163
+ --button-default-borderColor-active: var(--control-borderColor-rest);
1164
+ --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1165
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
1166
+ --button-default-borderColor-rest: var(--control-borderColor-rest);
1167
+ --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1168
+ --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1169
+ --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1170
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1171
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1172
+ --button-primary-fgColor-rest: var(--fgColor-white);
1173
+ --button-primary-iconColor-rest: #ffffffcc;
1174
+ --card-bgColor: var(--bgColor-default);
1175
+ --codeMirror-bgColor: var(--bgColor-default);
1176
+ --codeMirror-cursor-fgColor: var(--fgColor-default);
1177
+ --codeMirror-fgColor: var(--fgColor-default);
1178
+ --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
1179
+ --codeMirror-gutters-bgColor: var(--bgColor-default);
1180
+ --codeMirror-lines-bgColor: var(--bgColor-default);
1181
+ --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1182
+ --control-borderColor-selected: var(--control-bgColor-selected);
1183
+ --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1184
+ --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1185
+ --control-checked-fgColor-disabled: var(--fgColor-onEmphasis);
1186
+ --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1187
+ --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1188
+ --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1189
+ --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1190
+ --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1191
+ --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1192
+ --diffBlob-additionLine-fgColor: var(--fgColor-default);
1193
+ --diffBlob-additionNum-fgColor: var(--fgColor-default);
1194
+ --diffBlob-additionWord-fgColor: var(--fgColor-default);
1195
+ --diffBlob-deletionLine-fgColor: var(--fgColor-default);
1196
+ --diffBlob-deletionNum-fgColor: var(--fgColor-default);
1197
+ --diffBlob-deletionWord-fgColor: var(--fgColor-default);
1198
+ --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1199
+ --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1200
+ --focus-outline: 2px solid #0969da;
1201
+ --overlay-borderColor: #d1d9e080;
1202
+ --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1203
+ --tooltip-fgColor: var(--fgColor-onEmphasis);
1204
+ --underlineNav-borderColor-hover: var(--borderColor-muted);
1205
+ --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1206
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1207
+ --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1208
+ --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1209
+ --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
1210
+ --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1211
+ --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
1212
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1213
1213
  }
1214
1214
  }