@primer/primitives 4.7.0 → 4.8.0-rc.bdc0e17

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 (52) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/js/colors/dark.d.ts +1 -0
  3. package/dist/js/colors/dark.js +1 -0
  4. package/dist/js/colors/dark_dimmed.d.ts +1 -0
  5. package/dist/js/colors/dark_dimmed.js +1 -0
  6. package/dist/js/colors/dark_high_contrast.d.ts +1 -0
  7. package/dist/js/colors/dark_high_contrast.js +1 -0
  8. package/dist/js/{colors_v2/dark_high_contrast.d.ts → colors/dark_protanopia.d.ts} +1 -0
  9. package/dist/js/{colors_v2/dark.js → colors/dark_protanopia.js} +229 -228
  10. package/dist/js/colors/index.d.ts +1860 -2
  11. package/dist/js/colors/index.js +3 -1
  12. package/dist/js/colors/light.d.ts +1 -0
  13. package/dist/js/colors/light.js +1 -0
  14. package/dist/js/{colors_v2/dark.d.ts → colors/light_protanopia.d.ts} +2 -1
  15. package/dist/js/{colors_v2/light.js → colors/light_protanopia.js} +223 -222
  16. package/dist/js/index.d.ts +13 -1861
  17. package/dist/js/index.js +1 -2
  18. package/dist/json/colors/dark.json +1 -0
  19. package/dist/json/colors/dark_dimmed.json +1 -0
  20. package/dist/json/colors/dark_high_contrast.json +1 -0
  21. package/dist/json/{colors_v2/dark.json → colors/dark_protanopia.json} +229 -228
  22. package/dist/json/colors/light.json +1 -0
  23. package/dist/json/{colors_v2/light.json → colors/light_protanopia.json} +223 -222
  24. package/dist/scss/colors/_dark.scss +1 -0
  25. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  26. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  27. package/dist/scss/{colors_v2/_dark.scss → colors/_dark_protanopia.scss} +230 -229
  28. package/dist/scss/colors/_light.scss +1 -0
  29. package/dist/scss/{colors_v2/_light.scss → colors/_light_protanopia.scss} +224 -223
  30. package/dist/ts/colors/dark.ts +1 -0
  31. package/dist/ts/colors/dark_dimmed.ts +1 -0
  32. package/dist/ts/colors/dark_high_contrast.ts +1 -0
  33. package/dist/ts/{colors_v2/dark.ts → colors/dark_protanopia.ts} +229 -228
  34. package/dist/ts/colors/index.ts +3 -1
  35. package/dist/ts/colors/light.ts +1 -0
  36. package/dist/ts/{colors_v2/light.ts → colors/light_protanopia.ts} +223 -222
  37. package/dist/ts/index.ts +1 -2
  38. package/package.json +4 -2
  39. package/dist/deprecations/colors_v2.json +0 -397
  40. package/dist/js/colors_v2/dark_dimmed.d.ts +0 -927
  41. package/dist/js/colors_v2/dark_dimmed.js +0 -1115
  42. package/dist/js/colors_v2/dark_high_contrast.js +0 -1115
  43. package/dist/js/colors_v2/index.d.ts +0 -3707
  44. package/dist/js/colors_v2/index.js +0 -10
  45. package/dist/js/colors_v2/light.d.ts +0 -927
  46. package/dist/json/colors_v2/dark_dimmed.json +0 -1113
  47. package/dist/json/colors_v2/dark_high_contrast.json +0 -1113
  48. package/dist/scss/colors_v2/_dark_dimmed.scss +0 -821
  49. package/dist/scss/colors_v2/_dark_high_contrast.scss +0 -821
  50. package/dist/ts/colors_v2/dark_dimmed.ts +0 -1113
  51. package/dist/ts/colors_v2/dark_high_contrast.ts +0 -1113
  52. package/dist/ts/colors_v2/index.ts +0 -5
package/dist/scss/colors/_dark.scss CHANGED
@@ -425,6 +425,7 @@
425
425
  --color-intro-shelf-gradient-right: rgba(46,160,67,0.15);
426
426
  --color-intro-shelf-gradient-in: #0d1117;
427
427
  --color-intro-shelf-gradient-out: rgba(240,246,252,0);
428
+ --color-canvas-default-transparent: rgba(13,17,23,0);
428
429
  --color-marketing-icon-primary: #79c0ff;
429
430
  --color-marketing-icon-secondary: #1f6feb;
430
431
  --color-search-keyword-hl: rgba(210,153,34,0.4);
package/dist/scss/colors/_dark_dimmed.scss CHANGED
@@ -425,6 +425,7 @@
425
425
  --color-intro-shelf-gradient-right: rgba(70,149,74,0.15);
426
426
  --color-intro-shelf-gradient-in: #22272e;
427
427
  --color-intro-shelf-gradient-out: rgba(205,217,229,0);
428
+ --color-canvas-default-transparent: rgba(34,39,46,0);
428
429
  --color-marketing-icon-primary: #6cb6ff;
429
430
  --color-marketing-icon-secondary: #316dca;
430
431
  --color-search-keyword-hl: rgba(198,144,38,0.4);
package/dist/scss/colors/_dark_high_contrast.scss CHANGED
@@ -425,6 +425,7 @@
425
425
  --color-intro-shelf-gradient-right: rgba(9,180,58,0.15);
426
426
  --color-intro-shelf-gradient-in: #0a0c10;
427
427
  --color-intro-shelf-gradient-out: rgba(255,255,255,0);
428
+ --color-canvas-default-transparent: rgba(10,12,16,0);
428
429
  --color-marketing-icon-primary: #91cbff;
429
430
  --color-marketing-icon-secondary: #409eff;
430
431
  --color-search-keyword-hl: rgba(240,183,47,0.4);
package/dist/scss/{colors_v2/_dark.scss → colors/_dark_protanopia.scss} RENAMED
@@ -1,87 +1,87 @@
1
- @mixin primer-colors_v2-dark {
1
+ @mixin primer-colors-dark_protanopia {
2
2
  & {
3
- --color-auto-black: #ff0000;
4
- --color-auto-white: #ff0000;
5
- --color-auto-gray-0: #ff0000;
6
- --color-auto-gray-1: #ff0000;
7
- --color-auto-gray-2: #ff0000;
8
- --color-auto-gray-3: #ff0000;
9
- --color-auto-gray-4: #ff0000;
10
- --color-auto-gray-5: #ff0000;
11
- --color-auto-gray-6: #ff0000;
12
- --color-auto-gray-7: #ff0000;
13
- --color-auto-gray-8: #ff0000;
14
- --color-auto-gray-9: #ff0000;
15
- --color-auto-blue-0: #ff0000;
16
- --color-auto-blue-1: #ff0000;
17
- --color-auto-blue-2: #ff0000;
18
- --color-auto-blue-3: #ff0000;
19
- --color-auto-blue-4: #ff0000;
20
- --color-auto-blue-5: #ff0000;
21
- --color-auto-blue-6: #ff0000;
22
- --color-auto-blue-7: #ff0000;
23
- --color-auto-blue-8: #ff0000;
24
- --color-auto-blue-9: #ff0000;
25
- --color-auto-green-0: #ff0000;
26
- --color-auto-green-1: #ff0000;
27
- --color-auto-green-2: #ff0000;
28
- --color-auto-green-3: #ff0000;
29
- --color-auto-green-4: #ff0000;
30
- --color-auto-green-5: #ff0000;
31
- --color-auto-green-6: #ff0000;
32
- --color-auto-green-7: #ff0000;
33
- --color-auto-green-8: #ff0000;
34
- --color-auto-green-9: #ff0000;
35
- --color-auto-yellow-0: #ff0000;
36
- --color-auto-yellow-1: #ff0000;
37
- --color-auto-yellow-2: #ff0000;
38
- --color-auto-yellow-3: #ff0000;
39
- --color-auto-yellow-4: #ff0000;
40
- --color-auto-yellow-5: #ff0000;
41
- --color-auto-yellow-6: #ff0000;
42
- --color-auto-yellow-7: #ff0000;
43
- --color-auto-yellow-8: #ff0000;
44
- --color-auto-yellow-9: #ff0000;
45
- --color-auto-orange-0: #ff0000;
46
- --color-auto-orange-1: #ff0000;
47
- --color-auto-orange-2: #ff0000;
48
- --color-auto-orange-3: #ff0000;
49
- --color-auto-orange-4: #ff0000;
50
- --color-auto-orange-5: #ff0000;
51
- --color-auto-orange-6: #ff0000;
52
- --color-auto-orange-7: #ff0000;
53
- --color-auto-orange-8: #ff0000;
54
- --color-auto-orange-9: #ff0000;
55
- --color-auto-red-0: #ff0000;
56
- --color-auto-red-1: #ff0000;
57
- --color-auto-red-2: #ff0000;
58
- --color-auto-red-3: #ff0000;
59
- --color-auto-red-4: #ff0000;
60
- --color-auto-red-5: #ff0000;
61
- --color-auto-red-6: #ff0000;
62
- --color-auto-red-7: #ff0000;
63
- --color-auto-red-8: #ff0000;
64
- --color-auto-red-9: #ff0000;
65
- --color-auto-purple-0: #ff0000;
66
- --color-auto-purple-1: #ff0000;
67
- --color-auto-purple-2: #ff0000;
68
- --color-auto-purple-3: #ff0000;
69
- --color-auto-purple-4: #ff0000;
70
- --color-auto-purple-5: #ff0000;
71
- --color-auto-purple-6: #ff0000;
72
- --color-auto-purple-7: #ff0000;
73
- --color-auto-purple-8: #ff0000;
74
- --color-auto-purple-9: #ff0000;
75
- --color-auto-pink-0: #ff0000;
76
- --color-auto-pink-1: #ff0000;
77
- --color-auto-pink-2: #ff0000;
78
- --color-auto-pink-3: #ff0000;
79
- --color-auto-pink-4: #ff0000;
80
- --color-auto-pink-5: #ff0000;
81
- --color-auto-pink-6: #ff0000;
82
- --color-auto-pink-7: #ff0000;
83
- --color-auto-pink-8: #ff0000;
84
- --color-auto-pink-9: #ff0000;
3
+ --color-auto-black: #f0f6fc;
4
+ --color-auto-white: #010409;
5
+ --color-auto-gray-0: #0d1117;
6
+ --color-auto-gray-1: #161b22;
7
+ --color-auto-gray-2: #21262d;
8
+ --color-auto-gray-3: #30363d;
9
+ --color-auto-gray-4: #484f58;
10
+ --color-auto-gray-5: #6e7681;
11
+ --color-auto-gray-6: #8b949e;
12
+ --color-auto-gray-7: #b1bac4;
13
+ --color-auto-gray-8: #c9d1d9;
14
+ --color-auto-gray-9: #f0f6fc;
15
+ --color-auto-blue-0: #051d4d;
16
+ --color-auto-blue-1: #0c2d6b;
17
+ --color-auto-blue-2: #0d419d;
18
+ --color-auto-blue-3: #1158c7;
19
+ --color-auto-blue-4: #1f6feb;
20
+ --color-auto-blue-5: #388bfd;
21
+ --color-auto-blue-6: #58a6ff;
22
+ --color-auto-blue-7: #79c0ff;
23
+ --color-auto-blue-8: #a5d6ff;
24
+ --color-auto-blue-9: #cae8ff;
25
+ --color-auto-green-0: #041843;
26
+ --color-auto-green-1: #0a2861;
27
+ --color-auto-green-2: #0b3c92;
28
+ --color-auto-green-3: #0f53bc;
29
+ --color-auto-green-4: #1d69e0;
30
+ --color-auto-green-5: #1585fd;
31
+ --color-auto-green-6: #42a0ff;
32
+ --color-auto-green-7: #66baff;
33
+ --color-auto-green-8: #83d4ff;
34
+ --color-auto-green-9: #a0e8ff;
35
+ --color-auto-yellow-0: #341a00;
36
+ --color-auto-yellow-1: #4b2900;
37
+ --color-auto-yellow-2: #693e00;
38
+ --color-auto-yellow-3: #845306;
39
+ --color-auto-yellow-4: #9e6a03;
40
+ --color-auto-yellow-5: #bb8009;
41
+ --color-auto-yellow-6: #d29922;
42
+ --color-auto-yellow-7: #e3b341;
43
+ --color-auto-yellow-8: #f2cc60;
44
+ --color-auto-yellow-9: #f8e3a1;
45
+ --color-auto-orange-0: #3d1300;
46
+ --color-auto-orange-1: #5a1e02;
47
+ --color-auto-orange-2: #762d0a;
48
+ --color-auto-orange-3: #9b4215;
49
+ --color-auto-orange-4: #bd561d;
50
+ --color-auto-orange-5: #db6d28;
51
+ --color-auto-orange-6: #f0883e;
52
+ --color-auto-orange-7: #ffa657;
53
+ --color-auto-orange-8: #ffc680;
54
+ --color-auto-orange-9: #ffdfb6;
55
+ --color-auto-red-0: #292100;
56
+ --color-auto-red-1: #452f00;
57
+ --color-auto-red-2: #633e00;
58
+ --color-auto-red-3: #865401;
59
+ --color-auto-red-4: #a66900;
60
+ --color-auto-red-5: #c38000;
61
+ --color-auto-red-6: #d69a00;
62
+ --color-auto-red-7: #e6b716;
63
+ --color-auto-red-8: #ecd334;
64
+ --color-auto-red-9: #f0ec59;
65
+ --color-auto-purple-0: #271052;
66
+ --color-auto-purple-1: #3c1e70;
67
+ --color-auto-purple-2: #553098;
68
+ --color-auto-purple-3: #6e40c9;
69
+ --color-auto-purple-4: #8957e5;
70
+ --color-auto-purple-5: #a371f7;
71
+ --color-auto-purple-6: #bc8cff;
72
+ --color-auto-purple-7: #d2a8ff;
73
+ --color-auto-purple-8: #e2c5ff;
74
+ --color-auto-purple-9: #eddeff;
75
+ --color-auto-pink-0: #42062a;
76
+ --color-auto-pink-1: #5e103e;
77
+ --color-auto-pink-2: #7d2457;
78
+ --color-auto-pink-3: #9e3670;
79
+ --color-auto-pink-4: #bf4b8a;
80
+ --color-auto-pink-5: #db61a2;
81
+ --color-auto-pink-6: #f778ba;
82
+ --color-auto-pink-7: #ff9bce;
83
+ --color-auto-pink-8: #ffbedd;
84
+ --color-auto-pink-9: #ffdaec;
85
85
  --color-text-primary: #c9d1d9;
86
86
  --color-text-secondary: #8b949e;
87
87
  --color-text-tertiary: #8b949e;
@@ -89,16 +89,16 @@
89
89
  --color-text-disabled: #8b949e;
90
90
  --color-text-inverse: #f0f6fc;
91
91
  --color-text-link: #58a6ff;
92
- --color-text-danger: #f85149;
93
- --color-text-success: #3fb950;
92
+ --color-text-danger: #c38000;
93
+ --color-text-success: #42a0ff;
94
94
  --color-text-warning: #d29922;
95
- --color-text-white: #ff0000;
95
+ --color-text-white: #f0f6fc;
96
96
  --color-icon-primary: #c9d1d9;
97
97
  --color-icon-secondary: #8b949e;
98
98
  --color-icon-tertiary: #8b949e;
99
99
  --color-icon-info: #58a6ff;
100
- --color-icon-danger: #f85149;
101
- --color-icon-success: #3fb950;
100
+ --color-icon-danger: #c38000;
101
+ --color-icon-success: #42a0ff;
102
102
  --color-icon-warning: #d29922;
103
103
  --color-border-primary: #30363d;
104
104
  --color-border-secondary: #21262d;
@@ -106,8 +106,8 @@
106
106
  --color-border-overlay: #30363d;
107
107
  --color-border-inverse: #f0f6fc;
108
108
  --color-border-info: #1f6feb;
109
- --color-border-danger: #da3633;
110
- --color-border-success: #238636;
109
+ --color-border-danger: #a66900;
110
+ --color-border-success: #1d69e0;
111
111
  --color-border-warning: #9e6a03;
112
112
  --color-border-default: #30363d;
113
113
  --color-border-muted: #21262d;
@@ -123,10 +123,10 @@
123
123
  --color-bg-backdrop: rgba(1,4,9,0.8);
124
124
  --color-bg-info: rgba(56,139,253,0.15);
125
125
  --color-bg-info-inverse: #1f6feb;
126
- --color-bg-danger: rgba(248,81,73,0.15);
127
- --color-bg-danger-inverse: #da3633;
128
- --color-bg-success: rgba(46,160,67,0.15);
129
- --color-bg-success-inverse: #238636;
126
+ --color-bg-danger: rgba(195,128,0,0.15);
127
+ --color-bg-danger-inverse: #a66900;
128
+ --color-bg-success: rgba(21,133,253,0.15);
129
+ --color-bg-success-inverse: #1d69e0;
130
130
  --color-bg-warning: rgba(187,128,9,0.15);
131
131
  --color-bg-warning-inverse: #9e6a03;
132
132
  --color-shadow-highlight: 0 0 transparent;
@@ -147,24 +147,24 @@
147
147
  --color-state-selected-primary-icon: #f0f6fc;
148
148
  --color-state-focus-border: #1f6feb;
149
149
  --color-state-focus-shadow: 0 0 0 3px #0c2d6b;
150
- --color-fade-fg-10: #ff0000;
151
- --color-fade-fg-15: #ff0000;
152
- --color-fade-fg-30: #ff0000;
153
- --color-fade-fg-50: #ff0000;
154
- --color-fade-fg-70: #ff0000;
155
- --color-fade-fg-85: #ff0000;
156
- --color-fade-black-10: #ff0000;
157
- --color-fade-black-15: #ff0000;
158
- --color-fade-black-30: #ff0000;
159
- --color-fade-black-50: #ff0000;
160
- --color-fade-black-70: #ff0000;
161
- --color-fade-black-85: #ff0000;
162
- --color-fade-white-10: #ff0000;
163
- --color-fade-white-15: #ff0000;
164
- --color-fade-white-30: #ff0000;
165
- --color-fade-white-50: #ff0000;
166
- --color-fade-white-70: #ff0000;
167
- --color-fade-white-85: #ff0000;
150
+ --color-fade-fg-10: rgba(240,246,252,0.1);
151
+ --color-fade-fg-15: rgba(240,246,252,0.15);
152
+ --color-fade-fg-30: rgba(240,246,252,0.3);
153
+ --color-fade-fg-50: rgba(240,246,252,0.5);
154
+ --color-fade-fg-70: rgba(240,246,252,0.7);
155
+ --color-fade-fg-85: rgba(240,246,252,0.85);
156
+ --color-fade-black-10: rgba(1,4,9,0.1);
157
+ --color-fade-black-15: rgba(1,4,9,0.15);
158
+ --color-fade-black-30: rgba(1,4,9,0.3);
159
+ --color-fade-black-50: rgba(1,4,9,0.5);
160
+ --color-fade-black-70: rgba(1,4,9,0.7);
161
+ --color-fade-black-85: rgba(1,4,9,0.85);
162
+ --color-fade-white-10: rgba(240,246,252,0.1);
163
+ --color-fade-white-15: rgba(240,246,252,0.15);
164
+ --color-fade-white-30: rgba(240,246,252,0.3);
165
+ --color-fade-white-50: rgba(240,246,252,0.5);
166
+ --color-fade-white-70: rgba(240,246,252,0.7);
167
+ --color-fade-white-85: rgba(240,246,252,0.85);
168
168
  --color-alert-info-text: #c9d1d9;
169
169
  --color-alert-info-icon: #58a6ff;
170
170
  --color-alert-info-bg: rgba(56,139,253,0.15);
@@ -174,13 +174,13 @@
174
174
  --color-alert-warn-bg: rgba(187,128,9,0.15);
175
175
  --color-alert-warn-border: rgba(187,128,9,0.4);
176
176
  --color-alert-error-text: #c9d1d9;
177
- --color-alert-error-icon: #f85149;
178
- --color-alert-error-bg: rgba(248,81,73,0.15);
179
- --color-alert-error-border: rgba(248,81,73,0.4);
177
+ --color-alert-error-icon: #c38000;
178
+ --color-alert-error-bg: rgba(195,128,0,0.15);
179
+ --color-alert-error-border: rgba(195,128,0,0.4);
180
180
  --color-alert-success-text: #c9d1d9;
181
- --color-alert-success-icon: #3fb950;
182
- --color-alert-success-bg: rgba(46,160,67,0.15);
183
- --color-alert-success-border: rgba(46,160,67,0.4);
181
+ --color-alert-success-icon: #42a0ff;
182
+ --color-alert-success-bg: rgba(21,133,253,0.15);
183
+ --color-alert-success-border: rgba(21,133,253,0.4);
184
184
  --color-autocomplete-shadow: 0 3px 6px #010409;
185
185
  --color-autocomplete-row-border: #21262d;
186
186
  --color-blankslate-icon: #8b949e;
@@ -217,7 +217,7 @@
217
217
  --color-upload-enabled-border: #30363d;
218
218
  --color-upload-enabled-border-focused: #1f6feb;
219
219
  --color-previewable-comment-form-border: #30363d;
220
- --color-verified-badge-text: #3fb950;
220
+ --color-verified-badge-text: #42a0ff;
221
221
  --color-verified-badge-bg: #0d1117;
222
222
  --color-verified-badge-border: #30363d;
223
223
  --color-social-count-bg: #0d1117;
@@ -227,8 +227,8 @@
227
227
  --color-hl-author-bg: rgba(56,139,253,0.15);
228
228
  --color-hl-author-border: rgba(56,139,253,0.4);
229
229
  --color-logo-subdued: rgba(110,118,129,0.4);
230
- --color-discussion-border: rgba(46,160,67,0.4);
231
- --color-discussion-bg-success: #238636;
230
+ --color-discussion-border: rgba(21,133,253,0.4);
231
+ --color-discussion-bg-success: #1d69e0;
232
232
  --color-actions-workflow-table-sticky-bg: rgba(13,17,23,0.95);
233
233
  --color-repo-language-color-border: rgba(240,246,252,0.2);
234
234
  --color-code-selection-bg: rgba(56,139,253,0.4);
@@ -251,12 +251,12 @@
251
251
  --color-label-secondary-border: #30363d;
252
252
  --color-label-info-text: #58a6ff;
253
253
  --color-label-info-border: #1f6feb;
254
- --color-label-success-text: #3fb950;
255
- --color-label-success-border: #238636;
254
+ --color-label-success-text: #42a0ff;
255
+ --color-label-success-border: #1d69e0;
256
256
  --color-label-warning-text: #d29922;
257
257
  --color-label-warning-border: #9e6a03;
258
- --color-label-danger-text: #f85149;
259
- --color-label-danger-border: #da3633;
258
+ --color-label-danger-text: #c38000;
259
+ --color-label-danger-border: #a66900;
260
260
  --color-label-orange-text: #db6d28;
261
261
  --color-label-orange-border: #bd561d;
262
262
  --color-input-bg: #0d1117;
@@ -265,16 +265,16 @@
265
265
  --color-input-shadow: 0 0 transparent;
266
266
  --color-input-disabled-border: #30363d;
267
267
  --color-input-warning-border: #9e6a03;
268
- --color-input-error-border: #da3633;
268
+ --color-input-error-border: #a66900;
269
269
  --color-input-tooltip-success-text: #c9d1d9;
270
- --color-input-tooltip-success-bg: rgba(46,160,67,0.15);
271
- --color-input-tooltip-success-border: rgba(46,160,67,0.4);
270
+ --color-input-tooltip-success-bg: rgba(21,133,253,0.15);
271
+ --color-input-tooltip-success-border: rgba(21,133,253,0.4);
272
272
  --color-input-tooltip-warning-text: #c9d1d9;
273
273
  --color-input-tooltip-warning-bg: rgba(187,128,9,0.15);
274
274
  --color-input-tooltip-warning-border: rgba(187,128,9,0.4);
275
275
  --color-input-tooltip-error-text: #c9d1d9;
276
- --color-input-tooltip-error-bg: rgba(248,81,73,0.15);
277
- --color-input-tooltip-error-border: rgba(248,81,73,0.4);
276
+ --color-input-tooltip-error-bg: rgba(195,128,0,0.15);
277
+ --color-input-tooltip-error-border: rgba(195,128,0,0.4);
278
278
  --color-input-disabled-bg: rgba(110,118,129,0);
279
279
  --color-toast-text: #c9d1d9;
280
280
  --color-toast-bg: #0d1117;
@@ -286,7 +286,7 @@
286
286
  --color-toast-success-text: #c9d1d9;
287
287
  --color-toast-success-border: #30363d;
288
288
  --color-toast-success-icon: #f0f6fc;
289
- --color-toast-success-icon-bg: #238636;
289
+ --color-toast-success-icon-bg: #1d69e0;
290
290
  --color-toast-success-icon-border: rgba(0,0,0,0);
291
291
  --color-toast-warning-text: #c9d1d9;
292
292
  --color-toast-warning-border: #30363d;
@@ -296,7 +296,7 @@
296
296
  --color-toast-danger-text: #c9d1d9;
297
297
  --color-toast-danger-border: #30363d;
298
298
  --color-toast-danger-icon: #f0f6fc;
299
- --color-toast-danger-icon-bg: #da3633;
299
+ --color-toast-danger-icon-bg: #a66900;
300
300
  --color-toast-danger-icon-border: rgba(0,0,0,0);
301
301
  --color-toast-loading-text: #c9d1d9;
302
302
  --color-toast-loading-border: #30363d;
@@ -312,21 +312,21 @@
312
312
  --color-diffstat-neutral-border: rgba(240,246,252,0.1);
313
313
  --color-diffstat-deletion-border: rgba(240,246,252,0.1);
314
314
  --color-diffstat-addition-border: rgba(240,246,252,0.1);
315
- --color-diffstat-deletion-bg: #da3633;
316
- --color-diffstat-addition-bg: #3fb950;
315
+ --color-diffstat-deletion-bg: #a66900;
316
+ --color-diffstat-addition-bg: #42a0ff;
317
317
  --color-diff-addition-text: #c9d1d9;
318
- --color-diff-addition-bg: rgba(46,160,67,0.15);
319
- --color-diff-addition-border: rgba(46,160,67,0.4);
318
+ --color-diff-addition-bg: rgba(21,133,253,0.15);
319
+ --color-diff-addition-border: rgba(21,133,253,0.4);
320
320
  --color-diff-deletion-text: #c9d1d9;
321
- --color-diff-deletion-bg: rgba(248,81,73,0.15);
322
- --color-diff-deletion-border: rgba(248,81,73,0.4);
321
+ --color-diff-deletion-bg: rgba(195,128,0,0.15);
322
+ --color-diff-deletion-border: rgba(195,128,0,0.4);
323
323
  --color-diff-change-text: #d29922;
324
324
  --color-diff-change-bg: rgba(187,128,9,0.15);
325
325
  --color-diff-change-border: rgba(187,128,9,0.4);
326
- --color-merge-box-success-icon-bg: #238636;
326
+ --color-merge-box-success-icon-bg: #1d69e0;
327
327
  --color-merge-box-success-icon-text: #f0f6fc;
328
328
  --color-merge-box-success-icon-border: rgba(0,0,0,0);
329
- --color-merge-box-success-indicator-bg: #238636;
329
+ --color-merge-box-success-indicator-bg: #1d69e0;
330
330
  --color-merge-box-success-indicator-border: rgba(0,0,0,0);
331
331
  --color-merge-box-merged-icon-bg: #8957e5;
332
332
  --color-merge-box-merged-icon-text: #f0f6fc;
@@ -342,10 +342,10 @@
342
342
  --color-merge-box-warning-icon-border: rgba(0,0,0,0);
343
343
  --color-merge-box-warning-box-border: #9e6a03;
344
344
  --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
345
- --color-merge-box-error-icon-bg: #da3633;
345
+ --color-merge-box-error-icon-bg: #a66900;
346
346
  --color-merge-box-error-icon-text: #f0f6fc;
347
347
  --color-merge-box-error-icon-border: rgba(0,0,0,0);
348
- --color-merge-box-error-indicator-bg: #da3633;
348
+ --color-merge-box-error-indicator-bg: #a66900;
349
349
  --color-merge-box-error-indicator-border: rgba(0,0,0,0);
350
350
  --color-underlinenav-border: rgba(0,0,0,0);
351
351
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
@@ -378,28 +378,28 @@
378
378
  --color-pr-state-draft-bg: #6e7681;
379
379
  --color-pr-state-draft-border: rgba(0,0,0,0);
380
380
  --color-pr-state-open-text: #f0f6fc;
381
- --color-pr-state-open-bg: #238636;
381
+ --color-pr-state-open-bg: #1d69e0;
382
382
  --color-pr-state-open-border: rgba(0,0,0,0);
383
383
  --color-pr-state-merged-text: #f0f6fc;
384
384
  --color-pr-state-merged-bg: #8957e5;
385
385
  --color-pr-state-merged-border: rgba(0,0,0,0);
386
386
  --color-pr-state-closed-text: #f0f6fc;
387
- --color-pr-state-closed-bg: #da3633;
387
+ --color-pr-state-closed-bg: #a66900;
388
388
  --color-pr-state-closed-border: rgba(0,0,0,0);
389
389
  --color-diff-blob-num-text: #484f58;
390
390
  --color-diff-blob-num-hover-text: #c9d1d9;
391
391
  --color-diff-blob-addition-num-hover-text: #c9d1d9;
392
392
  --color-diff-blob-addition-num-text: #c9d1d9;
393
393
  --color-diff-blob-addition-fg: #c9d1d9;
394
- --color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
395
- --color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
396
- --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
394
+ --color-diff-blob-addition-num-bg: rgba(66,160,255,0.3);
395
+ --color-diff-blob-addition-line-bg: rgba(21,133,253,0.15);
396
+ --color-diff-blob-addition-word-bg: rgba(21,133,253,0.4);
397
397
  --color-diff-blob-deletion-num-hover-text: #c9d1d9;
398
- --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.15);
399
- --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
398
+ --color-diff-blob-deletion-line-bg: rgba(195,128,0,0.15);
399
+ --color-diff-blob-deletion-word-bg: rgba(195,128,0,0.4);
400
400
  --color-diff-blob-deletion-num-text: #c9d1d9;
401
401
  --color-diff-blob-deletion-fg: #c9d1d9;
402
- --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
402
+ --color-diff-blob-deletion-num-bg: rgba(195,128,0,0.3);
403
403
  --color-diff-blob-hunk-text: #8b949e;
404
404
  --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
405
405
  --color-diff-blob-hunk-line-bg: rgba(56,139,253,0.15);
@@ -413,18 +413,19 @@
413
413
  --color-diff-blob-comment-button-bg: #1f6feb;
414
414
  --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
415
415
  --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
416
- --color-global-nav-logo: #ff0000;
417
- --color-global-nav-bg: #ff0000;
418
- --color-global-nav-text: #ff0000;
419
- --color-global-nav-icon: #ff0000;
420
- --color-global-nav-input-bg: #ff0000;
421
- --color-global-nav-input-border: #ff0000;
422
- --color-global-nav-input-icon: #ff0000;
423
- --color-global-nav-input-placeholder: #ff0000;
416
+ --color-global-nav-logo: #f0f6fc;
417
+ --color-global-nav-bg: #161b22;
418
+ --color-global-nav-text: #c9d1d9;
419
+ --color-global-nav-icon: #c9d1d9;
420
+ --color-global-nav-input-bg: #0d1117;
421
+ --color-global-nav-input-border: #21262d;
422
+ --color-global-nav-input-icon: #21262d;
423
+ --color-global-nav-input-placeholder: #484f58;
424
424
  --color-intro-shelf-gradient-left: rgba(56,139,253,0.15);
425
- --color-intro-shelf-gradient-right: rgba(46,160,67,0.15);
425
+ --color-intro-shelf-gradient-right: rgba(21,133,253,0.15);
426
426
  --color-intro-shelf-gradient-in: #0d1117;
427
427
  --color-intro-shelf-gradient-out: rgba(240,246,252,0);
428
+ --color-canvas-default-transparent: rgba(13,17,23,0);
428
429
  --color-marketing-icon-primary: #79c0ff;
429
430
  --color-marketing-icon-secondary: #1f6feb;
430
431
  --color-search-keyword-hl: rgba(210,153,34,0.4);
@@ -432,24 +433,24 @@
432
433
  --color-prettylights-syntax-constant: #79c0ff;
433
434
  --color-prettylights-syntax-entity: #d2a8ff;
434
435
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
435
- --color-prettylights-syntax-entity-tag: #7ee787;
436
- --color-prettylights-syntax-keyword: #ff7b72;
436
+ --color-prettylights-syntax-entity-tag: #83d4ff;
437
+ --color-prettylights-syntax-keyword: #d69a00;
437
438
  --color-prettylights-syntax-string: #a5d6ff;
438
439
  --color-prettylights-syntax-variable: #ffa657;
439
- --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
440
+ --color-prettylights-syntax-brackethighlighter-unmatched: #c38000;
440
441
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
441
- --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
442
+ --color-prettylights-syntax-invalid-illegal-bg: #633e00;
442
443
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
443
- --color-prettylights-syntax-carriage-return-bg: #b62324;
444
- --color-prettylights-syntax-string-regexp: #7ee787;
444
+ --color-prettylights-syntax-carriage-return-bg: #865401;
445
+ --color-prettylights-syntax-string-regexp: #83d4ff;
445
446
  --color-prettylights-syntax-markup-list: #f2cc60;
446
447
  --color-prettylights-syntax-markup-heading: #1f6feb;
447
448
  --color-prettylights-syntax-markup-italic: #c9d1d9;
448
449
  --color-prettylights-syntax-markup-bold: #c9d1d9;
449
- --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
450
- --color-prettylights-syntax-markup-deleted-bg: #67060c;
451
- --color-prettylights-syntax-markup-inserted-text: #aff5b4;
452
- --color-prettylights-syntax-markup-inserted-bg: #033a16;
450
+ --color-prettylights-syntax-markup-deleted-text: #f0ec59;
451
+ --color-prettylights-syntax-markup-deleted-bg: #452f00;
452
+ --color-prettylights-syntax-markup-inserted-text: #a0e8ff;
453
+ --color-prettylights-syntax-markup-inserted-bg: #0a2861;
453
454
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
454
455
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
455
456
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
@@ -472,8 +473,8 @@
472
473
  --color-codemirror-syntax-comment: #8b949e;
473
474
  --color-codemirror-syntax-constant: #79c0ff;
474
475
  --color-codemirror-syntax-entity: #d2a8ff;
475
- --color-codemirror-syntax-keyword: #ff7b72;
476
- --color-codemirror-syntax-storage: #ff7b72;
476
+ --color-codemirror-syntax-keyword: #d69a00;
477
+ --color-codemirror-syntax-storage: #d69a00;
477
478
  --color-codemirror-syntax-string: #a5d6ff;
478
479
  --color-codemirror-syntax-support: #79c0ff;
479
480
  --color-codemirror-syntax-variable: #ffa657;
@@ -491,9 +492,9 @@
491
492
  --color-checks-input-focus-text: #c9d1d9;
492
493
  --color-checks-input-bg: #161b22;
493
494
  --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
494
- --color-checks-donut-error: #f85149;
495
+ --color-checks-donut-error: #c38000;
495
496
  --color-checks-donut-pending: #d29922;
496
- --color-checks-donut-success: #2ea043;
497
+ --color-checks-donut-success: #1585fd;
497
498
  --color-checks-donut-neutral: #8b949e;
498
499
  --color-checks-dropdown-text: #c9d1d9;
499
500
  --color-checks-dropdown-bg: #161b22;
@@ -520,28 +521,28 @@
520
521
  --color-checks-gate-text: #8b949e;
521
522
  --color-checks-gate-waiting-text: #d29922;
522
523
  --color-checks-step-header-open-bg: #161b22;
523
- --color-checks-step-error-text: #f85149;
524
+ --color-checks-step-error-text: #c38000;
524
525
  --color-checks-step-warning-text: #d29922;
525
526
  --color-checks-logline-text: #8b949e;
526
527
  --color-checks-logline-num-text: #484f58;
527
528
  --color-checks-logline-debug-text: #a371f7;
528
529
  --color-checks-logline-error-text: #8b949e;
529
530
  --color-checks-logline-error-num-text: #484f58;
530
- --color-checks-logline-error-bg: rgba(248,81,73,0.15);
531
+ --color-checks-logline-error-bg: rgba(195,128,0,0.15);
531
532
  --color-checks-logline-warning-text: #8b949e;
532
533
  --color-checks-logline-warning-num-text: #d29922;
533
534
  --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
534
535
  --color-checks-logline-command-text: #58a6ff;
535
- --color-checks-logline-section-text: #3fb950;
536
+ --color-checks-logline-section-text: #42a0ff;
536
537
  --color-checks-ansi-black: #0d1117;
537
538
  --color-checks-ansi-black-bright: #161b22;
538
539
  --color-checks-ansi-white: #b1bac4;
539
540
  --color-checks-ansi-white-bright: #b1bac4;
540
541
  --color-checks-ansi-gray: #6e7681;
541
- --color-checks-ansi-red: #ff7b72;
542
- --color-checks-ansi-red-bright: #ffa198;
543
- --color-checks-ansi-green: #3fb950;
544
- --color-checks-ansi-green-bright: #56d364;
542
+ --color-checks-ansi-red: #d69a00;
543
+ --color-checks-ansi-red-bright: #e6b716;
544
+ --color-checks-ansi-green: #42a0ff;
545
+ --color-checks-ansi-green-bright: #66baff;
545
546
  --color-checks-ansi-yellow: #d29922;
546
547
  --color-checks-ansi-yellow-bright: #e3b341;
547
548
  --color-checks-ansi-blue: #58a6ff;
@@ -550,7 +551,7 @@
550
551
  --color-checks-ansi-magenta-bright: #d2a8ff;
551
552
  --color-checks-ansi-cyan: #76e3ea;
552
553
  --color-checks-ansi-cyan-bright: #b3f0ff;
553
- --color-mktg-success: rgba(41,147,61,1);
554
+ --color-mktg-success: rgba(25,119,239,1);
554
555
  --color-mktg-info: rgba(42,123,243,1);
555
556
  --color-mktg-bg-shade-gradient-top: rgba(1,4,9,0.065);
556
557
  --color-mktg-bg-shade-gradient-bottom: rgba(1,4,9,0);
@@ -597,10 +598,10 @@
597
598
  --color-ansi-white: #b1bac4;
598
599
  --color-ansi-white-bright: #f0f6fc;
599
600
  --color-ansi-gray: #6e7681;
600
- --color-ansi-red: #ff7b72;
601
- --color-ansi-red-bright: #ffa198;
602
- --color-ansi-green: #3fb950;
603
- --color-ansi-green-bright: #56d364;
601
+ --color-ansi-red: #d69a00;
602
+ --color-ansi-red-bright: #e6b716;
603
+ --color-ansi-green: #42a0ff;
604
+ --color-ansi-green-bright: #66baff;
604
605
  --color-ansi-yellow: #d29922;
605
606
  --color-ansi-yellow-bright: #e3b341;
606
607
  --color-ansi-blue: #58a6ff;
@@ -626,18 +627,18 @@
626
627
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
627
628
  --color-btn-counter-bg: #30363d;
628
629
  --color-btn-primary-text: #ffffff;
629
- --color-btn-primary-bg: #238636;
630
+ --color-btn-primary-bg: #1d69e0;
630
631
  --color-btn-primary-border: rgba(240,246,252,0.1);
631
632
  --color-btn-primary-shadow: 0 0 transparent;
632
633
  --color-btn-primary-inset-shadow: 0 0 transparent;
633
- --color-btn-primary-hover-bg: #2ea043;
634
+ --color-btn-primary-hover-bg: #1585fd;
634
635
  --color-btn-primary-hover-border: rgba(240,246,252,0.1);
635
- --color-btn-primary-selected-bg: #238636;
636
+ --color-btn-primary-selected-bg: #1d69e0;
636
637
  --color-btn-primary-selected-shadow: 0 0 transparent;
637
638
  --color-btn-primary-disabled-text: rgba(240,246,252,0.5);
638
- --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
639
+ --color-btn-primary-disabled-bg: rgba(29,105,224,0.6);
639
640
  --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
640
- --color-btn-primary-focus-bg: #238636;
641
+ --color-btn-primary-focus-bg: #1d69e0;
641
642
  --color-btn-primary-focus-border: rgba(240,246,252,0.1);
642
643
  --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
643
644
  --color-btn-primary-icon: #f0f6fc;
@@ -659,25 +660,25 @@
659
660
  --color-btn-outline-focus-border: rgba(240,246,252,0.1);
660
661
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
661
662
  --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
662
- --color-btn-danger-text: #f85149;
663
+ --color-btn-danger-text: #c38000;
663
664
  --color-btn-danger-hover-text: #f0f6fc;
664
- --color-btn-danger-hover-bg: #da3633;
665
- --color-btn-danger-hover-border: #f85149;
665
+ --color-btn-danger-hover-bg: #a66900;
666
+ --color-btn-danger-hover-border: #c38000;
666
667
  --color-btn-danger-hover-shadow: 0 0 transparent;
667
668
  --color-btn-danger-hover-inset-shadow: 0 0 transparent;
668
669
  --color-btn-danger-hover-icon: #f0f6fc;
669
670
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
670
671
  --color-btn-danger-selected-text: #ffffff;
671
- --color-btn-danger-selected-bg: #b62324;
672
- --color-btn-danger-selected-border: #ff7b72;
672
+ --color-btn-danger-selected-bg: #865401;
673
+ --color-btn-danger-selected-border: #d69a00;
673
674
  --color-btn-danger-selected-shadow: 0 0 transparent;
674
- --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
675
+ --color-btn-danger-disabled-text: rgba(195,128,0,0.5);
675
676
  --color-btn-danger-disabled-bg: #0d1117;
676
- --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
677
- --color-btn-danger-focus-border: #f85149;
678
- --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,0.4);
679
- --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
680
- --color-btn-danger-icon: #f85149;
677
+ --color-btn-danger-disabled-counter-bg: rgba(166,105,0,0.05);
678
+ --color-btn-danger-focus-border: #c38000;
679
+ --color-btn-danger-focus-shadow: 0 0 0 3px rgba(195,128,0,0.4);
680
+ --color-btn-danger-counter-bg: rgba(166,105,0,0.1);
681
+ --color-btn-danger-icon: #c38000;
681
682
  --color-fg-default: #c9d1d9;
682
683
  --color-fg-muted: #8b949e;
683
684
  --color-fg-subtle: #484f58;
@@ -694,10 +695,10 @@
694
695
  --color-accent-emphasis: #1f6feb;
695
696
  --color-accent-muted: rgba(56,139,253,0.4);
696
697
  --color-accent-subtle: rgba(56,139,253,0.15);
697
- --color-success-fg: #3fb950;
698
- --color-success-emphasis: #238636;
699
- --color-success-muted: rgba(46,160,67,0.4);
700
- --color-success-subtle: rgba(46,160,67,0.15);
698
+ --color-success-fg: #42a0ff;
699
+ --color-success-emphasis: #1d69e0;
700
+ --color-success-muted: rgba(21,133,253,0.4);
701
+ --color-success-subtle: rgba(21,133,253,0.15);
701
702
  --color-attention-fg: #d29922;
702
703
  --color-attention-emphasis: #9e6a03;
703
704
  --color-attention-muted: rgba(187,128,9,0.4);
@@ -706,10 +707,10 @@
706
707
  --color-severe-emphasis: #bd561d;
707
708
  --color-severe-muted: rgba(219,109,40,0.4);
708
709
  --color-severe-subtle: rgba(219,109,40,0.15);
709
- --color-danger-fg: #f85149;
710
- --color-danger-emphasis: #da3633;
711
- --color-danger-muted: rgba(248,81,73,0.4);
712
- --color-danger-subtle: rgba(248,81,73,0.15);
710
+ --color-danger-fg: #c38000;
711
+ --color-danger-emphasis: #a66900;
712
+ --color-danger-muted: rgba(195,128,0,0.4);
713
+ --color-danger-subtle: rgba(195,128,0,0.15);
713
714
  --color-done-fg: #a371f7;
714
715
  --color-done-emphasis: #8957e5;
715
716
  --color-done-muted: rgba(163,113,247,0.4);
@@ -747,16 +748,16 @@
747
748
  --color-scale-blue-7: #0d419d;
748
749
  --color-scale-blue-8: #0c2d6b;
749
750
  --color-scale-blue-9: #051d4d;
750
- --color-scale-green-0: #aff5b4;
751
- --color-scale-green-1: #7ee787;
752
- --color-scale-green-2: #56d364;
753
- --color-scale-green-3: #3fb950;
754
- --color-scale-green-4: #2ea043;
755
- --color-scale-green-5: #238636;
756
- --color-scale-green-6: #196c2e;
757
- --color-scale-green-7: #0f5323;
758
- --color-scale-green-8: #033a16;
759
- --color-scale-green-9: #04260f;
751
+ --color-scale-green-0: #a0e8ff;
752
+ --color-scale-green-1: #83d4ff;
753
+ --color-scale-green-2: #66baff;
754
+ --color-scale-green-3: #42a0ff;
755
+ --color-scale-green-4: #1585fd;
756
+ --color-scale-green-5: #1d69e0;
757
+ --color-scale-green-6: #0f53bc;
758
+ --color-scale-green-7: #0b3c92;
759
+ --color-scale-green-8: #0a2861;
760
+ --color-scale-green-9: #041843;
760
761
  --color-scale-yellow-0: #f8e3a1;
761
762
  --color-scale-yellow-1: #f2cc60;
762
763
  --color-scale-yellow-2: #e3b341;
@@ -777,16 +778,16 @@
777
778
  --color-scale-orange-7: #762d0a;
778
779
  --color-scale-orange-8: #5a1e02;
779
780
  --color-scale-orange-9: #3d1300;
780
- --color-scale-red-0: #ffdcd7;
781
- --color-scale-red-1: #ffc1ba;
782
- --color-scale-red-2: #ffa198;
783
- --color-scale-red-3: #ff7b72;
784
- --color-scale-red-4: #f85149;
785
- --color-scale-red-5: #da3633;
786
- --color-scale-red-6: #b62324;
787
- --color-scale-red-7: #8e1519;
788
- --color-scale-red-8: #67060c;
789
- --color-scale-red-9: #490202;
781
+ --color-scale-red-0: #f0ec59;
782
+ --color-scale-red-1: #ecd334;
783
+ --color-scale-red-2: #e6b716;
784
+ --color-scale-red-3: #d69a00;
785
+ --color-scale-red-4: #c38000;
786
+ --color-scale-red-5: #a66900;
787
+ --color-scale-red-6: #865401;
788
+ --color-scale-red-7: #633e00;
789
+ --color-scale-red-8: #452f00;
790
+ --color-scale-red-9: #292100;
790
791
  --color-scale-purple-0: #eddeff;
791
792
  --color-scale-purple-1: #e2c5ff;
792
793
  --color-scale-purple-2: #d2a8ff;