@primer/primitives 7.6.0-rc.8feb85c → 7.7.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.
@@ -0,0 +1,437 @@
1
+ @mixin primer-colors-light_tritanopia {
2
+ & {
3
+ --color-canvas-default-transparent: rgba(255,255,255,0);
4
+ --color-page-header-bg: #f6f8fa;
5
+ --color-marketing-icon-primary: #218bff;
6
+ --color-marketing-icon-secondary: #54aeff;
7
+ --color-diff-blob-addition-num-text: #24292f;
8
+ --color-diff-blob-addition-fg: #24292f;
9
+ --color-diff-blob-addition-num-bg: rgba(84,174,255,0.4);
10
+ --color-diff-blob-addition-line-bg: rgba(221,244,255,0.5);
11
+ --color-diff-blob-addition-word-bg: rgba(84,174,255,0.4);
12
+ --color-diff-blob-deletion-num-text: #24292f;
13
+ --color-diff-blob-deletion-fg: #24292f;
14
+ --color-diff-blob-deletion-num-bg: rgba(255,129,130,0.4);
15
+ --color-diff-blob-deletion-line-bg: rgba(255,235,233,0.5);
16
+ --color-diff-blob-deletion-word-bg: rgba(255,171,168,0.5);
17
+ --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
18
+ --color-diff-blob-expander-icon: #57606a;
19
+ --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
20
+ --color-diffstat-deletion-border: rgba(27,31,36,0.15);
21
+ --color-diffstat-addition-border: rgba(27,31,36,0.15);
22
+ --color-diffstat-addition-bg: #218bff;
23
+ --color-search-keyword-hl: #fff8c5;
24
+ --color-prettylights-syntax-comment: #6e7781;
25
+ --color-prettylights-syntax-constant: #0550ae;
26
+ --color-prettylights-syntax-entity: #8250df;
27
+ --color-prettylights-syntax-storage-modifier-import: #24292f;
28
+ --color-prettylights-syntax-entity-tag: #0550ae;
29
+ --color-prettylights-syntax-keyword: #cf222e;
30
+ --color-prettylights-syntax-string: #0a3069;
31
+ --color-prettylights-syntax-variable: #a40e26;
32
+ --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
33
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
34
+ --color-prettylights-syntax-invalid-illegal-bg: #82071e;
35
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
36
+ --color-prettylights-syntax-carriage-return-bg: #cf222e;
37
+ --color-prettylights-syntax-string-regexp: #0550ae;
38
+ --color-prettylights-syntax-markup-list: #3b2300;
39
+ --color-prettylights-syntax-markup-heading: #0550ae;
40
+ --color-prettylights-syntax-markup-italic: #24292f;
41
+ --color-prettylights-syntax-markup-bold: #24292f;
42
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
43
+ --color-prettylights-syntax-markup-deleted-bg: #FFEBE9;
44
+ --color-prettylights-syntax-markup-inserted-text: #0550ae;
45
+ --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
46
+ --color-prettylights-syntax-markup-changed-text: #a40e26;
47
+ --color-prettylights-syntax-markup-changed-bg: #ffcecb;
48
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
49
+ --color-prettylights-syntax-markup-ignored-bg: #0550ae;
50
+ --color-prettylights-syntax-meta-diff-range: #8250df;
51
+ --color-prettylights-syntax-brackethighlighter-angle: #57606a;
52
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
53
+ --color-prettylights-syntax-constant-other-reference-link: #0a3069;
54
+ --color-codemirror-text: #24292f;
55
+ --color-codemirror-bg: #ffffff;
56
+ --color-codemirror-gutters-bg: #ffffff;
57
+ --color-codemirror-guttermarker-text: #ffffff;
58
+ --color-codemirror-guttermarker-subtle-text: #6e7781;
59
+ --color-codemirror-linenumber-text: #57606a;
60
+ --color-codemirror-cursor: #24292f;
61
+ --color-codemirror-selection-bg: rgba(84,174,255,0.4);
62
+ --color-codemirror-activeline-bg: rgba(234,238,242,0.5);
63
+ --color-codemirror-matchingbracket-text: #24292f;
64
+ --color-codemirror-lines-bg: #ffffff;
65
+ --color-codemirror-syntax-comment: #24292f;
66
+ --color-codemirror-syntax-constant: #0550ae;
67
+ --color-codemirror-syntax-entity: #8250df;
68
+ --color-codemirror-syntax-keyword: #cf222e;
69
+ --color-codemirror-syntax-storage: #cf222e;
70
+ --color-codemirror-syntax-string: #0a3069;
71
+ --color-codemirror-syntax-support: #0550ae;
72
+ --color-codemirror-syntax-variable: #a40e26;
73
+ --color-checks-bg: #24292f;
74
+ --color-checks-run-border-width: 0px;
75
+ --color-checks-container-border-width: 0px;
76
+ --color-checks-text-primary: #f6f8fa;
77
+ --color-checks-text-secondary: #8c959f;
78
+ --color-checks-text-link: #54aeff;
79
+ --color-checks-btn-icon: #afb8c1;
80
+ --color-checks-btn-hover-icon: #f6f8fa;
81
+ --color-checks-btn-hover-bg: rgba(255,255,255,0.125);
82
+ --color-checks-input-text: #eaeef2;
83
+ --color-checks-input-placeholder-text: #8c959f;
84
+ --color-checks-input-focus-text: #8c959f;
85
+ --color-checks-input-bg: #32383f;
86
+ --color-checks-input-shadow: none;
87
+ --color-checks-donut-error: #fa4549;
88
+ --color-checks-donut-pending: #bf8700;
89
+ --color-checks-donut-success: #218bff;
90
+ --color-checks-donut-neutral: #afb8c1;
91
+ --color-checks-dropdown-text: #afb8c1;
92
+ --color-checks-dropdown-bg: #32383f;
93
+ --color-checks-dropdown-border: #424a53;
94
+ --color-checks-dropdown-shadow: rgba(27,31,36,0.3);
95
+ --color-checks-dropdown-hover-text: #f6f8fa;
96
+ --color-checks-dropdown-hover-bg: #424a53;
97
+ --color-checks-dropdown-btn-hover-text: #f6f8fa;
98
+ --color-checks-dropdown-btn-hover-bg: #32383f;
99
+ --color-checks-scrollbar-thumb-bg: #57606a;
100
+ --color-checks-header-label-text: #d0d7de;
101
+ --color-checks-header-label-open-text: #f6f8fa;
102
+ --color-checks-header-border: #32383f;
103
+ --color-checks-header-icon: #8c959f;
104
+ --color-checks-line-text: #d0d7de;
105
+ --color-checks-line-num-text: rgba(140,149,159,0.75);
106
+ --color-checks-line-timestamp-text: #8c959f;
107
+ --color-checks-line-hover-bg: #32383f;
108
+ --color-checks-line-selected-bg: rgba(33,139,255,0.15);
109
+ --color-checks-line-selected-num-text: #54aeff;
110
+ --color-checks-line-dt-fm-text: #24292f;
111
+ --color-checks-line-dt-fm-bg: #9a6700;
112
+ --color-checks-gate-bg: rgba(125,78,0,0.15);
113
+ --color-checks-gate-text: #d0d7de;
114
+ --color-checks-gate-waiting-text: #d4a72c;
115
+ --color-checks-step-header-open-bg: #32383f;
116
+ --color-checks-step-error-text: #ff8182;
117
+ --color-checks-step-warning-text: #d4a72c;
118
+ --color-checks-logline-text: #8c959f;
119
+ --color-checks-logline-num-text: rgba(140,149,159,0.75);
120
+ --color-checks-logline-debug-text: #c297ff;
121
+ --color-checks-logline-error-text: #d0d7de;
122
+ --color-checks-logline-error-num-text: #ff8182;
123
+ --color-checks-logline-error-bg: rgba(164,14,38,0.15);
124
+ --color-checks-logline-warning-text: #d0d7de;
125
+ --color-checks-logline-warning-num-text: #d4a72c;
126
+ --color-checks-logline-warning-bg: rgba(125,78,0,0.15);
127
+ --color-checks-logline-command-text: #54aeff;
128
+ --color-checks-logline-section-text: #54aeff;
129
+ --color-checks-ansi-black: #24292f;
130
+ --color-checks-ansi-black-bright: #32383f;
131
+ --color-checks-ansi-white: #d0d7de;
132
+ --color-checks-ansi-white-bright: #d0d7de;
133
+ --color-checks-ansi-gray: #8c959f;
134
+ --color-checks-ansi-red: #ff8182;
135
+ --color-checks-ansi-red-bright: #ffaba8;
136
+ --color-checks-ansi-green: #54aeff;
137
+ --color-checks-ansi-green-bright: #80ccff;
138
+ --color-checks-ansi-yellow: #d4a72c;
139
+ --color-checks-ansi-yellow-bright: #eac54f;
140
+ --color-checks-ansi-blue: #54aeff;
141
+ --color-checks-ansi-blue-bright: #80ccff;
142
+ --color-checks-ansi-magenta: #c297ff;
143
+ --color-checks-ansi-magenta-bright: #d8b9ff;
144
+ --color-checks-ansi-cyan: #76e3ea;
145
+ --color-checks-ansi-cyan-bright: #b3f0ff;
146
+ --color-project-header-bg: #24292f;
147
+ --color-project-sidebar-bg: #ffffff;
148
+ --color-project-gradient-in: #ffffff;
149
+ --color-project-gradient-out: rgba(255,255,255,0);
150
+ --color-mktg-btn-bg: #1b1f23;
151
+ --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset;
152
+ --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
153
+ --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);
154
+ --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
155
+ --color-avatar-bg: #ffffff;
156
+ --color-avatar-border: rgba(27,31,36,0.15);
157
+ --color-avatar-stack-fade: #afb8c1;
158
+ --color-avatar-stack-fade-more: #d0d7de;
159
+ --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
160
+ --color-topic-tag-border: rgba(0,0,0,0);
161
+ --color-counter-border: rgba(0,0,0,0);
162
+ --color-select-menu-backdrop-border: rgba(0,0,0,0);
163
+ --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
164
+ --color-select-menu-tap-focus-bg: #b6e3ff;
165
+ --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
166
+ --color-header-text: rgba(255,255,255,0.7);
167
+ --color-header-bg: #24292f;
168
+ --color-header-divider: #57606a;
169
+ --color-header-logo: #ffffff;
170
+ --color-header-search-bg: #24292f;
171
+ --color-header-search-border: #57606a;
172
+ --color-sidenav-selected-bg: #ffffff;
173
+ --color-menu-bg-active: rgba(0,0,0,0);
174
+ --color-input-disabled-bg: rgba(175,184,193,0.2);
175
+ --color-timeline-badge-bg: #eaeef2;
176
+ --color-ansi-black: #24292f;
177
+ --color-ansi-black-bright: #57606a;
178
+ --color-ansi-white: #6e7781;
179
+ --color-ansi-white-bright: #8c959f;
180
+ --color-ansi-gray: #6e7781;
181
+ --color-ansi-red: #cf222e;
182
+ --color-ansi-red-bright: #a40e26;
183
+ --color-ansi-green: #0550ae;
184
+ --color-ansi-green-bright: #0969da;
185
+ --color-ansi-yellow: #4d2d00;
186
+ --color-ansi-yellow-bright: #633c01;
187
+ --color-ansi-blue: #0969da;
188
+ --color-ansi-blue-bright: #218bff;
189
+ --color-ansi-magenta: #8250df;
190
+ --color-ansi-magenta-bright: #a475f9;
191
+ --color-ansi-cyan: #1b7c83;
192
+ --color-ansi-cyan-bright: #3192aa;
193
+ --color-btn-text: #24292f;
194
+ --color-btn-bg: #f6f8fa;
195
+ --color-btn-border: rgba(27,31,36,0.15);
196
+ --color-btn-shadow: 0 1px 0 rgba(27,31,36,0.04);
197
+ --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
198
+ --color-btn-hover-bg: #f3f4f6;
199
+ --color-btn-hover-border: rgba(27,31,36,0.15);
200
+ --color-btn-active-bg: hsla(220,14%,93%,1);
201
+ --color-btn-active-border: rgba(27,31,36,0.15);
202
+ --color-btn-selected-bg: hsla(220,14%,94%,1);
203
+ --color-btn-focus-bg: #f6f8fa;
204
+ --color-btn-focus-border: rgba(27,31,36,0.15);
205
+ --color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
206
+ --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
207
+ --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
208
+ --color-btn-counter-bg: rgba(27,31,36,0.08);
209
+ --color-btn-primary-text: #ffffff;
210
+ --color-btn-primary-bg: #218bff;
211
+ --color-btn-primary-border: rgba(27,31,36,0.15);
212
+ --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1);
213
+ --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
214
+ --color-btn-primary-hover-bg: #0969da;
215
+ --color-btn-primary-hover-border: rgba(27,31,36,0.15);
216
+ --color-btn-primary-selected-bg: hsla(212,92%,43%,1);
217
+ --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2);
218
+ --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
219
+ --color-btn-primary-disabled-bg: #80ccff;
220
+ --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
221
+ --color-btn-primary-focus-bg: #218bff;
222
+ --color-btn-primary-focus-border: rgba(27,31,36,0.15);
223
+ --color-btn-primary-focus-shadow: 0 0 0 3px rgba(33,139,255,0.4);
224
+ --color-btn-primary-icon: rgba(255,255,255,0.8);
225
+ --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
226
+ --color-btn-outline-text: #0969da;
227
+ --color-btn-outline-hover-text: #ffffff;
228
+ --color-btn-outline-hover-bg: #0969da;
229
+ --color-btn-outline-hover-border: rgba(27,31,36,0.15);
230
+ --color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
231
+ --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
232
+ --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
233
+ --color-btn-outline-selected-text: #ffffff;
234
+ --color-btn-outline-selected-bg: hsla(212,92%,42%,1);
235
+ --color-btn-outline-selected-border: rgba(27,31,36,0.15);
236
+ --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2);
237
+ --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
238
+ --color-btn-outline-disabled-bg: #f6f8fa;
239
+ --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
240
+ --color-btn-outline-focus-border: rgba(27,31,36,0.15);
241
+ --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
242
+ --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
243
+ --color-btn-danger-text: #cf222e;
244
+ --color-btn-danger-hover-text: #ffffff;
245
+ --color-btn-danger-hover-bg: #a40e26;
246
+ --color-btn-danger-hover-border: rgba(27,31,36,0.15);
247
+ --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
248
+ --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
249
+ --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
250
+ --color-btn-danger-selected-text: #ffffff;
251
+ --color-btn-danger-selected-bg: hsla(356,72%,44%,1);
252
+ --color-btn-danger-selected-border: rgba(27,31,36,0.15);
253
+ --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2);
254
+ --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
255
+ --color-btn-danger-disabled-bg: #f6f8fa;
256
+ --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
257
+ --color-btn-danger-focus-border: rgba(27,31,36,0.15);
258
+ --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,0.4);
259
+ --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
260
+ --color-btn-danger-icon: #cf222e;
261
+ --color-btn-danger-hover-icon: #ffffff;
262
+ --color-underlinenav-icon: #6e7781;
263
+ --color-underlinenav-border-hover: rgba(175,184,193,0.2);
264
+ --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
265
+ --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
266
+ --color-action-list-item-default-hover-border: rgba(0,0,0,0);
267
+ --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
268
+ --color-action-list-item-default-active-border: rgba(0,0,0,0);
269
+ --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
270
+ --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
271
+ --color-action-list-item-danger-active-bg: #FFEBE9;
272
+ --color-action-list-item-danger-hover-text: #cf222e;
273
+ --color-switch-track-bg: #eaeef2;
274
+ --color-switch-track-border: #afb8c1;
275
+ --color-switch-track-checked-bg: #ddf4ff;
276
+ --color-switch-track-checked-hover-bg: #b6e3ff;
277
+ --color-switch-track-checked-active-bg: #80ccff;
278
+ --color-switch-track-checked-border: #54aeff;
279
+ --color-switch-knob-checked-bg: #0969da;
280
+ --color-switch-knob-checked-disabled-bg: #6e7781;
281
+ --color-fg-default: #24292f;
282
+ --color-fg-muted: #57606a;
283
+ --color-fg-subtle: #6e7781;
284
+ --color-fg-on-emphasis: #ffffff;
285
+ --color-canvas-default: #ffffff;
286
+ --color-canvas-overlay: #ffffff;
287
+ --color-canvas-inset: #f6f8fa;
288
+ --color-canvas-subtle: #f6f8fa;
289
+ --color-border-default: #d0d7de;
290
+ --color-border-muted: hsla(210,18%,87%,1);
291
+ --color-border-subtle: rgba(27,31,36,0.15);
292
+ --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
293
+ --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
294
+ --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
295
+ --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
296
+ --color-neutral-emphasis-plus: #24292f;
297
+ --color-neutral-emphasis: #6e7781;
298
+ --color-neutral-muted: rgba(175,184,193,0.2);
299
+ --color-neutral-subtle: rgba(234,238,242,0.5);
300
+ --color-accent-fg: #0969da;
301
+ --color-accent-emphasis: #0969da;
302
+ --color-accent-muted: rgba(84,174,255,0.4);
303
+ --color-accent-subtle: #ddf4ff;
304
+ --color-success-fg: #0969da;
305
+ --color-success-emphasis: #218bff;
306
+ --color-success-muted: rgba(84,174,255,0.4);
307
+ --color-success-subtle: #ddf4ff;
308
+ --color-attention-fg: #9a6700;
309
+ --color-attention-emphasis: #bf8700;
310
+ --color-attention-muted: rgba(212,167,44,0.4);
311
+ --color-attention-subtle: #fff8c5;
312
+ --color-severe-fg: #cf222e;
313
+ --color-severe-emphasis: #cf222e;
314
+ --color-severe-muted: rgba(255,129,130,0.4);
315
+ --color-severe-subtle: #FFEBE9;
316
+ --color-danger-fg: #cf222e;
317
+ --color-danger-emphasis: #cf222e;
318
+ --color-danger-muted: rgba(255,129,130,0.4);
319
+ --color-danger-subtle: #FFEBE9;
320
+ --color-open-fg: #cf222e;
321
+ --color-open-emphasis: #fa4549;
322
+ --color-open-muted: rgba(255,129,130,0.4);
323
+ --color-open-subtle: #FFEBE9;
324
+ --color-closed-fg: #6e7781;
325
+ --color-closed-emphasis: #6e7781;
326
+ --color-closed-muted: rgba(175,184,193,0.4);
327
+ --color-closed-subtle: #f6f8fa;
328
+ --color-done-fg: #8250df;
329
+ --color-done-emphasis: #8250df;
330
+ --color-done-muted: rgba(194,151,255,0.4);
331
+ --color-done-subtle: #fbefff;
332
+ --color-sponsors-fg: #bf3989;
333
+ --color-sponsors-emphasis: #bf3989;
334
+ --color-sponsors-muted: rgba(255,128,200,0.4);
335
+ --color-sponsors-subtle: #ffeff7;
336
+ --color-primer-fg-disabled: #8c959f;
337
+ --color-primer-canvas-backdrop: rgba(27,31,36,0.5);
338
+ --color-primer-canvas-sticky: rgba(255,255,255,0.95);
339
+ --color-primer-border-active: #FD8C73;
340
+ --color-primer-border-contrast: rgba(27,31,36,0.1);
341
+ --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
342
+ --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
343
+ --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
344
+ --color-scale-black: #1b1f24;
345
+ --color-scale-white: #ffffff;
346
+ --color-scale-gray-0: #f6f8fa;
347
+ --color-scale-gray-1: #eaeef2;
348
+ --color-scale-gray-2: #d0d7de;
349
+ --color-scale-gray-3: #afb8c1;
350
+ --color-scale-gray-4: #8c959f;
351
+ --color-scale-gray-5: #6e7781;
352
+ --color-scale-gray-6: #57606a;
353
+ --color-scale-gray-7: #424a53;
354
+ --color-scale-gray-8: #32383f;
355
+ --color-scale-gray-9: #24292f;
356
+ --color-scale-blue-0: #ddf4ff;
357
+ --color-scale-blue-1: #b6e3ff;
358
+ --color-scale-blue-2: #80ccff;
359
+ --color-scale-blue-3: #54aeff;
360
+ --color-scale-blue-4: #218bff;
361
+ --color-scale-blue-5: #0969da;
362
+ --color-scale-blue-6: #0550ae;
363
+ --color-scale-blue-7: #033d8b;
364
+ --color-scale-blue-8: #0a3069;
365
+ --color-scale-blue-9: #002155;
366
+ --color-scale-green-0: #ddf4ff;
367
+ --color-scale-green-1: #b6e3ff;
368
+ --color-scale-green-2: #80ccff;
369
+ --color-scale-green-3: #54aeff;
370
+ --color-scale-green-4: #218bff;
371
+ --color-scale-green-5: #0969da;
372
+ --color-scale-green-6: #0550ae;
373
+ --color-scale-green-7: #033d8b;
374
+ --color-scale-green-8: #0a3069;
375
+ --color-scale-green-9: #002155;
376
+ --color-scale-yellow-0: #fff8c5;
377
+ --color-scale-yellow-1: #fae17d;
378
+ --color-scale-yellow-2: #eac54f;
379
+ --color-scale-yellow-3: #d4a72c;
380
+ --color-scale-yellow-4: #bf8700;
381
+ --color-scale-yellow-5: #9a6700;
382
+ --color-scale-yellow-6: #7d4e00;
383
+ --color-scale-yellow-7: #633c01;
384
+ --color-scale-yellow-8: #4d2d00;
385
+ --color-scale-yellow-9: #3b2300;
386
+ --color-scale-orange-0: #FFEBE9;
387
+ --color-scale-orange-1: #ffcecb;
388
+ --color-scale-orange-2: #ffaba8;
389
+ --color-scale-orange-3: #ff8182;
390
+ --color-scale-orange-4: #fa4549;
391
+ --color-scale-orange-5: #cf222e;
392
+ --color-scale-orange-6: #a40e26;
393
+ --color-scale-orange-7: #82071e;
394
+ --color-scale-orange-8: #660018;
395
+ --color-scale-orange-9: #4c0014;
396
+ --color-scale-red-0: #FFEBE9;
397
+ --color-scale-red-1: #ffcecb;
398
+ --color-scale-red-2: #ffaba8;
399
+ --color-scale-red-3: #ff8182;
400
+ --color-scale-red-4: #fa4549;
401
+ --color-scale-red-5: #cf222e;
402
+ --color-scale-red-6: #a40e26;
403
+ --color-scale-red-7: #82071e;
404
+ --color-scale-red-8: #660018;
405
+ --color-scale-red-9: #4c0014;
406
+ --color-scale-purple-0: #fbefff;
407
+ --color-scale-purple-1: #ecd8ff;
408
+ --color-scale-purple-2: #d8b9ff;
409
+ --color-scale-purple-3: #c297ff;
410
+ --color-scale-purple-4: #a475f9;
411
+ --color-scale-purple-5: #8250df;
412
+ --color-scale-purple-6: #6639ba;
413
+ --color-scale-purple-7: #512a97;
414
+ --color-scale-purple-8: #3e1f79;
415
+ --color-scale-purple-9: #2e1461;
416
+ --color-scale-pink-0: #ffeff7;
417
+ --color-scale-pink-1: #ffd3eb;
418
+ --color-scale-pink-2: #ffadda;
419
+ --color-scale-pink-3: #ff80c8;
420
+ --color-scale-pink-4: #e85aad;
421
+ --color-scale-pink-5: #bf3989;
422
+ --color-scale-pink-6: #99286e;
423
+ --color-scale-pink-7: #772057;
424
+ --color-scale-pink-8: #611347;
425
+ --color-scale-pink-9: #4d0336;
426
+ --color-scale-coral-0: #FFF0EB;
427
+ --color-scale-coral-1: #FFD6CC;
428
+ --color-scale-coral-2: #FFB4A1;
429
+ --color-scale-coral-3: #FD8C73;
430
+ --color-scale-coral-4: #EC6547;
431
+ --color-scale-coral-5: #C4432B;
432
+ --color-scale-coral-6: #9E2F1C;
433
+ --color-scale-coral-7: #801F0F;
434
+ --color-scale-coral-8: #691105;
435
+ --color-scale-coral-9: #510901;
436
+ }
437
+ }