@primer/primitives 7.1.1-rc.b52ea99 → 7.2.0-rc.a7c862d

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 (39) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/dist/js/colors/dark.d.ts +3 -0
  3. package/dist/js/colors/dark.js +3 -0
  4. package/dist/js/colors/dark_colorblind.d.ts +3 -0
  5. package/dist/js/colors/dark_colorblind.js +3 -0
  6. package/dist/js/colors/dark_dimmed.d.ts +3 -0
  7. package/dist/js/colors/dark_dimmed.js +3 -0
  8. package/dist/js/colors/dark_high_contrast.d.ts +3 -0
  9. package/dist/js/colors/dark_high_contrast.js +3 -0
  10. package/dist/js/colors/index.d.ts +21 -0
  11. package/dist/js/colors/light.d.ts +3 -0
  12. package/dist/js/colors/light.js +3 -0
  13. package/dist/js/colors/light_colorblind.d.ts +3 -0
  14. package/dist/js/colors/light_colorblind.js +3 -0
  15. package/dist/js/colors/light_high_contrast.d.ts +3 -0
  16. package/dist/js/colors/light_high_contrast.js +90 -87
  17. package/dist/js/index.d.ts +21 -0
  18. package/dist/json/colors/dark.json +3 -0
  19. package/dist/json/colors/dark_colorblind.json +3 -0
  20. package/dist/json/colors/dark_dimmed.json +3 -0
  21. package/dist/json/colors/dark_high_contrast.json +3 -0
  22. package/dist/json/colors/light.json +3 -0
  23. package/dist/json/colors/light_colorblind.json +3 -0
  24. package/dist/json/colors/light_high_contrast.json +90 -87
  25. package/dist/scss/colors/_dark.scss +1 -0
  26. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  27. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  28. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  29. package/dist/scss/colors/_light.scss +1 -0
  30. package/dist/scss/colors/_light_colorblind.scss +1 -0
  31. package/dist/scss/colors/_light_high_contrast.scss +88 -87
  32. package/dist/ts/colors/dark.ts +3 -0
  33. package/dist/ts/colors/dark_colorblind.ts +3 -0
  34. package/dist/ts/colors/dark_dimmed.ts +3 -0
  35. package/dist/ts/colors/dark_high_contrast.ts +3 -0
  36. package/dist/ts/colors/light.ts +3 -0
  37. package/dist/ts/colors/light_colorblind.ts +3 -0
  38. package/dist/ts/colors/light_high_contrast.ts +90 -87
  39. package/package.json +1 -1
package/dist/scss/colors/_light_high_contrast.scss CHANGED
@@ -3,27 +3,27 @@
3
3
  --color-canvas-default-transparent: rgba(255,255,255,0);
4
4
  --color-marketing-icon-primary: #1168e3;
5
5
  --color-marketing-icon-secondary: #368cf9;
6
- --color-diff-blob-addition-num-text: #24292F;
6
+ --color-diff-blob-addition-num-text: #0E1116;
7
7
  --color-diff-blob-addition-fg: #ffffff;
8
8
  --color-diff-blob-addition-num-bg: #CCFFD8;
9
9
  --color-diff-blob-addition-line-bg: #E6FFEC;
10
10
  --color-diff-blob-addition-word-bg: #055d20;
11
- --color-diff-blob-deletion-num-text: #24292F;
11
+ --color-diff-blob-deletion-num-text: #0E1116;
12
12
  --color-diff-blob-deletion-fg: #ffffff;
13
13
  --color-diff-blob-deletion-num-bg: #FFD7D5;
14
14
  --color-diff-blob-deletion-line-bg: #fff0ee;
15
15
  --color-diff-blob-deletion-word-bg: #a0111f;
16
16
  --color-diff-blob-hunk-num-bg: #9cd7ff;
17
- --color-diff-blob-expander-icon: #24292F;
17
+ --color-diff-blob-expander-icon: #ffffff;
18
18
  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
19
- --color-diffstat-deletion-border: rgba(1,4,9,0.9);
20
- --color-diffstat-addition-border: rgba(1,4,9,0.9);
19
+ --color-diffstat-deletion-border: rgba(1,4,9,0.8);
20
+ --color-diffstat-addition-border: rgba(1,4,9,0.8);
21
21
  --color-diffstat-addition-bg: #117f32;
22
22
  --color-search-keyword-hl: #fcf7be;
23
- --color-prettylights-syntax-comment: #67707A;
23
+ --color-prettylights-syntax-comment: #66707B;
24
24
  --color-prettylights-syntax-constant: #023b95;
25
25
  --color-prettylights-syntax-entity: #622cbc;
26
- --color-prettylights-syntax-storage-modifier-import: #24292F;
26
+ --color-prettylights-syntax-storage-modifier-import: #0E1116;
27
27
  --color-prettylights-syntax-entity-tag: #024c1a;
28
28
  --color-prettylights-syntax-keyword: #a0111f;
29
29
  --color-prettylights-syntax-string: #032563;
@@ -36,8 +36,8 @@
36
36
  --color-prettylights-syntax-string-regexp: #024c1a;
37
37
  --color-prettylights-syntax-markup-list: #2e1800;
38
38
  --color-prettylights-syntax-markup-heading: #023b95;
39
- --color-prettylights-syntax-markup-italic: #24292F;
40
- --color-prettylights-syntax-markup-bold: #24292F;
39
+ --color-prettylights-syntax-markup-italic: #0E1116;
40
+ --color-prettylights-syntax-markup-bold: #0E1116;
41
41
  --color-prettylights-syntax-markup-deleted-text: #6e011a;
42
42
  --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
43
43
  --color-prettylights-syntax-markup-inserted-text: #024c1a;
@@ -47,21 +47,21 @@
47
47
  --color-prettylights-syntax-markup-ignored-text: #E7ECF0;
48
48
  --color-prettylights-syntax-markup-ignored-bg: #023b95;
49
49
  --color-prettylights-syntax-meta-diff-range: #622cbc;
50
- --color-prettylights-syntax-brackethighlighter-angle: #4F5760;
50
+ --color-prettylights-syntax-brackethighlighter-angle: #4B535D;
51
51
  --color-prettylights-syntax-sublimelinter-gutter-mark: #88929D;
52
52
  --color-prettylights-syntax-constant-other-reference-link: #032563;
53
- --color-codemirror-text: #24292F;
53
+ --color-codemirror-text: #0E1116;
54
54
  --color-codemirror-bg: #ffffff;
55
55
  --color-codemirror-gutters-bg: #ffffff;
56
56
  --color-codemirror-guttermarker-text: #ffffff;
57
- --color-codemirror-guttermarker-subtle-text: #67707A;
58
- --color-codemirror-linenumber-text: #24292F;
59
- --color-codemirror-cursor: #24292F;
57
+ --color-codemirror-guttermarker-subtle-text: #66707B;
58
+ --color-codemirror-linenumber-text: #0E1116;
59
+ --color-codemirror-cursor: #0E1116;
60
60
  --color-codemirror-selection-bg: #368cf9;
61
61
  --color-codemirror-activeline-bg: #E7ECF0;
62
- --color-codemirror-matchingbracket-text: #24292F;
62
+ --color-codemirror-matchingbracket-text: #0E1116;
63
63
  --color-codemirror-lines-bg: #ffffff;
64
- --color-codemirror-syntax-comment: #24292F;
64
+ --color-codemirror-syntax-comment: #0E1116;
65
65
  --color-codemirror-syntax-constant: #023b95;
66
66
  --color-codemirror-syntax-entity: #622cbc;
67
67
  --color-codemirror-syntax-keyword: #a0111f;
@@ -69,7 +69,7 @@
69
69
  --color-codemirror-syntax-string: #032563;
70
70
  --color-codemirror-syntax-support: #023b95;
71
71
  --color-codemirror-syntax-variable: #702c00;
72
- --color-checks-bg: #24292F;
72
+ --color-checks-bg: #0E1116;
73
73
  --color-checks-run-border-width: 0px;
74
74
  --color-checks-container-border-width: 0px;
75
75
  --color-checks-text-primary: #FFFFFF;
@@ -81,37 +81,37 @@
81
81
  --color-checks-input-text: #E7ECF0;
82
82
  --color-checks-input-placeholder-text: #88929D;
83
83
  --color-checks-input-focus-text: #88929D;
84
- --color-checks-input-bg: #30363D;
84
+ --color-checks-input-bg: #20252C;
85
85
  --color-checks-input-shadow: none;
86
86
  --color-checks-donut-error: #d5232c;
87
87
  --color-checks-donut-pending: #956400;
88
88
  --color-checks-donut-success: #117f32;
89
89
  --color-checks-donut-neutral: #ACB6C0;
90
90
  --color-checks-dropdown-text: #ACB6C0;
91
- --color-checks-dropdown-bg: #30363D;
92
- --color-checks-dropdown-border: #3D454E;
91
+ --color-checks-dropdown-bg: #20252C;
92
+ --color-checks-dropdown-border: #343B43;
93
93
  --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
94
94
  --color-checks-dropdown-hover-text: #FFFFFF;
95
- --color-checks-dropdown-hover-bg: #3D454E;
95
+ --color-checks-dropdown-hover-bg: #343B43;
96
96
  --color-checks-dropdown-btn-hover-text: #FFFFFF;
97
- --color-checks-dropdown-btn-hover-bg: #30363D;
98
- --color-checks-scrollbar-thumb-bg: #4F5760;
97
+ --color-checks-dropdown-btn-hover-bg: #20252C;
98
+ --color-checks-scrollbar-thumb-bg: #4B535D;
99
99
  --color-checks-header-label-text: #CED5DC;
100
100
  --color-checks-header-label-open-text: #FFFFFF;
101
- --color-checks-header-border: #30363D;
101
+ --color-checks-header-border: #20252C;
102
102
  --color-checks-header-icon: #88929D;
103
103
  --color-checks-line-text: #CED5DC;
104
104
  --color-checks-line-num-text: rgba(136,146,157,0.75);
105
105
  --color-checks-line-timestamp-text: #88929D;
106
- --color-checks-line-hover-bg: #30363D;
106
+ --color-checks-line-hover-bg: #20252C;
107
107
  --color-checks-line-selected-bg: rgba(17,104,227,0.15);
108
108
  --color-checks-line-selected-num-text: #368cf9;
109
- --color-checks-line-dt-fm-text: #24292F;
109
+ --color-checks-line-dt-fm-text: #0E1116;
110
110
  --color-checks-line-dt-fm-bg: #744500;
111
111
  --color-checks-gate-bg: rgba(96,55,0,0.15);
112
112
  --color-checks-gate-text: #CED5DC;
113
113
  --color-checks-gate-waiting-text: #ACB6C0;
114
- --color-checks-step-header-open-bg: #30363D;
114
+ --color-checks-step-header-open-bg: #20252C;
115
115
  --color-checks-step-error-text: #ee5a5d;
116
116
  --color-checks-step-warning-text: #b58407;
117
117
  --color-checks-logline-text: #88929D;
@@ -125,8 +125,8 @@
125
125
  --color-checks-logline-warning-bg: rgba(96,55,0,0.15);
126
126
  --color-checks-logline-command-text: #368cf9;
127
127
  --color-checks-logline-section-text: #26a148;
128
- --color-checks-ansi-black: #24292F;
129
- --color-checks-ansi-black-bright: #30363D;
128
+ --color-checks-ansi-black: #0E1116;
129
+ --color-checks-ansi-black-bright: #20252C;
130
130
  --color-checks-ansi-white: #CED5DC;
131
131
  --color-checks-ansi-white-bright: #CED5DC;
132
132
  --color-checks-ansi-gray: #88929D;
@@ -142,7 +142,7 @@
142
142
  --color-checks-ansi-magenta-bright: #c49bff;
143
143
  --color-checks-ansi-cyan: #76e3ea;
144
144
  --color-checks-ansi-cyan-bright: #b3f0ff;
145
- --color-project-header-bg: #24292F;
145
+ --color-project-header-bg: #0E1116;
146
146
  --color-project-sidebar-bg: #ffffff;
147
147
  --color-project-gradient-in: #ffffff;
148
148
  --color-project-gradient-out: rgba(255,255,255,0);
@@ -152,29 +152,30 @@
152
152
  --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
153
153
  --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
154
154
  --color-avatar-bg: #ffffff;
155
- --color-avatar-border: rgba(1,4,9,0.9);
155
+ --color-avatar-border: rgba(1,4,9,0.8);
156
156
  --color-avatar-stack-fade: #ACB6C0;
157
157
  --color-avatar-stack-fade-more: #CED5DC;
158
158
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
159
- --color-topic-tag-border: rgba(0,0,0,0);
159
+ --color-topic-tag-border: #0349b4;
160
+ --color-counter-border: #20252C;
160
161
  --color-select-menu-backdrop-border: rgba(0,0,0,0);
161
162
  --color-select-menu-tap-highlight: rgba(172,182,192,0.5);
162
163
  --color-select-menu-tap-focus-bg: #9cd7ff;
163
- --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12);
164
+ --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12);
164
165
  --color-header-text: rgba(255,255,255,0.7);
165
- --color-header-bg: #24292F;
166
+ --color-header-bg: #0E1116;
166
167
  --color-header-logo: #ffffff;
167
- --color-header-search-bg: #24292F;
168
- --color-header-search-border: #4F5760;
168
+ --color-header-search-bg: #0E1116;
169
+ --color-header-search-border: #4B535D;
169
170
  --color-sidenav-selected-bg: #ffffff;
170
171
  --color-menu-bg-active: rgba(0,0,0,0);
171
172
  --color-input-disabled-bg: rgba(172,182,192,0.2);
172
173
  --color-timeline-badge-bg: #E7ECF0;
173
- --color-ansi-black: #24292F;
174
- --color-ansi-black-bright: #4F5760;
175
- --color-ansi-white: #67707A;
174
+ --color-ansi-black: #0E1116;
175
+ --color-ansi-black-bright: #4B535D;
176
+ --color-ansi-white: #66707B;
176
177
  --color-ansi-white-bright: #88929D;
177
- --color-ansi-gray: #67707A;
178
+ --color-ansi-gray: #66707B;
178
179
  --color-ansi-red: #a0111f;
179
180
  --color-ansi-red-bright: #86061d;
180
181
  --color-ansi-green: #024c1a;
@@ -187,101 +188,101 @@
187
188
  --color-ansi-magenta-bright: #844ae7;
188
189
  --color-ansi-cyan: #1b7c83;
189
190
  --color-ansi-cyan-bright: #3192aa;
190
- --color-btn-text: #24292F;
191
- --color-btn-bg: #FFFFFF;
192
- --color-btn-border: rgba(1,4,9,0.9);
191
+ --color-btn-text: #0E1116;
192
+ --color-btn-bg: #E7ECF0;
193
+ --color-btn-border: rgba(1,4,9,0.8);
193
194
  --color-btn-shadow: 0 1px 0 rgba(1,4,9,0.04);
194
195
  --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
195
- --color-btn-hover-bg: #f3f4f6;
196
- --color-btn-hover-border: rgba(1,4,9,0.9);
197
- --color-btn-active-bg: hsla(220,14%,93%,1);
198
- --color-btn-active-border: rgba(1,4,9,0.9);
199
- --color-btn-selected-bg: hsla(220,14%,94%,1);
200
- --color-btn-focus-bg: #FFFFFF;
201
- --color-btn-focus-border: rgba(1,4,9,0.9);
196
+ --color-btn-hover-bg: #CED5DC;
197
+ --color-btn-hover-border: rgba(1,4,9,0.8);
198
+ --color-btn-active-bg: #ACB6C0;
199
+ --color-btn-active-border: rgba(1,4,9,0.8);
200
+ --color-btn-selected-bg: #ACB6C0;
201
+ --color-btn-focus-bg: #CED5DC;
202
+ --color-btn-focus-border: rgba(1,4,9,0.8);
202
203
  --color-btn-focus-shadow: 0 0 0 3px rgba(3,73,180,0.3);
203
204
  --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
204
205
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(3,73,180,0.3);
205
206
  --color-btn-counter-bg: rgba(1,4,9,0.08);
206
207
  --color-btn-primary-text: #ffffff;
207
- --color-btn-primary-bg: #117f32;
208
- --color-btn-primary-border: rgba(1,4,9,0.9);
208
+ --color-btn-primary-bg: #055d20;
209
+ --color-btn-primary-border: #013d14;
209
210
  --color-btn-primary-shadow: 0 1px 0 rgba(1,4,9,0.1);
210
211
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
211
- --color-btn-primary-hover-bg: #2c974b;
212
- --color-btn-primary-hover-border: rgba(1,4,9,0.9);
213
- --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
212
+ --color-btn-primary-hover-bg: #024c1a;
213
+ --color-btn-primary-hover-border: #013d14;
214
+ --color-btn-primary-selected-bg: hsla(139,95%,13%,1);
214
215
  --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,35,11,0.2);
215
216
  --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
216
217
  --color-btn-primary-disabled-bg: #94d3a2;
217
- --color-btn-primary-disabled-border: rgba(1,4,9,0.9);
218
- --color-btn-primary-focus-bg: #117f32;
219
- --color-btn-primary-focus-border: rgba(1,4,9,0.9);
220
- --color-btn-primary-focus-shadow: 0 0 0 3px rgba(17,127,50,0.4);
218
+ --color-btn-primary-disabled-border: rgba(1,4,9,0.8);
219
+ --color-btn-primary-focus-bg: #013d14;
220
+ --color-btn-primary-focus-border: #013d14;
221
+ --color-btn-primary-focus-shadow: 0 0 0 3px rgba(1,61,20,0.4);
221
222
  --color-btn-primary-icon: rgba(255,255,255,0.8);
222
223
  --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
223
- --color-btn-outline-text: #0349b4;
224
+ --color-btn-outline-text: #023b95;
224
225
  --color-btn-outline-hover-text: #ffffff;
225
226
  --color-btn-outline-hover-bg: #0349b4;
226
- --color-btn-outline-hover-border: rgba(1,4,9,0.9);
227
+ --color-btn-outline-hover-border: #022f7a;
227
228
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
228
229
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
229
230
  --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
230
231
  --color-btn-outline-selected-text: #ffffff;
231
- --color-btn-outline-selected-bg: hsla(216,97%,33%,1);
232
- --color-btn-outline-selected-border: rgba(1,4,9,0.9);
232
+ --color-btn-outline-selected-bg: #022f7a;
233
+ --color-btn-outline-selected-border: #022f7a;
233
234
  --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(2,26,74,0.2);
234
235
  --color-btn-outline-disabled-text: rgba(3,73,180,0.5);
235
- --color-btn-outline-disabled-bg: #FFFFFF;
236
+ --color-btn-outline-disabled-bg: #E7ECF0;
236
237
  --color-btn-outline-disabled-counter-bg: rgba(3,73,180,0.05);
237
- --color-btn-outline-focus-border: rgba(1,4,9,0.9);
238
+ --color-btn-outline-focus-border: #022f7a;
238
239
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(2,59,149,0.4);
239
240
  --color-btn-outline-counter-bg: rgba(3,73,180,0.1);
240
- --color-btn-danger-text: #a0111f;
241
+ --color-btn-danger-text: #86061d;
241
242
  --color-btn-danger-hover-text: #ffffff;
242
- --color-btn-danger-hover-bg: #86061d;
243
- --color-btn-danger-hover-border: rgba(1,4,9,0.9);
243
+ --color-btn-danger-hover-bg: #a0111f;
244
+ --color-btn-danger-hover-border: #6e011a;
244
245
  --color-btn-danger-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
245
246
  --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
246
247
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
247
248
  --color-btn-danger-selected-text: #ffffff;
248
- --color-btn-danger-selected-bg: hsla(354,81%,32%,1);
249
- --color-btn-danger-selected-border: rgba(1,4,9,0.9);
249
+ --color-btn-danger-selected-bg: #6e011a;
250
+ --color-btn-danger-selected-border: #6e011a;
250
251
  --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(67,0,17,0.2);
251
252
  --color-btn-danger-disabled-text: rgba(160,17,31,0.5);
252
- --color-btn-danger-disabled-bg: #FFFFFF;
253
+ --color-btn-danger-disabled-bg: #E7ECF0;
253
254
  --color-btn-danger-disabled-counter-bg: rgba(160,17,31,0.05);
254
- --color-btn-danger-focus-border: rgba(1,4,9,0.9);
255
+ --color-btn-danger-focus-border: #6e011a;
255
256
  --color-btn-danger-focus-shadow: 0 0 0 3px rgba(134,6,29,0.4);
256
257
  --color-btn-danger-counter-bg: rgba(160,17,31,0.1);
257
- --color-btn-danger-icon: #a0111f;
258
+ --color-btn-danger-icon: #86061d;
258
259
  --color-btn-danger-hover-icon: #ffffff;
259
- --color-underlinenav-icon: #67707A;
260
+ --color-underlinenav-icon: #66707B;
260
261
  --color-underlinenav-border-hover: rgba(172,182,192,0.2);
261
- --color-action-list-item-inline-divider: rgba(36,41,47,0.48);
262
+ --color-action-list-item-inline-divider: rgba(32,37,44,0.48);
262
263
  --color-action-list-item-default-hover-bg: rgba(206,213,220,0.32);
263
264
  --color-action-list-item-default-active-bg: rgba(206,213,220,0.48);
264
265
  --color-action-list-item-default-selected-bg: rgba(206,213,220,0.24);
265
266
  --color-action-list-item-danger-hover-bg: rgba(255,240,238,0.64);
266
267
  --color-action-list-item-danger-active-bg: #fff0ee;
267
268
  --color-action-list-item-danger-hover-text: #a0111f;
268
- --color-fg-default: #24292F;
269
- --color-fg-muted: #24292F;
270
- --color-fg-subtle: #67707A;
269
+ --color-fg-default: #0E1116;
270
+ --color-fg-muted: #0E1116;
271
+ --color-fg-subtle: #66707B;
271
272
  --color-fg-on-emphasis: #ffffff;
272
273
  --color-canvas-default: #ffffff;
273
274
  --color-canvas-overlay: #ffffff;
274
275
  --color-canvas-inset: #ffffff;
275
276
  --color-canvas-subtle: #E7ECF0;
276
- --color-border-default: #24292F;
277
+ --color-border-default: #20252C;
277
278
  --color-border-muted: #88929D;
278
- --color-border-subtle: rgba(1,4,9,0.9);
279
+ --color-border-subtle: rgba(1,4,9,0.8);
279
280
  --color-shadow-small: 0 1px 0 rgba(1,4,9,0.04);
280
281
  --color-shadow-medium: 0 3px 6px rgba(136,146,157,0.15);
281
282
  --color-shadow-large: 0 8px 24px rgba(136,146,157,0.2);
282
283
  --color-shadow-extra-large: 0 12px 28px rgba(136,146,157,0.3);
283
- --color-neutral-emphasis-plus: #24292F;
284
- --color-neutral-emphasis: #67707A;
284
+ --color-neutral-emphasis-plus: #0E1116;
285
+ --color-neutral-emphasis: #66707B;
285
286
  --color-neutral-muted: rgba(172,182,192,0.2);
286
287
  --color-neutral-subtle: #E7ECF0;
287
288
  --color-accent-fg: #0349b4;
@@ -327,11 +328,11 @@
327
328
  --color-scale-gray-2: #CED5DC;
328
329
  --color-scale-gray-3: #ACB6C0;
329
330
  --color-scale-gray-4: #88929D;
330
- --color-scale-gray-5: #67707A;
331
- --color-scale-gray-6: #4F5760;
332
- --color-scale-gray-7: #3D454E;
333
- --color-scale-gray-8: #30363D;
334
- --color-scale-gray-9: #24292F;
331
+ --color-scale-gray-5: #66707B;
332
+ --color-scale-gray-6: #4B535D;
333
+ --color-scale-gray-7: #343B43;
334
+ --color-scale-gray-8: #20252C;
335
+ --color-scale-gray-9: #0E1116;
335
336
  --color-scale-blue-0: #dff7ff;
336
337
  --color-scale-blue-1: #9cd7ff;
337
338
  --color-scale-blue-2: #67b3fd;
package/dist/ts/colors/dark.ts CHANGED
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#484f58",
201
204
  "tapHighlight": "rgba(48,54,61,0.5)",
package/dist/ts/colors/dark_colorblind.ts CHANGED
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#484f58",
201
204
  "tapHighlight": "rgba(48,54,61,0.5)",
package/dist/ts/colors/dark_dimmed.ts CHANGED
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#545d68",
201
204
  "tapHighlight": "rgba(68,76,86,0.5)",
package/dist/ts/colors/dark_high_contrast.ts CHANGED
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "#409eff"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "#7a828e",
201
204
  "tapHighlight": "rgba(82,89,100,0.5)",
package/dist/ts/colors/light.ts CHANGED
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
201
204
  "tapHighlight": "rgba(175,184,193,0.5)",
package/dist/ts/colors/light_colorblind.ts CHANGED
@@ -196,6 +196,9 @@ export default {
196
196
  "topicTag": {
197
197
  "border": "rgba(0,0,0,0)"
198
198
  },
199
+ "counter": {
200
+ "border": "rgba(0,0,0,0)"
201
+ },
199
202
  "selectMenu": {
200
203
  "backdropBorder": "rgba(0,0,0,0)",
201
204
  "tapHighlight": "rgba(175,184,193,0.5)",