@primer/css 0.0.0-20230922162044 → 0.0.0-20231006000832

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/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @primer/css
2
2
 
3
- ## 0.0.0-20230922162044
3
+ ## 0.0.0-20231006000832
4
4
 
5
5
  ### Patch Changes
6
6
 
@@ -0,0 +1,451 @@
1
+ /* stylelint-disable scss/selector-no-redundant-nesting-selector, hue-degree-notation, color-hex-length, alpha-value-notation, primer/no-deprecated-colors */
2
+ @mixin primer-colors-dark {
3
+ & {
4
+ --color-canvas-default-transparent: rgba(13,17,23,0);
5
+ --color-page-header-bg: #0d1117;
6
+ --color-marketing-icon-primary: #79c0ff;
7
+ --color-marketing-icon-secondary: #1f6feb;
8
+ --color-diff-blob-addition-num-text: #e6edf3;
9
+ --color-diff-blob-addition-fg: #e6edf3;
10
+ --color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
11
+ --color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
12
+ --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
13
+ --color-diff-blob-deletion-num-text: #e6edf3;
14
+ --color-diff-blob-deletion-fg: #e6edf3;
15
+ --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
16
+ --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.1);
17
+ --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
18
+ --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
19
+ --color-diff-blob-expander-icon: #7d8590;
20
+ --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
21
+ --color-diffstat-deletion-border: rgba(240,246,252,0.1);
22
+ --color-diffstat-addition-border: rgba(240,246,252,0.1);
23
+ --color-diffstat-addition-bg: #3fb950;
24
+ --color-search-keyword-hl: rgba(210,153,34,0.4);
25
+ --color-prettylights-syntax-comment: #8b949e;
26
+ --color-prettylights-syntax-constant: #79c0ff;
27
+ --color-prettylights-syntax-entity: #d2a8ff;
28
+ --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
29
+ --color-prettylights-syntax-entity-tag: #7ee787;
30
+ --color-prettylights-syntax-keyword: #ff7b72;
31
+ --color-prettylights-syntax-string: #a5d6ff;
32
+ --color-prettylights-syntax-variable: #ffa657;
33
+ --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
34
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
35
+ --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
36
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
37
+ --color-prettylights-syntax-carriage-return-bg: #b62324;
38
+ --color-prettylights-syntax-string-regexp: #7ee787;
39
+ --color-prettylights-syntax-markup-list: #f2cc60;
40
+ --color-prettylights-syntax-markup-heading: #1f6feb;
41
+ --color-prettylights-syntax-markup-italic: #c9d1d9;
42
+ --color-prettylights-syntax-markup-bold: #c9d1d9;
43
+ --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
44
+ --color-prettylights-syntax-markup-deleted-bg: #67060c;
45
+ --color-prettylights-syntax-markup-inserted-text: #aff5b4;
46
+ --color-prettylights-syntax-markup-inserted-bg: #033a16;
47
+ --color-prettylights-syntax-markup-changed-text: #ffdfb6;
48
+ --color-prettylights-syntax-markup-changed-bg: #5a1e02;
49
+ --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
50
+ --color-prettylights-syntax-markup-ignored-bg: #1158c7;
51
+ --color-prettylights-syntax-meta-diff-range: #d2a8ff;
52
+ --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
53
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
54
+ --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
55
+ --color-codemirror-text: #e6edf3;
56
+ --color-codemirror-bg: #0d1117;
57
+ --color-codemirror-gutters-bg: #0d1117;
58
+ --color-codemirror-guttermarker-text: #0d1117;
59
+ --color-codemirror-guttermarker-subtle-text: #6e7681;
60
+ --color-codemirror-linenumber-text: #7d8590;
61
+ --color-codemirror-cursor: #e6edf3;
62
+ --color-codemirror-selection-bg: rgba(56,139,253,0.4);
63
+ --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
64
+ --color-codemirror-matchingbracket-text: #e6edf3;
65
+ --color-codemirror-lines-bg: #0d1117;
66
+ --color-codemirror-syntax-comment: #8b949e;
67
+ --color-codemirror-syntax-constant: #79c0ff;
68
+ --color-codemirror-syntax-entity: #d2a8ff;
69
+ --color-codemirror-syntax-keyword: #ff7b72;
70
+ --color-codemirror-syntax-storage: #ff7b72;
71
+ --color-codemirror-syntax-string: #a5d6ff;
72
+ --color-codemirror-syntax-support: #79c0ff;
73
+ --color-codemirror-syntax-variable: #ffa657;
74
+ --color-checks-bg: #010409;
75
+ --color-checks-run-border-width: 1px;
76
+ --color-checks-container-border-width: 1px;
77
+ --color-checks-text-primary: #e6edf3;
78
+ --color-checks-text-secondary: #7d8590;
79
+ --color-checks-text-link: #2f81f7;
80
+ --color-checks-btn-icon: #7d8590;
81
+ --color-checks-btn-hover-icon: #e6edf3;
82
+ --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
83
+ --color-checks-input-text: #7d8590;
84
+ --color-checks-input-placeholder-text: #6e7681;
85
+ --color-checks-input-focus-text: #e6edf3;
86
+ --color-checks-input-bg: #161b22;
87
+ --color-checks-input-shadow: 0 0 0 1px var(--color-border-default);
88
+ --color-checks-donut-error: #f85149;
89
+ --color-checks-donut-pending: #d29922;
90
+ --color-checks-donut-success: #2ea043;
91
+ --color-checks-donut-neutral: #8b949e;
92
+ --color-checks-dropdown-text: #e6edf3;
93
+ --color-checks-dropdown-bg: #161b22;
94
+ --color-checks-dropdown-border: #30363d;
95
+ --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
96
+ --color-checks-dropdown-hover-text: #e6edf3;
97
+ --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
98
+ --color-checks-dropdown-btn-hover-text: #e6edf3;
99
+ --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
100
+ --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
101
+ --color-checks-header-label-text: #7d8590;
102
+ --color-checks-header-label-open-text: #e6edf3;
103
+ --color-checks-header-border: #21262d;
104
+ --color-checks-header-icon: #7d8590;
105
+ --color-checks-line-text: #7d8590;
106
+ --color-checks-line-num-text: #6e7681;
107
+ --color-checks-line-timestamp-text: #6e7681;
108
+ --color-checks-line-hover-bg: rgba(110,118,129,0.1);
109
+ --color-checks-line-selected-bg: rgba(56,139,253,0.1);
110
+ --color-checks-line-selected-num-text: #2f81f7;
111
+ --color-checks-line-dt-fm-text: #ffffff;
112
+ --color-checks-line-dt-fm-bg: #9e6a03;
113
+ --color-checks-gate-bg: rgba(187,128,9,0.15);
114
+ --color-checks-gate-text: #7d8590;
115
+ --color-checks-gate-waiting-text: #d29922;
116
+ --color-checks-step-header-open-bg: #161b22;
117
+ --color-checks-step-error-text: #f85149;
118
+ --color-checks-step-warning-text: #d29922;
119
+ --color-checks-logline-text: #7d8590;
120
+ --color-checks-logline-num-text: #6e7681;
121
+ --color-checks-logline-debug-text: #a371f7;
122
+ --color-checks-logline-error-text: #7d8590;
123
+ --color-checks-logline-error-num-text: #6e7681;
124
+ --color-checks-logline-error-bg: rgba(248,81,73,0.1);
125
+ --color-checks-logline-warning-text: #7d8590;
126
+ --color-checks-logline-warning-num-text: #d29922;
127
+ --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
128
+ --color-checks-logline-command-text: #2f81f7;
129
+ --color-checks-logline-section-text: #3fb950;
130
+ --color-checks-ansi-black: #0d1117;
131
+ --color-checks-ansi-black-bright: #161b22;
132
+ --color-checks-ansi-white: #b1bac4;
133
+ --color-checks-ansi-white-bright: #b1bac4;
134
+ --color-checks-ansi-gray: #6e7681;
135
+ --color-checks-ansi-red: #ff7b72;
136
+ --color-checks-ansi-red-bright: #ffa198;
137
+ --color-checks-ansi-green: #3fb950;
138
+ --color-checks-ansi-green-bright: #56d364;
139
+ --color-checks-ansi-yellow: #d29922;
140
+ --color-checks-ansi-yellow-bright: #e3b341;
141
+ --color-checks-ansi-blue: #58a6ff;
142
+ --color-checks-ansi-blue-bright: #79c0ff;
143
+ --color-checks-ansi-magenta: #bc8cff;
144
+ --color-checks-ansi-magenta-bright: #d2a8ff;
145
+ --color-checks-ansi-cyan: #76e3ea;
146
+ --color-checks-ansi-cyan-bright: #b3f0ff;
147
+ --color-project-header-bg: #0d1117;
148
+ --color-project-sidebar-bg: #161b22;
149
+ --color-project-gradient-in: #161b22;
150
+ --color-project-gradient-out: rgba(22,27,34,0);
151
+ --color-mktg-btn-bg: #f6f8fa;
152
+ --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
153
+ --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
154
+ --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);
155
+ --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
156
+ --color-control-border-color-emphasis: #606771;
157
+ --color-avatar-bg: rgba(255,255,255,0.1);
158
+ --color-avatar-border: rgba(240,246,252,0.1);
159
+ --color-avatar-stack-fade: #30363d;
160
+ --color-avatar-stack-fade-more: #21262d;
161
+ --color-avatar-child-shadow: 0 0 0 2px #0d1117;
162
+ --color-topic-tag-border: rgba(0,0,0,0);
163
+ --color-counter-border: rgba(0,0,0,0);
164
+ --color-select-menu-backdrop-border: #484f58;
165
+ --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
166
+ --color-select-menu-tap-focus-bg: #0c2d6b;
167
+ --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
168
+ --color-overlay-backdrop: rgba(22,27,34,0.4);
169
+ --color-header-text: rgba(255,255,255,0.7);
170
+ --color-header-bg: #161b22;
171
+ --color-header-divider: #8b949e;
172
+ --color-header-logo: #f0f6fc;
173
+ --color-header-search-bg: #0d1117;
174
+ --color-header-search-border: #30363d;
175
+ --color-sidenav-selected-bg: #21262d;
176
+ --color-menu-bg-active: #161b22;
177
+ --color-input-disabled-bg: rgba(110,118,129,0);
178
+ --color-timeline-badge-bg: #21262d;
179
+ --color-ansi-black: #484f58;
180
+ --color-ansi-black-bright: #6e7681;
181
+ --color-ansi-white: #b1bac4;
182
+ --color-ansi-white-bright: #ffffff;
183
+ --color-ansi-gray: #6e7681;
184
+ --color-ansi-red: #ff7b72;
185
+ --color-ansi-red-bright: #ffa198;
186
+ --color-ansi-green: #3fb950;
187
+ --color-ansi-green-bright: #56d364;
188
+ --color-ansi-yellow: #d29922;
189
+ --color-ansi-yellow-bright: #e3b341;
190
+ --color-ansi-blue: #58a6ff;
191
+ --color-ansi-blue-bright: #79c0ff;
192
+ --color-ansi-magenta: #bc8cff;
193
+ --color-ansi-magenta-bright: #d2a8ff;
194
+ --color-ansi-cyan: #39c5cf;
195
+ --color-ansi-cyan-bright: #56d4dd;
196
+ --color-btn-text: #c9d1d9;
197
+ --color-btn-bg: #21262d;
198
+ --color-btn-border: rgba(240,246,252,0.1);
199
+ --color-btn-shadow: 0 0 transparent;
200
+ --color-btn-inset-shadow: 0 0 transparent;
201
+ --color-btn-hover-bg: #30363d;
202
+ --color-btn-hover-border: #8b949e;
203
+ --color-btn-active-bg: hsla(212,12%,18%,1);
204
+ --color-btn-active-border: #6e7681;
205
+ --color-btn-selected-bg: #161b22;
206
+ --color-btn-counter-bg: #30363d;
207
+ --color-btn-primary-text: #ffffff;
208
+ --color-btn-primary-bg: #238636;
209
+ --color-btn-primary-border: rgba(240,246,252,0.1);
210
+ --color-btn-primary-shadow: 0 0 transparent;
211
+ --color-btn-primary-inset-shadow: 0 0 transparent;
212
+ --color-btn-primary-hover-bg: #2ea043;
213
+ --color-btn-primary-hover-border: rgba(240,246,252,0.1);
214
+ --color-btn-primary-selected-bg: #238636;
215
+ --color-btn-primary-selected-shadow: 0 0 transparent;
216
+ --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
217
+ --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
218
+ --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
219
+ --color-btn-primary-icon: #ffffff;
220
+ --color-btn-primary-counter-bg: rgba(4,38,15,0.2);
221
+ --color-btn-outline-text: #388bfd;
222
+ --color-btn-outline-hover-text: #58a6ff;
223
+ --color-btn-outline-hover-bg: #30363d;
224
+ --color-btn-outline-hover-border: rgba(240,246,252,0.1);
225
+ --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
226
+ --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
227
+ --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
228
+ --color-btn-outline-selected-text: #ffffff;
229
+ --color-btn-outline-selected-bg: #0d419d;
230
+ --color-btn-outline-selected-border: rgba(240,246,252,0.1);
231
+ --color-btn-outline-selected-shadow: 0 0 transparent;
232
+ --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
233
+ --color-btn-outline-disabled-bg: #0d1117;
234
+ --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
235
+ --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
236
+ --color-btn-outline-hover-counter-fg: #58a6ff;
237
+ --color-btn-outline-disabled-counter-fg: rgba(47,129,247,0.5);
238
+ --color-btn-outline-counter-fg: #388bfd;
239
+ --color-btn-danger-text: #f85149;
240
+ --color-btn-danger-hover-text: #ffffff;
241
+ --color-btn-danger-hover-bg: #da3633;
242
+ --color-btn-danger-hover-border: #f85149;
243
+ --color-btn-danger-hover-shadow: 0 0 transparent;
244
+ --color-btn-danger-hover-inset-shadow: 0 0 transparent;
245
+ --color-btn-danger-hover-icon: #ffffff;
246
+ --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
247
+ --color-btn-danger-selected-text: #ffffff;
248
+ --color-btn-danger-selected-bg: #b62324;
249
+ --color-btn-danger-selected-border: #ff7b72;
250
+ --color-btn-danger-selected-shadow: 0 0 transparent;
251
+ --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
252
+ --color-btn-danger-disabled-bg: #0d1117;
253
+ --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
254
+ --color-btn-danger-counter-bg: rgba(73,2,2,0.2);
255
+ --color-btn-danger-icon: #f85149;
256
+ --color-btn-danger-counter-fg: #f85149;
257
+ --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
258
+ --color-btn-danger-hover-counter-fg: #ffffff;
259
+ --color-underlinenav-icon: #6e7681;
260
+ --color-underlinenav-border-hover: rgba(110,118,129,0.4);
261
+ --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
262
+ --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
263
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
264
+ --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
265
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
266
+ --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
267
+ --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
268
+ --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
269
+ --color-action-list-item-danger-hover-text: #ff7b72;
270
+ --color-switch-track-bg: rgba(110,118,129,0.1);
271
+ --color-switch-track-hover-bg: hsla(215,8%,72%,0.1);
272
+ --color-switch-track-active-bg: rgba(110,118,129,0.4);
273
+ --color-switch-track-disabled-bg: #21262d;
274
+ --color-switch-track-fg: #7d8590;
275
+ --color-switch-track-disabled-fg: #010409;
276
+ --color-switch-track-border: rgba(0,0,0,0);
277
+ --color-switch-track-checked-bg: rgba(31,111,235,0.35);
278
+ --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
279
+ --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
280
+ --color-switch-track-checked-fg: #ffffff;
281
+ --color-switch-track-checked-disabled-fg: #010409;
282
+ --color-switch-track-checked-border: rgba(0,0,0,0);
283
+ --color-switch-knob-bg: #0d1117;
284
+ --color-switch-knob-border: #606771;
285
+ --color-switch-knob-disabled-bg: #161b22;
286
+ --color-switch-knob-checked-bg: #0d1117;
287
+ --color-switch-knob-checked-disabled-bg: #161b22;
288
+ --color-switch-knob-checked-border: rgba(31,111,235,0.35);
289
+ --color-segmented-control-bg: rgba(110,118,129,0.1);
290
+ --color-segmented-control-button-bg: #0d1117;
291
+ --color-segmented-control-button-hover-bg: #30363d;
292
+ --color-segmented-control-button-active-bg: #21262d;
293
+ --color-segmented-control-button-selected-border: #6e7681;
294
+ --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
295
+ --color-tree-view-item-directory-fill: #7d8590;
296
+ --color-fg-default: #e6edf3;
297
+ --color-fg-muted: #7d8590;
298
+ --color-fg-subtle: #6e7681;
299
+ --color-fg-on-emphasis: #ffffff;
300
+ --color-canvas-default: #0d1117;
301
+ --color-canvas-overlay: #161b22;
302
+ --color-canvas-inset: #010409;
303
+ --color-canvas-subtle: #161b22;
304
+ --color-border-default: #30363d;
305
+ --color-border-muted: #21262d;
306
+ --color-border-subtle: rgba(240,246,252,0.1);
307
+ --color-shadow-small: 0 0 transparent;
308
+ --color-shadow-medium: 0 3px 6px #010409;
309
+ --color-shadow-large: 0 8px 24px #010409;
310
+ --color-shadow-extra-large: 0 12px 48px #010409;
311
+ --color-neutral-emphasis-plus: #6e7681;
312
+ --color-neutral-emphasis: #6e7681;
313
+ --color-neutral-muted: rgba(110,118,129,0.4);
314
+ --color-neutral-subtle: rgba(110,118,129,0.1);
315
+ --color-accent-fg: #2f81f7;
316
+ --color-accent-emphasis: #1f6feb;
317
+ --color-accent-muted: rgba(56,139,253,0.4);
318
+ --color-accent-subtle: rgba(56,139,253,0.1);
319
+ --color-success-fg: #3fb950;
320
+ --color-success-emphasis: #238636;
321
+ --color-success-muted: rgba(46,160,67,0.4);
322
+ --color-success-subtle: rgba(46,160,67,0.15);
323
+ --color-attention-fg: #d29922;
324
+ --color-attention-emphasis: #9e6a03;
325
+ --color-attention-muted: rgba(187,128,9,0.4);
326
+ --color-attention-subtle: rgba(187,128,9,0.15);
327
+ --color-severe-fg: #db6d28;
328
+ --color-severe-emphasis: #bd561d;
329
+ --color-severe-muted: rgba(219,109,40,0.4);
330
+ --color-severe-subtle: rgba(219,109,40,0.1);
331
+ --color-danger-fg: #f85149;
332
+ --color-danger-emphasis: #da3633;
333
+ --color-danger-muted: rgba(248,81,73,0.4);
334
+ --color-danger-subtle: rgba(248,81,73,0.1);
335
+ --color-open-fg: #3fb950;
336
+ --color-open-emphasis: #238636;
337
+ --color-open-muted: rgba(46,160,67,0.4);
338
+ --color-open-subtle: rgba(46,160,67,0.15);
339
+ --color-closed-fg: #f85149;
340
+ --color-closed-emphasis: #da3633;
341
+ --color-closed-muted: rgba(248,81,73,0.4);
342
+ --color-closed-subtle: rgba(248,81,73,0.15);
343
+ --color-done-fg: #a371f7;
344
+ --color-done-emphasis: #8957e5;
345
+ --color-done-muted: rgba(163,113,247,0.4);
346
+ --color-done-subtle: rgba(163,113,247,0.1);
347
+ --color-sponsors-fg: #db61a2;
348
+ --color-sponsors-emphasis: #bf4b8a;
349
+ --color-sponsors-muted: rgba(219,97,162,0.4);
350
+ --color-sponsors-subtle: rgba(219,97,162,0.1);
351
+ --color-primer-fg-disabled: #484f58;
352
+ --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
353
+ --color-primer-canvas-sticky: rgba(13,17,23,0.95);
354
+ --color-primer-border-active: #f78166;
355
+ --color-primer-border-contrast: rgba(255,255,255,0.2);
356
+ --color-primer-shadow-highlight: 0 0 transparent;
357
+ --color-primer-shadow-inset: 0 0 transparent;
358
+ --color-scale-black: #010409;
359
+ --color-scale-white: #ffffff;
360
+ --color-scale-gray-0: #f0f6fc;
361
+ --color-scale-gray-1: #c9d1d9;
362
+ --color-scale-gray-2: #b1bac4;
363
+ --color-scale-gray-3: #8b949e;
364
+ --color-scale-gray-4: #6e7681;
365
+ --color-scale-gray-5: #484f58;
366
+ --color-scale-gray-6: #30363d;
367
+ --color-scale-gray-7: #21262d;
368
+ --color-scale-gray-8: #161b22;
369
+ --color-scale-gray-9: #0d1117;
370
+ --color-scale-blue-0: #cae8ff;
371
+ --color-scale-blue-1: #a5d6ff;
372
+ --color-scale-blue-2: #79c0ff;
373
+ --color-scale-blue-3: #58a6ff;
374
+ --color-scale-blue-4: #388bfd;
375
+ --color-scale-blue-5: #1f6feb;
376
+ --color-scale-blue-6: #1158c7;
377
+ --color-scale-blue-7: #0d419d;
378
+ --color-scale-blue-8: #0c2d6b;
379
+ --color-scale-blue-9: #051d4d;
380
+ --color-scale-green-0: #aff5b4;
381
+ --color-scale-green-1: #7ee787;
382
+ --color-scale-green-2: #56d364;
383
+ --color-scale-green-3: #3fb950;
384
+ --color-scale-green-4: #2ea043;
385
+ --color-scale-green-5: #238636;
386
+ --color-scale-green-6: #196c2e;
387
+ --color-scale-green-7: #0f5323;
388
+ --color-scale-green-8: #033a16;
389
+ --color-scale-green-9: #04260f;
390
+ --color-scale-yellow-0: #f8e3a1;
391
+ --color-scale-yellow-1: #f2cc60;
392
+ --color-scale-yellow-2: #e3b341;
393
+ --color-scale-yellow-3: #d29922;
394
+ --color-scale-yellow-4: #bb8009;
395
+ --color-scale-yellow-5: #9e6a03;
396
+ --color-scale-yellow-6: #845306;
397
+ --color-scale-yellow-7: #693e00;
398
+ --color-scale-yellow-8: #4b2900;
399
+ --color-scale-yellow-9: #341a00;
400
+ --color-scale-orange-0: #ffdfb6;
401
+ --color-scale-orange-1: #ffc680;
402
+ --color-scale-orange-2: #ffa657;
403
+ --color-scale-orange-3: #f0883e;
404
+ --color-scale-orange-4: #db6d28;
405
+ --color-scale-orange-5: #bd561d;
406
+ --color-scale-orange-6: #9b4215;
407
+ --color-scale-orange-7: #762d0a;
408
+ --color-scale-orange-8: #5a1e02;
409
+ --color-scale-orange-9: #3d1300;
410
+ --color-scale-red-0: #ffdcd7;
411
+ --color-scale-red-1: #ffc1ba;
412
+ --color-scale-red-2: #ffa198;
413
+ --color-scale-red-3: #ff7b72;
414
+ --color-scale-red-4: #f85149;
415
+ --color-scale-red-5: #da3633;
416
+ --color-scale-red-6: #b62324;
417
+ --color-scale-red-7: #8e1519;
418
+ --color-scale-red-8: #67060c;
419
+ --color-scale-red-9: #490202;
420
+ --color-scale-purple-0: #eddeff;
421
+ --color-scale-purple-1: #e2c5ff;
422
+ --color-scale-purple-2: #d2a8ff;
423
+ --color-scale-purple-3: #bc8cff;
424
+ --color-scale-purple-4: #a371f7;
425
+ --color-scale-purple-5: #8957e5;
426
+ --color-scale-purple-6: #6e40c9;
427
+ --color-scale-purple-7: #553098;
428
+ --color-scale-purple-8: #3c1e70;
429
+ --color-scale-purple-9: #271052;
430
+ --color-scale-pink-0: #ffdaec;
431
+ --color-scale-pink-1: #ffbedd;
432
+ --color-scale-pink-2: #ff9bce;
433
+ --color-scale-pink-3: #f778ba;
434
+ --color-scale-pink-4: #db61a2;
435
+ --color-scale-pink-5: #bf4b8a;
436
+ --color-scale-pink-6: #9e3670;
437
+ --color-scale-pink-7: #7d2457;
438
+ --color-scale-pink-8: #5e103e;
439
+ --color-scale-pink-9: #42062a;
440
+ --color-scale-coral-0: #ffddd2;
441
+ --color-scale-coral-1: #ffc2b2;
442
+ --color-scale-coral-2: #ffa28b;
443
+ --color-scale-coral-3: #f78166;
444
+ --color-scale-coral-4: #ea6045;
445
+ --color-scale-coral-5: #cf462d;
446
+ --color-scale-coral-6: #ac3220;
447
+ --color-scale-coral-7: #872012;
448
+ --color-scale-coral-8: #640d04;
449
+ --color-scale-coral-9: #460701;
450
+ }
451
+ }