v-code-diff 1.7.1 → 1.8.0

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.
package/src/var.scss CHANGED
@@ -1,28 +1,33 @@
1
- .code-diff-view {
1
+ .code-diff-view[theme='light'] {
2
+ @import 'highlight.js/scss/github.scss';
3
+
4
+ color: var(--fgColor-default, var(--color-fg-default));
5
+ background-color: var(--bgColor-default, var(--color-canvas-default));
6
+
2
7
  --color-canvas-default-transparent: rgba(255,255,255,0);
3
8
  --color-page-header-bg: #f6f8fa;
4
9
  --color-marketing-icon-primary: #218bff;
5
10
  --color-marketing-icon-secondary: #54aeff;
6
- --color-diff-blob-addition-num-text: #24292f;
7
- --color-diff-blob-addition-fg: #24292f;
11
+ --color-diff-blob-addition-num-text: #1F2328;
12
+ --color-diff-blob-addition-fg: #1F2328;
8
13
  --color-diff-blob-addition-num-bg: #ccffd8;
9
14
  --color-diff-blob-addition-line-bg: #e6ffec;
10
15
  --color-diff-blob-addition-word-bg: #abf2bc;
11
- --color-diff-blob-deletion-num-text: #24292f;
12
- --color-diff-blob-deletion-fg: #24292f;
16
+ --color-diff-blob-deletion-num-text: #1F2328;
17
+ --color-diff-blob-deletion-fg: #1F2328;
13
18
  --color-diff-blob-deletion-num-bg: #ffd7d5;
14
19
  --color-diff-blob-deletion-line-bg: #ffebe9;
15
20
  --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4);
16
21
  --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
17
- --color-diff-blob-expander-icon: #57606a;
22
+ --color-diff-blob-expander-icon: #656d76;
18
23
  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
19
- --color-diffstat-deletion-border: rgba(27,31,36,0.15);
20
- --color-diffstat-addition-border: rgba(27,31,36,0.15);
21
- --color-diffstat-addition-bg: #2da44e;
24
+ --color-diffstat-deletion-border: rgba(31,35,40,0.15);
25
+ --color-diffstat-addition-border: rgba(31,35,40,0.15);
26
+ --color-diffstat-addition-bg: #1f883d;
22
27
  --color-search-keyword-hl: #fff8c5;
23
28
  --color-prettylights-syntax-comment: #6e7781;
24
29
  --color-prettylights-syntax-constant: #0550ae;
25
- --color-prettylights-syntax-entity: #8250df;
30
+ --color-prettylights-syntax-entity: #6639ba;
26
31
  --color-prettylights-syntax-storage-modifier-import: #24292f;
27
32
  --color-prettylights-syntax-entity-tag: #116329;
28
33
  --color-prettylights-syntax-keyword: #cf222e;
@@ -50,16 +55,16 @@
50
55
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
51
56
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
52
57
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
53
- --color-codemirror-text: #24292f;
58
+ --color-codemirror-text: #1F2328;
54
59
  --color-codemirror-bg: #ffffff;
55
60
  --color-codemirror-gutters-bg: #ffffff;
56
61
  --color-codemirror-guttermarker-text: #ffffff;
57
62
  --color-codemirror-guttermarker-subtle-text: #6e7781;
58
- --color-codemirror-linenumber-text: #57606a;
59
- --color-codemirror-cursor: #24292f;
63
+ --color-codemirror-linenumber-text: #656d76;
64
+ --color-codemirror-cursor: #1F2328;
60
65
  --color-codemirror-selection-bg: rgba(84,174,255,0.4);
61
66
  --color-codemirror-activeline-bg: rgba(234,238,242,0.5);
62
- --color-codemirror-matchingbracket-text: #24292f;
67
+ --color-codemirror-matchingbracket-text: #1F2328;
63
68
  --color-codemirror-lines-bg: #ffffff;
64
69
  --color-codemirror-syntax-comment: #24292f;
65
70
  --color-codemirror-syntax-constant: #0550ae;
@@ -85,12 +90,12 @@
85
90
  --color-checks-input-shadow: none;
86
91
  --color-checks-donut-error: #fa4549;
87
92
  --color-checks-donut-pending: #bf8700;
88
- --color-checks-donut-success: #2da44e;
93
+ --color-checks-donut-success: #1f883d;
89
94
  --color-checks-donut-neutral: #afb8c1;
90
95
  --color-checks-dropdown-text: #afb8c1;
91
96
  --color-checks-dropdown-bg: #32383f;
92
97
  --color-checks-dropdown-border: #424a53;
93
- --color-checks-dropdown-shadow: rgba(27,31,36,0.3);
98
+ --color-checks-dropdown-shadow: rgba(31,35,40,0.3);
94
99
  --color-checks-dropdown-hover-text: #f6f8fa;
95
100
  --color-checks-dropdown-hover-bg: #424a53;
96
101
  --color-checks-dropdown-btn-hover-text: #f6f8fa;
@@ -151,17 +156,19 @@
151
156
  --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
152
157
  --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
158
  --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
159
+ --color-control-border-color-emphasis: #858F99;
154
160
  --color-avatar-bg: #ffffff;
155
- --color-avatar-border: rgba(27,31,36,0.15);
161
+ --color-avatar-border: rgba(31,35,40,0.15);
156
162
  --color-avatar-stack-fade: #afb8c1;
157
163
  --color-avatar-stack-fade-more: #d0d7de;
158
- --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
164
+ --color-avatar-child-shadow: 0 0 0 2px rgba(255,255,255,0.8);
159
165
  --color-topic-tag-border: rgba(0,0,0,0);
160
166
  --color-counter-border: rgba(0,0,0,0);
161
167
  --color-select-menu-backdrop-border: rgba(0,0,0,0);
162
168
  --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
163
169
  --color-select-menu-tap-focus-bg: #b6e3ff;
164
- --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
170
+ --color-overlay-shadow: 0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12);
171
+ --color-overlay-backdrop: rgba(140,149,159,0.2);
165
172
  --color-header-text: rgba(255,255,255,0.7);
166
173
  --color-header-bg: #24292f;
167
174
  --color-header-divider: #57606a;
@@ -191,73 +198,67 @@
191
198
  --color-ansi-cyan-bright: #3192aa;
192
199
  --color-btn-text: #24292f;
193
200
  --color-btn-bg: #f6f8fa;
194
- --color-btn-border: rgba(27,31,36,0.15);
195
- --color-btn-shadow: 0 1px 0 rgba(27,31,36,0.04);
201
+ --color-btn-border: rgba(31,35,40,0.15);
202
+ --color-btn-shadow: 0 1px 0 rgba(31,35,40,0.04);
196
203
  --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
197
204
  --color-btn-hover-bg: #f3f4f6;
198
- --color-btn-hover-border: rgba(27,31,36,0.15);
205
+ --color-btn-hover-border: rgba(31,35,40,0.15);
199
206
  --color-btn-active-bg: hsla(220,14%,93%,1);
200
- --color-btn-active-border: rgba(27,31,36,0.15);
207
+ --color-btn-active-border: rgba(31,35,40,0.15);
201
208
  --color-btn-selected-bg: hsla(220,14%,94%,1);
202
- --color-btn-focus-bg: #f6f8fa;
203
- --color-btn-focus-border: rgba(27,31,36,0.15);
204
- --color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
205
- --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
206
- --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
207
- --color-btn-counter-bg: rgba(27,31,36,0.08);
209
+ --color-btn-counter-bg: rgba(31,35,40,0.08);
208
210
  --color-btn-primary-text: #ffffff;
209
- --color-btn-primary-bg: #2da44e;
210
- --color-btn-primary-border: rgba(27,31,36,0.15);
211
- --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1);
211
+ --color-btn-primary-bg: #1f883d;
212
+ --color-btn-primary-border: rgba(31,35,40,0.15);
213
+ --color-btn-primary-shadow: 0 1px 0 rgba(31,35,40,0.1);
212
214
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
213
- --color-btn-primary-hover-bg: #2c974b;
214
- --color-btn-primary-hover-border: rgba(27,31,36,0.15);
215
- --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
215
+ --color-btn-primary-hover-bg: #1a7f37;
216
+ --color-btn-primary-hover-border: rgba(31,35,40,0.15);
217
+ --color-btn-primary-selected-bg: hsla(137,66%,28%,1);
216
218
  --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,0.2);
217
219
  --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
218
220
  --color-btn-primary-disabled-bg: #94d3a2;
219
- --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
220
- --color-btn-primary-focus-bg: #2da44e;
221
- --color-btn-primary-focus-border: rgba(27,31,36,0.15);
222
- --color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,0.4);
221
+ --color-btn-primary-disabled-border: rgba(31,35,40,0.15);
223
222
  --color-btn-primary-icon: rgba(255,255,255,0.8);
224
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
223
+ --color-btn-primary-counter-bg: rgba(0,45,17,0.2);
225
224
  --color-btn-outline-text: #0969da;
226
225
  --color-btn-outline-hover-text: #ffffff;
227
226
  --color-btn-outline-hover-bg: #0969da;
228
- --color-btn-outline-hover-border: rgba(27,31,36,0.15);
229
- --color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
227
+ --color-btn-outline-hover-border: rgba(31,35,40,0.15);
228
+ --color-btn-outline-hover-shadow: 0 1px 0 rgba(31,35,40,0.1);
230
229
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
231
230
  --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
232
231
  --color-btn-outline-selected-text: #ffffff;
233
232
  --color-btn-outline-selected-bg: hsla(212,92%,42%,1);
234
- --color-btn-outline-selected-border: rgba(27,31,36,0.15);
233
+ --color-btn-outline-selected-border: rgba(31,35,40,0.15);
235
234
  --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2);
236
235
  --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
237
236
  --color-btn-outline-disabled-bg: #f6f8fa;
238
237
  --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
239
- --color-btn-outline-focus-border: rgba(27,31,36,0.15);
240
- --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
241
- --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
238
+ --color-btn-outline-counter-bg: #0969da1a;
239
+ --color-btn-outline-counter-fg: #0550ae;
240
+ --color-btn-outline-hover-counter-fg: #ffffff;
241
+ --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5);
242
242
  --color-btn-danger-text: #cf222e;
243
243
  --color-btn-danger-hover-text: #ffffff;
244
244
  --color-btn-danger-hover-bg: #a40e26;
245
- --color-btn-danger-hover-border: rgba(27,31,36,0.15);
246
- --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
245
+ --color-btn-danger-hover-border: rgba(31,35,40,0.15);
246
+ --color-btn-danger-hover-shadow: 0 1px 0 rgba(31,35,40,0.1);
247
247
  --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
248
248
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
249
249
  --color-btn-danger-selected-text: #ffffff;
250
250
  --color-btn-danger-selected-bg: hsla(356,72%,44%,1);
251
- --color-btn-danger-selected-border: rgba(27,31,36,0.15);
251
+ --color-btn-danger-selected-border: rgba(31,35,40,0.15);
252
252
  --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2);
253
253
  --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
254
254
  --color-btn-danger-disabled-bg: #f6f8fa;
255
255
  --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
256
- --color-btn-danger-focus-border: rgba(27,31,36,0.15);
257
- --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,0.4);
258
256
  --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
259
257
  --color-btn-danger-icon: #cf222e;
260
258
  --color-btn-danger-hover-icon: #ffffff;
259
+ --color-btn-danger-counter-fg: #a40e26;
260
+ --color-btn-danger-hover-counter-fg: #ffffff;
261
+ --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
261
262
  --color-underlinenav-icon: #6e7781;
262
263
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
263
264
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
@@ -268,21 +269,35 @@
268
269
  --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
269
270
  --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
270
271
  --color-action-list-item-danger-active-bg: #ffebe9;
271
- --color-action-list-item-danger-hover-text: #cf222e;
272
+ --color-action-list-item-danger-hover-text: #d1242f;
272
273
  --color-switch-track-bg: #eaeef2;
273
- --color-switch-track-border: #afb8c1;
274
- --color-switch-track-checked-bg: #ddf4ff;
275
- --color-switch-track-checked-hover-bg: #b6e3ff;
276
- --color-switch-track-checked-active-bg: #80ccff;
277
- --color-switch-track-checked-border: #54aeff;
278
- --color-switch-knob-checked-bg: #0969da;
279
- --color-switch-knob-checked-disabled-bg: #6e7781;
274
+ --color-switch-track-hover-bg: hsla(210,24%,90%,1);
275
+ --color-switch-track-active-bg: hsla(210,24%,88%,1);
276
+ --color-switch-track-disabled-bg: #8c959f;
277
+ --color-switch-track-fg: #656d76;
278
+ --color-switch-track-disabled-fg: #ffffff;
279
+ --color-switch-track-border: rgba(0,0,0,0);
280
+ --color-switch-track-checked-bg: #0969da;
281
+ --color-switch-track-checked-hover-bg: #0860CA;
282
+ --color-switch-track-checked-active-bg: #0757BA;
283
+ --color-switch-track-checked-fg: #ffffff;
284
+ --color-switch-track-checked-disabled-fg: #ffffff;
285
+ --color-switch-track-checked-border: rgba(0,0,0,0);
286
+ --color-switch-knob-bg: #ffffff;
287
+ --color-switch-knob-disabled-bg: #f6f8fa;
288
+ --color-switch-knob-border: #858F99;
289
+ --color-switch-knob-checked-bg: #ffffff;
290
+ --color-switch-knob-checked-disabled-bg: #f6f8fa;
291
+ --color-switch-knob-checked-border: #0969da;
280
292
  --color-segmented-control-bg: #eaeef2;
293
+ --color-segmented-control-button-bg: #ffffff;
281
294
  --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
282
295
  --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
283
- --color-segmented-control-button-selected-border: #6e7781;
284
- --color-fg-default: #24292f;
285
- --color-fg-muted: #57606a;
296
+ --color-segmented-control-button-selected-border: #8c959f;
297
+ --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
298
+ --color-tree-view-item-directory-fill: #54aeff;
299
+ --color-fg-default: #1F2328;
300
+ --color-fg-muted: #656d76;
286
301
  --color-fg-subtle: #6e7781;
287
302
  --color-fg-on-emphasis: #ffffff;
288
303
  --color-canvas-default: #ffffff;
@@ -291,8 +306,8 @@
291
306
  --color-canvas-subtle: #f6f8fa;
292
307
  --color-border-default: #d0d7de;
293
308
  --color-border-muted: hsla(210,18%,87%,1);
294
- --color-border-subtle: rgba(27,31,36,0.15);
295
- --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
309
+ --color-border-subtle: rgba(31,35,40,0.15);
310
+ --color-shadow-small: 0 1px 0 rgba(31,35,40,0.04);
296
311
  --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
297
312
  --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
298
313
  --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
@@ -305,26 +320,26 @@
305
320
  --color-accent-muted: rgba(84,174,255,0.4);
306
321
  --color-accent-subtle: #ddf4ff;
307
322
  --color-success-fg: #1a7f37;
308
- --color-success-emphasis: #2da44e;
323
+ --color-success-emphasis: #1f883d;
309
324
  --color-success-muted: rgba(74,194,107,0.4);
310
325
  --color-success-subtle: #dafbe1;
311
326
  --color-attention-fg: #9a6700;
312
- --color-attention-emphasis: #bf8700;
327
+ --color-attention-emphasis: #9a6700;
313
328
  --color-attention-muted: rgba(212,167,44,0.4);
314
329
  --color-attention-subtle: #fff8c5;
315
330
  --color-severe-fg: #bc4c00;
316
331
  --color-severe-emphasis: #bc4c00;
317
332
  --color-severe-muted: rgba(251,143,68,0.4);
318
333
  --color-severe-subtle: #fff1e5;
319
- --color-danger-fg: #cf222e;
334
+ --color-danger-fg: #d1242f;
320
335
  --color-danger-emphasis: #cf222e;
321
336
  --color-danger-muted: rgba(255,129,130,0.4);
322
337
  --color-danger-subtle: #ffebe9;
323
338
  --color-open-fg: #1a7f37;
324
- --color-open-emphasis: #2da44e;
339
+ --color-open-emphasis: #1f883d;
325
340
  --color-open-muted: rgba(74,194,107,0.4);
326
341
  --color-open-subtle: #dafbe1;
327
- --color-closed-fg: #cf222e;
342
+ --color-closed-fg: #d1242f;
328
343
  --color-closed-emphasis: #cf222e;
329
344
  --color-closed-muted: rgba(255,129,130,0.4);
330
345
  --color-closed-subtle: #ffebe9;
@@ -337,14 +352,13 @@
337
352
  --color-sponsors-muted: rgba(255,128,200,0.4);
338
353
  --color-sponsors-subtle: #ffeff7;
339
354
  --color-primer-fg-disabled: #8c959f;
340
- --color-primer-canvas-backdrop: rgba(27,31,36,0.5);
355
+ --color-primer-canvas-backdrop: rgba(31,35,40,0.5);
341
356
  --color-primer-canvas-sticky: rgba(255,255,255,0.95);
342
357
  --color-primer-border-active: #fd8c73;
343
- --color-primer-border-contrast: rgba(27,31,36,0.1);
358
+ --color-primer-border-contrast: rgba(31,35,40,0.1);
344
359
  --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
345
360
  --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
346
- --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
347
- --color-scale-black: #1b1f24;
361
+ --color-scale-black: #1F2328;
348
362
  --color-scale-white: #ffffff;
349
363
  --color-scale-gray-0: #f6f8fa;
350
364
  --color-scale-gray-1: #eaeef2;
@@ -437,3 +451,457 @@
437
451
  --color-scale-coral-8: #691105;
438
452
  --color-scale-coral-9: #510901;
439
453
  }
454
+
455
+ .code-diff-view[theme='dark'] {
456
+ @import 'highlight.js/scss/github-dark.scss';
457
+
458
+ color: var(--fgColor-default, var(--color-fg-default));
459
+ background-color: var(--bgColor-default, var(--color-canvas-default));
460
+
461
+ --color-canvas-default-transparent: rgba(13,17,23,0);
462
+ --color-page-header-bg: #0d1117;
463
+ --color-marketing-icon-primary: #79c0ff;
464
+ --color-marketing-icon-secondary: #1f6feb;
465
+ --color-diff-blob-addition-num-text: #e6edf3;
466
+ --color-diff-blob-addition-fg: #e6edf3;
467
+ --color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
468
+ --color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
469
+ --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
470
+ --color-diff-blob-deletion-num-text: #e6edf3;
471
+ --color-diff-blob-deletion-fg: #e6edf3;
472
+ --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
473
+ --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.1);
474
+ --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
475
+ --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
476
+ --color-diff-blob-expander-icon: #7d8590;
477
+ --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
478
+ --color-diffstat-deletion-border: rgba(240,246,252,0.1);
479
+ --color-diffstat-addition-border: rgba(240,246,252,0.1);
480
+ --color-diffstat-addition-bg: #3fb950;
481
+ --color-search-keyword-hl: rgba(210,153,34,0.4);
482
+ --color-prettylights-syntax-comment: #8b949e;
483
+ --color-prettylights-syntax-constant: #79c0ff;
484
+ --color-prettylights-syntax-entity: #d2a8ff;
485
+ --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
486
+ --color-prettylights-syntax-entity-tag: #7ee787;
487
+ --color-prettylights-syntax-keyword: #ff7b72;
488
+ --color-prettylights-syntax-string: #a5d6ff;
489
+ --color-prettylights-syntax-variable: #ffa657;
490
+ --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
491
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
492
+ --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
493
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
494
+ --color-prettylights-syntax-carriage-return-bg: #b62324;
495
+ --color-prettylights-syntax-string-regexp: #7ee787;
496
+ --color-prettylights-syntax-markup-list: #f2cc60;
497
+ --color-prettylights-syntax-markup-heading: #1f6feb;
498
+ --color-prettylights-syntax-markup-italic: #c9d1d9;
499
+ --color-prettylights-syntax-markup-bold: #c9d1d9;
500
+ --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
501
+ --color-prettylights-syntax-markup-deleted-bg: #67060c;
502
+ --color-prettylights-syntax-markup-inserted-text: #aff5b4;
503
+ --color-prettylights-syntax-markup-inserted-bg: #033a16;
504
+ --color-prettylights-syntax-markup-changed-text: #ffdfb6;
505
+ --color-prettylights-syntax-markup-changed-bg: #5a1e02;
506
+ --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
507
+ --color-prettylights-syntax-markup-ignored-bg: #1158c7;
508
+ --color-prettylights-syntax-meta-diff-range: #d2a8ff;
509
+ --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
510
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
511
+ --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
512
+ --color-codemirror-text: #e6edf3;
513
+ --color-codemirror-bg: #0d1117;
514
+ --color-codemirror-gutters-bg: #0d1117;
515
+ --color-codemirror-guttermarker-text: #0d1117;
516
+ --color-codemirror-guttermarker-subtle-text: #6e7681;
517
+ --color-codemirror-linenumber-text: #7d8590;
518
+ --color-codemirror-cursor: #e6edf3;
519
+ --color-codemirror-selection-bg: rgba(56,139,253,0.4);
520
+ --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
521
+ --color-codemirror-matchingbracket-text: #e6edf3;
522
+ --color-codemirror-lines-bg: #0d1117;
523
+ --color-codemirror-syntax-comment: #8b949e;
524
+ --color-codemirror-syntax-constant: #79c0ff;
525
+ --color-codemirror-syntax-entity: #d2a8ff;
526
+ --color-codemirror-syntax-keyword: #ff7b72;
527
+ --color-codemirror-syntax-storage: #ff7b72;
528
+ --color-codemirror-syntax-string: #a5d6ff;
529
+ --color-codemirror-syntax-support: #79c0ff;
530
+ --color-codemirror-syntax-variable: #ffa657;
531
+ --color-checks-bg: #010409;
532
+ --color-checks-run-border-width: 1px;
533
+ --color-checks-container-border-width: 1px;
534
+ --color-checks-text-primary: #e6edf3;
535
+ --color-checks-text-secondary: #7d8590;
536
+ --color-checks-text-link: #2f81f7;
537
+ --color-checks-btn-icon: #7d8590;
538
+ --color-checks-btn-hover-icon: #e6edf3;
539
+ --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
540
+ --color-checks-input-text: #7d8590;
541
+ --color-checks-input-placeholder-text: #6e7681;
542
+ --color-checks-input-focus-text: #e6edf3;
543
+ --color-checks-input-bg: #161b22;
544
+ --color-checks-donut-error: #f85149;
545
+ --color-checks-donut-pending: #d29922;
546
+ --color-checks-donut-success: #2ea043;
547
+ --color-checks-donut-neutral: #8b949e;
548
+ --color-checks-dropdown-text: #e6edf3;
549
+ --color-checks-dropdown-bg: #161b22;
550
+ --color-checks-dropdown-border: #30363d;
551
+ --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
552
+ --color-checks-dropdown-hover-text: #e6edf3;
553
+ --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
554
+ --color-checks-dropdown-btn-hover-text: #e6edf3;
555
+ --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
556
+ --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
557
+ --color-checks-header-label-text: #7d8590;
558
+ --color-checks-header-label-open-text: #e6edf3;
559
+ --color-checks-header-border: #21262d;
560
+ --color-checks-header-icon: #7d8590;
561
+ --color-checks-line-text: #7d8590;
562
+ --color-checks-line-num-text: #6e7681;
563
+ --color-checks-line-timestamp-text: #6e7681;
564
+ --color-checks-line-hover-bg: rgba(110,118,129,0.1);
565
+ --color-checks-line-selected-bg: rgba(56,139,253,0.1);
566
+ --color-checks-line-selected-num-text: #2f81f7;
567
+ --color-checks-line-dt-fm-text: #ffffff;
568
+ --color-checks-line-dt-fm-bg: #9e6a03;
569
+ --color-checks-gate-bg: rgba(187,128,9,0.15);
570
+ --color-checks-gate-text: #7d8590;
571
+ --color-checks-gate-waiting-text: #d29922;
572
+ --color-checks-step-header-open-bg: #161b22;
573
+ --color-checks-step-error-text: #f85149;
574
+ --color-checks-step-warning-text: #d29922;
575
+ --color-checks-logline-text: #7d8590;
576
+ --color-checks-logline-num-text: #6e7681;
577
+ --color-checks-logline-debug-text: #a371f7;
578
+ --color-checks-logline-error-text: #7d8590;
579
+ --color-checks-logline-error-num-text: #6e7681;
580
+ --color-checks-logline-error-bg: rgba(248,81,73,0.1);
581
+ --color-checks-logline-warning-text: #7d8590;
582
+ --color-checks-logline-warning-num-text: #d29922;
583
+ --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
584
+ --color-checks-logline-command-text: #2f81f7;
585
+ --color-checks-logline-section-text: #3fb950;
586
+ --color-checks-ansi-black: #0d1117;
587
+ --color-checks-ansi-black-bright: #161b22;
588
+ --color-checks-ansi-white: #b1bac4;
589
+ --color-checks-ansi-white-bright: #b1bac4;
590
+ --color-checks-ansi-gray: #6e7681;
591
+ --color-checks-ansi-red: #ff7b72;
592
+ --color-checks-ansi-red-bright: #ffa198;
593
+ --color-checks-ansi-green: #3fb950;
594
+ --color-checks-ansi-green-bright: #56d364;
595
+ --color-checks-ansi-yellow: #d29922;
596
+ --color-checks-ansi-yellow-bright: #e3b341;
597
+ --color-checks-ansi-blue: #58a6ff;
598
+ --color-checks-ansi-blue-bright: #79c0ff;
599
+ --color-checks-ansi-magenta: #bc8cff;
600
+ --color-checks-ansi-magenta-bright: #d2a8ff;
601
+ --color-checks-ansi-cyan: #76e3ea;
602
+ --color-checks-ansi-cyan-bright: #b3f0ff;
603
+ --color-project-header-bg: #0d1117;
604
+ --color-project-sidebar-bg: #161b22;
605
+ --color-project-gradient-in: #161b22;
606
+ --color-project-gradient-out: rgba(22,27,34,0);
607
+ --color-mktg-btn-bg: #f6f8fa;
608
+ --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
609
+ --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
610
+ --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
611
+ --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
612
+ --color-control-border-color-emphasis: #606771;
613
+ --color-avatar-bg: rgba(255,255,255,0.1);
614
+ --color-avatar-border: rgba(240,246,252,0.1);
615
+ --color-avatar-stack-fade: #30363d;
616
+ --color-avatar-stack-fade-more: #21262d;
617
+ --color-avatar-child-shadow: 0 0 0 2px #0d1117;
618
+ --color-topic-tag-border: rgba(0,0,0,0);
619
+ --color-counter-border: rgba(0,0,0,0);
620
+ --color-select-menu-backdrop-border: #484f58;
621
+ --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
622
+ --color-select-menu-tap-focus-bg: #0c2d6b;
623
+ --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
624
+ --color-overlay-backdrop: rgba(22,27,34,0.4);
625
+ --color-header-text: rgba(255,255,255,0.7);
626
+ --color-header-bg: #161b22;
627
+ --color-header-divider: #8b949e;
628
+ --color-header-logo: #f0f6fc;
629
+ --color-header-search-bg: #0d1117;
630
+ --color-header-search-border: #30363d;
631
+ --color-sidenav-selected-bg: #21262d;
632
+ --color-menu-bg-active: #161b22;
633
+ --color-input-disabled-bg: rgba(110,118,129,0);
634
+ --color-timeline-badge-bg: #21262d;
635
+ --color-ansi-black: #484f58;
636
+ --color-ansi-black-bright: #6e7681;
637
+ --color-ansi-white: #b1bac4;
638
+ --color-ansi-white-bright: #ffffff;
639
+ --color-ansi-gray: #6e7681;
640
+ --color-ansi-red: #ff7b72;
641
+ --color-ansi-red-bright: #ffa198;
642
+ --color-ansi-green: #3fb950;
643
+ --color-ansi-green-bright: #56d364;
644
+ --color-ansi-yellow: #d29922;
645
+ --color-ansi-yellow-bright: #e3b341;
646
+ --color-ansi-blue: #58a6ff;
647
+ --color-ansi-blue-bright: #79c0ff;
648
+ --color-ansi-magenta: #bc8cff;
649
+ --color-ansi-magenta-bright: #d2a8ff;
650
+ --color-ansi-cyan: #39c5cf;
651
+ --color-ansi-cyan-bright: #56d4dd;
652
+ --color-btn-text: #c9d1d9;
653
+ --color-btn-bg: #21262d;
654
+ --color-btn-border: rgba(240,246,252,0.1);
655
+ --color-btn-shadow: 0 0 transparent;
656
+ --color-btn-inset-shadow: 0 0 transparent;
657
+ --color-btn-hover-bg: #30363d;
658
+ --color-btn-hover-border: #8b949e;
659
+ --color-btn-active-bg: hsla(212,12%,18%,1);
660
+ --color-btn-active-border: #6e7681;
661
+ --color-btn-selected-bg: #161b22;
662
+ --color-btn-counter-bg: #30363d;
663
+ --color-btn-primary-text: #ffffff;
664
+ --color-btn-primary-bg: #238636;
665
+ --color-btn-primary-border: rgba(240,246,252,0.1);
666
+ --color-btn-primary-shadow: 0 0 transparent;
667
+ --color-btn-primary-inset-shadow: 0 0 transparent;
668
+ --color-btn-primary-hover-bg: #2ea043;
669
+ --color-btn-primary-hover-border: rgba(240,246,252,0.1);
670
+ --color-btn-primary-selected-bg: #238636;
671
+ --color-btn-primary-selected-shadow: 0 0 transparent;
672
+ --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
673
+ --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
674
+ --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
675
+ --color-btn-primary-icon: #ffffff;
676
+ --color-btn-primary-counter-bg: rgba(4,38,15,0.2);
677
+ --color-btn-outline-text: #388bfd;
678
+ --color-btn-outline-hover-text: #58a6ff;
679
+ --color-btn-outline-hover-bg: #30363d;
680
+ --color-btn-outline-hover-border: rgba(240,246,252,0.1);
681
+ --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
682
+ --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
683
+ --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
684
+ --color-btn-outline-selected-text: #ffffff;
685
+ --color-btn-outline-selected-bg: #0d419d;
686
+ --color-btn-outline-selected-border: rgba(240,246,252,0.1);
687
+ --color-btn-outline-selected-shadow: 0 0 transparent;
688
+ --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
689
+ --color-btn-outline-disabled-bg: #0d1117;
690
+ --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
691
+ --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
692
+ --color-btn-outline-hover-counter-fg: #58a6ff;
693
+ --color-btn-outline-disabled-counter-fg: rgba(47,129,247,0.5);
694
+ --color-btn-outline-counter-fg: #388bfd;
695
+ --color-btn-danger-text: #f85149;
696
+ --color-btn-danger-hover-text: #ffffff;
697
+ --color-btn-danger-hover-bg: #da3633;
698
+ --color-btn-danger-hover-border: #f85149;
699
+ --color-btn-danger-hover-shadow: 0 0 transparent;
700
+ --color-btn-danger-hover-inset-shadow: 0 0 transparent;
701
+ --color-btn-danger-hover-icon: #ffffff;
702
+ --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
703
+ --color-btn-danger-selected-text: #ffffff;
704
+ --color-btn-danger-selected-bg: #b62324;
705
+ --color-btn-danger-selected-border: #ff7b72;
706
+ --color-btn-danger-selected-shadow: 0 0 transparent;
707
+ --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
708
+ --color-btn-danger-disabled-bg: #0d1117;
709
+ --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
710
+ --color-btn-danger-counter-bg: rgba(73,2,2,0.2);
711
+ --color-btn-danger-icon: #f85149;
712
+ --color-btn-danger-counter-fg: #f85149;
713
+ --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
714
+ --color-btn-danger-hover-counter-fg: #ffffff;
715
+ --color-underlinenav-icon: #6e7681;
716
+ --color-underlinenav-border-hover: rgba(110,118,129,0.4);
717
+ --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
718
+ --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
719
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
720
+ --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
721
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
722
+ --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
723
+ --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
724
+ --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
725
+ --color-action-list-item-danger-hover-text: #ff7b72;
726
+ --color-switch-track-bg: rgba(110,118,129,0.1);
727
+ --color-switch-track-hover-bg: hsla(215,8%,72%,0.1);
728
+ --color-switch-track-active-bg: rgba(110,118,129,0.4);
729
+ --color-switch-track-disabled-bg: #21262d;
730
+ --color-switch-track-fg: #7d8590;
731
+ --color-switch-track-disabled-fg: #010409;
732
+ --color-switch-track-border: rgba(0,0,0,0);
733
+ --color-switch-track-checked-bg: rgba(31,111,235,0.35);
734
+ --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
735
+ --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
736
+ --color-switch-track-checked-fg: #ffffff;
737
+ --color-switch-track-checked-disabled-fg: #010409;
738
+ --color-switch-track-checked-border: rgba(0,0,0,0);
739
+ --color-switch-knob-bg: #0d1117;
740
+ --color-switch-knob-border: #606771;
741
+ --color-switch-knob-disabled-bg: #161b22;
742
+ --color-switch-knob-checked-bg: #0d1117;
743
+ --color-switch-knob-checked-disabled-bg: #161b22;
744
+ --color-switch-knob-checked-border: rgba(31,111,235,0.35);
745
+ --color-segmented-control-bg: rgba(110,118,129,0.1);
746
+ --color-segmented-control-button-bg: #0d1117;
747
+ --color-segmented-control-button-hover-bg: #30363d;
748
+ --color-segmented-control-button-active-bg: #21262d;
749
+ --color-segmented-control-button-selected-border: #6e7681;
750
+ --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
751
+ --color-tree-view-item-directory-fill: #7d8590;
752
+ --color-fg-default: #e6edf3;
753
+ --color-fg-muted: #7d8590;
754
+ --color-fg-subtle: #6e7681;
755
+ --color-fg-on-emphasis: #ffffff;
756
+ --color-canvas-default: #0d1117;
757
+ --color-canvas-overlay: #161b22;
758
+ --color-canvas-inset: #010409;
759
+ --color-canvas-subtle: #161b22;
760
+ --color-border-default: #30363d;
761
+ --color-border-muted: #21262d;
762
+ --color-border-subtle: rgba(240,246,252,0.1);
763
+ --color-shadow-small: 0 0 transparent;
764
+ --color-shadow-medium: 0 3px 6px #010409;
765
+ --color-shadow-large: 0 8px 24px #010409;
766
+ --color-shadow-extra-large: 0 12px 48px #010409;
767
+ --color-neutral-emphasis-plus: #6e7681;
768
+ --color-neutral-emphasis: #6e7681;
769
+ --color-neutral-muted: rgba(110,118,129,0.4);
770
+ --color-neutral-subtle: rgba(110,118,129,0.1);
771
+ --color-accent-fg: #2f81f7;
772
+ --color-accent-emphasis: #1f6feb;
773
+ --color-accent-muted: rgba(56,139,253,0.4);
774
+ --color-accent-subtle: rgba(56,139,253,0.1);
775
+ --color-success-fg: #3fb950;
776
+ --color-success-emphasis: #238636;
777
+ --color-success-muted: rgba(46,160,67,0.4);
778
+ --color-success-subtle: rgba(46,160,67,0.15);
779
+ --color-attention-fg: #d29922;
780
+ --color-attention-emphasis: #9e6a03;
781
+ --color-attention-muted: rgba(187,128,9,0.4);
782
+ --color-attention-subtle: rgba(187,128,9,0.15);
783
+ --color-severe-fg: #db6d28;
784
+ --color-severe-emphasis: #bd561d;
785
+ --color-severe-muted: rgba(219,109,40,0.4);
786
+ --color-severe-subtle: rgba(219,109,40,0.1);
787
+ --color-danger-fg: #f85149;
788
+ --color-danger-emphasis: #da3633;
789
+ --color-danger-muted: rgba(248,81,73,0.4);
790
+ --color-danger-subtle: rgba(248,81,73,0.1);
791
+ --color-open-fg: #3fb950;
792
+ --color-open-emphasis: #238636;
793
+ --color-open-muted: rgba(46,160,67,0.4);
794
+ --color-open-subtle: rgba(46,160,67,0.15);
795
+ --color-closed-fg: #f85149;
796
+ --color-closed-emphasis: #da3633;
797
+ --color-closed-muted: rgba(248,81,73,0.4);
798
+ --color-closed-subtle: rgba(248,81,73,0.15);
799
+ --color-done-fg: #a371f7;
800
+ --color-done-emphasis: #8957e5;
801
+ --color-done-muted: rgba(163,113,247,0.4);
802
+ --color-done-subtle: rgba(163,113,247,0.1);
803
+ --color-sponsors-fg: #db61a2;
804
+ --color-sponsors-emphasis: #bf4b8a;
805
+ --color-sponsors-muted: rgba(219,97,162,0.4);
806
+ --color-sponsors-subtle: rgba(219,97,162,0.1);
807
+ --color-primer-fg-disabled: #484f58;
808
+ --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
809
+ --color-primer-canvas-sticky: rgba(13,17,23,0.95);
810
+ --color-primer-border-active: #f78166;
811
+ --color-primer-border-contrast: rgba(255,255,255,0.2);
812
+ --color-primer-shadow-highlight: 0 0 transparent;
813
+ --color-primer-shadow-inset: 0 0 transparent;
814
+ --color-scale-black: #010409;
815
+ --color-scale-white: #ffffff;
816
+ --color-scale-gray-0: #f0f6fc;
817
+ --color-scale-gray-1: #c9d1d9;
818
+ --color-scale-gray-2: #b1bac4;
819
+ --color-scale-gray-3: #8b949e;
820
+ --color-scale-gray-4: #6e7681;
821
+ --color-scale-gray-5: #484f58;
822
+ --color-scale-gray-6: #30363d;
823
+ --color-scale-gray-7: #21262d;
824
+ --color-scale-gray-8: #161b22;
825
+ --color-scale-gray-9: #0d1117;
826
+ --color-scale-blue-0: #cae8ff;
827
+ --color-scale-blue-1: #a5d6ff;
828
+ --color-scale-blue-2: #79c0ff;
829
+ --color-scale-blue-3: #58a6ff;
830
+ --color-scale-blue-4: #388bfd;
831
+ --color-scale-blue-5: #1f6feb;
832
+ --color-scale-blue-6: #1158c7;
833
+ --color-scale-blue-7: #0d419d;
834
+ --color-scale-blue-8: #0c2d6b;
835
+ --color-scale-blue-9: #051d4d;
836
+ --color-scale-green-0: #aff5b4;
837
+ --color-scale-green-1: #7ee787;
838
+ --color-scale-green-2: #56d364;
839
+ --color-scale-green-3: #3fb950;
840
+ --color-scale-green-4: #2ea043;
841
+ --color-scale-green-5: #238636;
842
+ --color-scale-green-6: #196c2e;
843
+ --color-scale-green-7: #0f5323;
844
+ --color-scale-green-8: #033a16;
845
+ --color-scale-green-9: #04260f;
846
+ --color-scale-yellow-0: #f8e3a1;
847
+ --color-scale-yellow-1: #f2cc60;
848
+ --color-scale-yellow-2: #e3b341;
849
+ --color-scale-yellow-3: #d29922;
850
+ --color-scale-yellow-4: #bb8009;
851
+ --color-scale-yellow-5: #9e6a03;
852
+ --color-scale-yellow-6: #845306;
853
+ --color-scale-yellow-7: #693e00;
854
+ --color-scale-yellow-8: #4b2900;
855
+ --color-scale-yellow-9: #341a00;
856
+ --color-scale-orange-0: #ffdfb6;
857
+ --color-scale-orange-1: #ffc680;
858
+ --color-scale-orange-2: #ffa657;
859
+ --color-scale-orange-3: #f0883e;
860
+ --color-scale-orange-4: #db6d28;
861
+ --color-scale-orange-5: #bd561d;
862
+ --color-scale-orange-6: #9b4215;
863
+ --color-scale-orange-7: #762d0a;
864
+ --color-scale-orange-8: #5a1e02;
865
+ --color-scale-orange-9: #3d1300;
866
+ --color-scale-red-0: #ffdcd7;
867
+ --color-scale-red-1: #ffc1ba;
868
+ --color-scale-red-2: #ffa198;
869
+ --color-scale-red-3: #ff7b72;
870
+ --color-scale-red-4: #f85149;
871
+ --color-scale-red-5: #da3633;
872
+ --color-scale-red-6: #b62324;
873
+ --color-scale-red-7: #8e1519;
874
+ --color-scale-red-8: #67060c;
875
+ --color-scale-red-9: #490202;
876
+ --color-scale-purple-0: #eddeff;
877
+ --color-scale-purple-1: #e2c5ff;
878
+ --color-scale-purple-2: #d2a8ff;
879
+ --color-scale-purple-3: #bc8cff;
880
+ --color-scale-purple-4: #a371f7;
881
+ --color-scale-purple-5: #8957e5;
882
+ --color-scale-purple-6: #6e40c9;
883
+ --color-scale-purple-7: #553098;
884
+ --color-scale-purple-8: #3c1e70;
885
+ --color-scale-purple-9: #271052;
886
+ --color-scale-pink-0: #ffdaec;
887
+ --color-scale-pink-1: #ffbedd;
888
+ --color-scale-pink-2: #ff9bce;
889
+ --color-scale-pink-3: #f778ba;
890
+ --color-scale-pink-4: #db61a2;
891
+ --color-scale-pink-5: #bf4b8a;
892
+ --color-scale-pink-6: #9e3670;
893
+ --color-scale-pink-7: #7d2457;
894
+ --color-scale-pink-8: #5e103e;
895
+ --color-scale-pink-9: #42062a;
896
+ --color-scale-coral-0: #ffddd2;
897
+ --color-scale-coral-1: #ffc2b2;
898
+ --color-scale-coral-2: #ffa28b;
899
+ --color-scale-coral-3: #f78166;
900
+ --color-scale-coral-4: #ea6045;
901
+ --color-scale-coral-5: #cf462d;
902
+ --color-scale-coral-6: #ac3220;
903
+ --color-scale-coral-7: #872012;
904
+ --color-scale-coral-8: #640d04;
905
+ --color-scale-coral-9: #460701;
906
+ }
907
+