@primer/primitives 7.5.1-rc.e5be394 → 7.6.0-rc.8feb85c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/dist/js/colors/dark.d.ts +16 -0
  3. package/dist/js/colors/dark.js +24 -8
  4. package/dist/js/colors/dark_colorblind.d.ts +16 -0
  5. package/dist/js/colors/dark_colorblind.js +125 -109
  6. package/dist/js/colors/dark_dimmed.d.ts +16 -0
  7. package/dist/js/colors/dark_dimmed.js +24 -8
  8. package/dist/js/colors/dark_high_contrast.d.ts +16 -0
  9. package/dist/js/colors/dark_high_contrast.js +23 -7
  10. package/dist/js/colors/index.d.ts +112 -0
  11. package/dist/js/colors/light.d.ts +16 -0
  12. package/dist/js/colors/light.js +16 -0
  13. package/dist/js/colors/light_colorblind.d.ts +16 -0
  14. package/dist/js/colors/light_colorblind.js +118 -102
  15. package/dist/js/colors/light_high_contrast.d.ts +16 -0
  16. package/dist/js/colors/light_high_contrast.js +16 -0
  17. package/dist/js/index.d.ts +112 -0
  18. package/dist/json/colors/dark.json +24 -8
  19. package/dist/json/colors/dark_colorblind.json +125 -109
  20. package/dist/json/colors/dark_dimmed.json +24 -8
  21. package/dist/json/colors/dark_high_contrast.json +23 -7
  22. package/dist/json/colors/light.json +16 -0
  23. package/dist/json/colors/light_colorblind.json +118 -102
  24. package/dist/json/colors/light_high_contrast.json +16 -0
  25. package/dist/scss/colors/_dark.scss +16 -8
  26. package/dist/scss/colors/_dark_colorblind.scss +117 -109
  27. package/dist/scss/colors/_dark_dimmed.scss +16 -8
  28. package/dist/scss/colors/_dark_high_contrast.scss +15 -7
  29. package/dist/scss/colors/_light.scss +8 -0
  30. package/dist/scss/colors/_light_colorblind.scss +110 -102
  31. package/dist/scss/colors/_light_high_contrast.scss +8 -0
  32. package/dist/ts/colors/dark.ts +24 -8
  33. package/dist/ts/colors/dark_colorblind.ts +125 -109
  34. package/dist/ts/colors/dark_dimmed.ts +24 -8
  35. package/dist/ts/colors/dark_high_contrast.ts +23 -7
  36. package/dist/ts/colors/light.ts +16 -0
  37. package/dist/ts/colors/light_colorblind.ts +118 -102
  38. package/dist/ts/colors/light_high_contrast.ts +16 -0
  39. package/package.json +1 -1
package/dist/scss/colors/_dark_colorblind.scss CHANGED
@@ -6,45 +6,45 @@
6
6
  --color-marketing-icon-secondary: #1f6feb;
7
7
  --color-diff-blob-addition-num-text: #c9d1d9;
8
8
  --color-diff-blob-addition-fg: #c9d1d9;
9
- --color-diff-blob-addition-num-bg: rgba(66,160,255,0.3);
10
- --color-diff-blob-addition-line-bg: rgba(21,133,253,0.15);
11
- --color-diff-blob-addition-word-bg: rgba(21,133,253,0.4);
9
+ --color-diff-blob-addition-num-bg: rgba(88,166,255,0.3);
10
+ --color-diff-blob-addition-line-bg: rgba(56,139,253,0.15);
11
+ --color-diff-blob-addition-word-bg: rgba(56,139,253,0.4);
12
12
  --color-diff-blob-deletion-num-text: #c9d1d9;
13
13
  --color-diff-blob-deletion-fg: #c9d1d9;
14
- --color-diff-blob-deletion-num-bg: rgba(195,128,0,0.3);
15
- --color-diff-blob-deletion-line-bg: rgba(195,128,0,0.15);
16
- --color-diff-blob-deletion-word-bg: rgba(195,128,0,0.4);
14
+ --color-diff-blob-deletion-num-bg: rgba(212,118,22,0.3);
15
+ --color-diff-blob-deletion-line-bg: rgba(212,118,22,0.15);
16
+ --color-diff-blob-deletion-word-bg: rgba(212,118,22,0.4);
17
17
  --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
18
18
  --color-diff-blob-expander-icon: #8b949e;
19
19
  --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
20
20
  --color-diffstat-deletion-border: rgba(240,246,252,0.1);
21
21
  --color-diffstat-addition-border: rgba(240,246,252,0.1);
22
- --color-diffstat-addition-bg: #42a0ff;
22
+ --color-diffstat-addition-bg: #58a6ff;
23
23
  --color-search-keyword-hl: rgba(210,153,34,0.4);
24
24
  --color-prettylights-syntax-comment: #8b949e;
25
25
  --color-prettylights-syntax-constant: #79c0ff;
26
26
  --color-prettylights-syntax-entity: #d2a8ff;
27
27
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
28
- --color-prettylights-syntax-entity-tag: #83d4ff;
29
- --color-prettylights-syntax-keyword: #d69a00;
28
+ --color-prettylights-syntax-entity-tag: #a5d6ff;
29
+ --color-prettylights-syntax-keyword: #ec8e2c;
30
30
  --color-prettylights-syntax-string: #a5d6ff;
31
- --color-prettylights-syntax-variable: #ffa657;
32
- --color-prettylights-syntax-brackethighlighter-unmatched: #c38000;
31
+ --color-prettylights-syntax-variable: #fdac54;
32
+ --color-prettylights-syntax-brackethighlighter-unmatched: #d47616;
33
33
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
34
- --color-prettylights-syntax-invalid-illegal-bg: #633e00;
34
+ --color-prettylights-syntax-invalid-illegal-bg: #6c3906;
35
35
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
36
- --color-prettylights-syntax-carriage-return-bg: #865401;
37
- --color-prettylights-syntax-string-regexp: #83d4ff;
36
+ --color-prettylights-syntax-carriage-return-bg: #914d04;
37
+ --color-prettylights-syntax-string-regexp: #a5d6ff;
38
38
  --color-prettylights-syntax-markup-list: #f2cc60;
39
39
  --color-prettylights-syntax-markup-heading: #1f6feb;
40
40
  --color-prettylights-syntax-markup-italic: #c9d1d9;
41
41
  --color-prettylights-syntax-markup-bold: #c9d1d9;
42
- --color-prettylights-syntax-markup-deleted-text: #f0ec59;
43
- --color-prettylights-syntax-markup-deleted-bg: #452f00;
44
- --color-prettylights-syntax-markup-inserted-text: #a0e8ff;
45
- --color-prettylights-syntax-markup-inserted-bg: #0a2861;
46
- --color-prettylights-syntax-markup-changed-text: #ffdfb6;
47
- --color-prettylights-syntax-markup-changed-bg: #5a1e02;
42
+ --color-prettylights-syntax-markup-deleted-text: #ffe2bb;
43
+ --color-prettylights-syntax-markup-deleted-bg: #4e2906;
44
+ --color-prettylights-syntax-markup-inserted-text: #cae8ff;
45
+ --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
46
+ --color-prettylights-syntax-markup-changed-text: #ffe2bb;
47
+ --color-prettylights-syntax-markup-changed-bg: #4e2906;
48
48
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
49
49
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
50
50
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
@@ -55,7 +55,7 @@
55
55
  --color-codemirror-bg: #0d1117;
56
56
  --color-codemirror-gutters-bg: #0d1117;
57
57
  --color-codemirror-guttermarker-text: #0d1117;
58
- --color-codemirror-guttermarker-subtle-text: #484f58;
58
+ --color-codemirror-guttermarker-subtle-text: #6e7681;
59
59
  --color-codemirror-linenumber-text: #8b949e;
60
60
  --color-codemirror-cursor: #c9d1d9;
61
61
  --color-codemirror-selection-bg: rgba(56,139,253,0.4);
@@ -65,11 +65,11 @@
65
65
  --color-codemirror-syntax-comment: #8b949e;
66
66
  --color-codemirror-syntax-constant: #79c0ff;
67
67
  --color-codemirror-syntax-entity: #d2a8ff;
68
- --color-codemirror-syntax-keyword: #d69a00;
69
- --color-codemirror-syntax-storage: #d69a00;
68
+ --color-codemirror-syntax-keyword: #ec8e2c;
69
+ --color-codemirror-syntax-storage: #ec8e2c;
70
70
  --color-codemirror-syntax-string: #a5d6ff;
71
71
  --color-codemirror-syntax-support: #79c0ff;
72
- --color-codemirror-syntax-variable: #ffa657;
72
+ --color-codemirror-syntax-variable: #fdac54;
73
73
  --color-checks-bg: #010409;
74
74
  --color-checks-run-border-width: 1px;
75
75
  --color-checks-container-border-width: 1px;
@@ -80,13 +80,13 @@
80
80
  --color-checks-btn-hover-icon: #c9d1d9;
81
81
  --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
82
82
  --color-checks-input-text: #8b949e;
83
- --color-checks-input-placeholder-text: #484f58;
83
+ --color-checks-input-placeholder-text: #6e7681;
84
84
  --color-checks-input-focus-text: #c9d1d9;
85
85
  --color-checks-input-bg: #161b22;
86
86
  --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
87
- --color-checks-donut-error: #c38000;
87
+ --color-checks-donut-error: #d47616;
88
88
  --color-checks-donut-pending: #d29922;
89
- --color-checks-donut-success: #1585fd;
89
+ --color-checks-donut-success: #388bfd;
90
90
  --color-checks-donut-neutral: #8b949e;
91
91
  --color-checks-dropdown-text: #c9d1d9;
92
92
  --color-checks-dropdown-bg: #161b22;
@@ -102,8 +102,8 @@
102
102
  --color-checks-header-border: #21262d;
103
103
  --color-checks-header-icon: #8b949e;
104
104
  --color-checks-line-text: #8b949e;
105
- --color-checks-line-num-text: #484f58;
106
- --color-checks-line-timestamp-text: #484f58;
105
+ --color-checks-line-num-text: #6e7681;
106
+ --color-checks-line-timestamp-text: #6e7681;
107
107
  --color-checks-line-hover-bg: rgba(110,118,129,0.1);
108
108
  --color-checks-line-selected-bg: rgba(56,139,253,0.15);
109
109
  --color-checks-line-selected-num-text: #58a6ff;
@@ -113,28 +113,28 @@
113
113
  --color-checks-gate-text: #8b949e;
114
114
  --color-checks-gate-waiting-text: #d29922;
115
115
  --color-checks-step-header-open-bg: #161b22;
116
- --color-checks-step-error-text: #c38000;
116
+ --color-checks-step-error-text: #d47616;
117
117
  --color-checks-step-warning-text: #d29922;
118
118
  --color-checks-logline-text: #8b949e;
119
- --color-checks-logline-num-text: #484f58;
119
+ --color-checks-logline-num-text: #6e7681;
120
120
  --color-checks-logline-debug-text: #a371f7;
121
121
  --color-checks-logline-error-text: #8b949e;
122
- --color-checks-logline-error-num-text: #484f58;
123
- --color-checks-logline-error-bg: rgba(195,128,0,0.15);
122
+ --color-checks-logline-error-num-text: #6e7681;
123
+ --color-checks-logline-error-bg: rgba(212,118,22,0.15);
124
124
  --color-checks-logline-warning-text: #8b949e;
125
125
  --color-checks-logline-warning-num-text: #d29922;
126
126
  --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
127
127
  --color-checks-logline-command-text: #58a6ff;
128
- --color-checks-logline-section-text: #42a0ff;
128
+ --color-checks-logline-section-text: #58a6ff;
129
129
  --color-checks-ansi-black: #0d1117;
130
130
  --color-checks-ansi-black-bright: #161b22;
131
131
  --color-checks-ansi-white: #b1bac4;
132
132
  --color-checks-ansi-white-bright: #b1bac4;
133
133
  --color-checks-ansi-gray: #6e7681;
134
- --color-checks-ansi-red: #d69a00;
135
- --color-checks-ansi-red-bright: #e6b716;
136
- --color-checks-ansi-green: #42a0ff;
137
- --color-checks-ansi-green-bright: #66baff;
134
+ --color-checks-ansi-red: #ec8e2c;
135
+ --color-checks-ansi-red-bright: #fdac54;
136
+ --color-checks-ansi-green: #58a6ff;
137
+ --color-checks-ansi-green-bright: #79c0ff;
138
138
  --color-checks-ansi-yellow: #d29922;
139
139
  --color-checks-ansi-yellow-bright: #e3b341;
140
140
  --color-checks-ansi-blue: #58a6ff;
@@ -178,10 +178,10 @@
178
178
  --color-ansi-white: #b1bac4;
179
179
  --color-ansi-white-bright: #ffffff;
180
180
  --color-ansi-gray: #6e7681;
181
- --color-ansi-red: #d69a00;
182
- --color-ansi-red-bright: #e6b716;
183
- --color-ansi-green: #42a0ff;
184
- --color-ansi-green-bright: #66baff;
181
+ --color-ansi-red: #ec8e2c;
182
+ --color-ansi-red-bright: #fdac54;
183
+ --color-ansi-green: #58a6ff;
184
+ --color-ansi-green-bright: #79c0ff;
185
185
  --color-ansi-yellow: #d29922;
186
186
  --color-ansi-yellow-bright: #e3b341;
187
187
  --color-ansi-blue: #58a6ff;
@@ -207,18 +207,18 @@
207
207
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
208
208
  --color-btn-counter-bg: #30363d;
209
209
  --color-btn-primary-text: #ffffff;
210
- --color-btn-primary-bg: #1d69e0;
210
+ --color-btn-primary-bg: #1f6feb;
211
211
  --color-btn-primary-border: rgba(240,246,252,0.1);
212
212
  --color-btn-primary-shadow: 0 0 transparent;
213
213
  --color-btn-primary-inset-shadow: 0 0 transparent;
214
- --color-btn-primary-hover-bg: #1585fd;
214
+ --color-btn-primary-hover-bg: #388bfd;
215
215
  --color-btn-primary-hover-border: rgba(240,246,252,0.1);
216
- --color-btn-primary-selected-bg: #1d69e0;
216
+ --color-btn-primary-selected-bg: #1f6feb;
217
217
  --color-btn-primary-selected-shadow: 0 0 transparent;
218
218
  --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
219
- --color-btn-primary-disabled-bg: rgba(29,105,224,0.6);
219
+ --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
220
220
  --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
221
- --color-btn-primary-focus-bg: #1d69e0;
221
+ --color-btn-primary-focus-bg: #1f6feb;
222
222
  --color-btn-primary-focus-border: rgba(240,246,252,0.1);
223
223
  --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
224
224
  --color-btn-primary-icon: #ffffff;
@@ -240,26 +240,26 @@
240
240
  --color-btn-outline-focus-border: rgba(240,246,252,0.1);
241
241
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
242
242
  --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
243
- --color-btn-danger-text: #c38000;
243
+ --color-btn-danger-text: #d47616;
244
244
  --color-btn-danger-hover-text: #ffffff;
245
- --color-btn-danger-hover-bg: #a66900;
246
- --color-btn-danger-hover-border: #c38000;
245
+ --color-btn-danger-hover-bg: #b76100;
246
+ --color-btn-danger-hover-border: #d47616;
247
247
  --color-btn-danger-hover-shadow: 0 0 transparent;
248
248
  --color-btn-danger-hover-inset-shadow: 0 0 transparent;
249
249
  --color-btn-danger-hover-icon: #ffffff;
250
250
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
251
251
  --color-btn-danger-selected-text: #ffffff;
252
- --color-btn-danger-selected-bg: #865401;
253
- --color-btn-danger-selected-border: #d69a00;
252
+ --color-btn-danger-selected-bg: #914d04;
253
+ --color-btn-danger-selected-border: #ec8e2c;
254
254
  --color-btn-danger-selected-shadow: 0 0 transparent;
255
- --color-btn-danger-disabled-text: rgba(195,128,0,0.5);
255
+ --color-btn-danger-disabled-text: rgba(212,118,22,0.5);
256
256
  --color-btn-danger-disabled-bg: #0d1117;
257
- --color-btn-danger-disabled-counter-bg: rgba(166,105,0,0.05);
258
- --color-btn-danger-focus-border: #c38000;
259
- --color-btn-danger-focus-shadow: 0 0 0 3px rgba(195,128,0,0.4);
260
- --color-btn-danger-counter-bg: rgba(166,105,0,0.1);
261
- --color-btn-danger-icon: #c38000;
262
- --color-underlinenav-icon: #484f58;
257
+ --color-btn-danger-disabled-counter-bg: rgba(183,97,0,0.05);
258
+ --color-btn-danger-focus-border: #d47616;
259
+ --color-btn-danger-focus-shadow: 0 0 0 3px rgba(212,118,22,0.4);
260
+ --color-btn-danger-counter-bg: rgba(183,97,0,0.1);
261
+ --color-btn-danger-icon: #d47616;
262
+ --color-underlinenav-icon: #6e7681;
263
263
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
264
264
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
265
265
  --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
@@ -267,12 +267,20 @@
267
267
  --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
268
268
  --color-action-list-item-default-active-border: rgba(0,0,0,0);
269
269
  --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
270
- --color-action-list-item-danger-hover-bg: rgba(195,128,0,0.16);
271
- --color-action-list-item-danger-active-bg: rgba(195,128,0,0.24);
272
- --color-action-list-item-danger-hover-text: #d69a00;
270
+ --color-action-list-item-danger-hover-bg: rgba(212,118,22,0.16);
271
+ --color-action-list-item-danger-active-bg: rgba(212,118,22,0.24);
272
+ --color-action-list-item-danger-hover-text: #ec8e2c;
273
+ --color-switch-track-bg: #010409;
274
+ --color-switch-track-border: #6e7681;
275
+ --color-switch-track-checked-bg: rgba(31,111,235,0.35);
276
+ --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
277
+ --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
278
+ --color-switch-track-checked-border: #58a6ff;
279
+ --color-switch-knob-checked-bg: #1f6feb;
280
+ --color-switch-knob-checked-disabled-bg: #484f58;
273
281
  --color-fg-default: #c9d1d9;
274
282
  --color-fg-muted: #8b949e;
275
- --color-fg-subtle: #484f58;
283
+ --color-fg-subtle: #6e7681;
276
284
  --color-fg-on-emphasis: #ffffff;
277
285
  --color-canvas-default: #0d1117;
278
286
  --color-canvas-overlay: #161b22;
@@ -293,26 +301,26 @@
293
301
  --color-accent-emphasis: #1f6feb;
294
302
  --color-accent-muted: rgba(56,139,253,0.4);
295
303
  --color-accent-subtle: rgba(56,139,253,0.15);
296
- --color-success-fg: #42a0ff;
297
- --color-success-emphasis: #1d69e0;
298
- --color-success-muted: rgba(21,133,253,0.4);
299
- --color-success-subtle: rgba(21,133,253,0.15);
304
+ --color-success-fg: #58a6ff;
305
+ --color-success-emphasis: #1f6feb;
306
+ --color-success-muted: rgba(56,139,253,0.4);
307
+ --color-success-subtle: rgba(56,139,253,0.15);
300
308
  --color-attention-fg: #d29922;
301
309
  --color-attention-emphasis: #9e6a03;
302
310
  --color-attention-muted: rgba(187,128,9,0.4);
303
311
  --color-attention-subtle: rgba(187,128,9,0.15);
304
- --color-severe-fg: #db6d28;
305
- --color-severe-emphasis: #bd561d;
306
- --color-severe-muted: rgba(219,109,40,0.4);
307
- --color-severe-subtle: rgba(219,109,40,0.15);
308
- --color-danger-fg: #c38000;
309
- --color-danger-emphasis: #a66900;
310
- --color-danger-muted: rgba(195,128,0,0.4);
311
- --color-danger-subtle: rgba(195,128,0,0.15);
312
- --color-open-fg: #f0883e;
313
- --color-open-emphasis: #bd561d;
314
- --color-open-muted: rgba(219,109,40,0.4);
315
- --color-open-subtle: rgba(219,109,40,0.15);
312
+ --color-severe-fg: #d47616;
313
+ --color-severe-emphasis: #b76100;
314
+ --color-severe-muted: rgba(212,118,22,0.4);
315
+ --color-severe-subtle: rgba(212,118,22,0.15);
316
+ --color-danger-fg: #d47616;
317
+ --color-danger-emphasis: #b76100;
318
+ --color-danger-muted: rgba(212,118,22,0.4);
319
+ --color-danger-subtle: rgba(212,118,22,0.15);
320
+ --color-open-fg: #ec8e2c;
321
+ --color-open-emphasis: #b76100;
322
+ --color-open-muted: rgba(212,118,22,0.4);
323
+ --color-open-subtle: rgba(212,118,22,0.15);
316
324
  --color-closed-fg: #8b949e;
317
325
  --color-closed-emphasis: #6e7681;
318
326
  --color-closed-muted: rgba(110,118,129,0.4);
@@ -355,16 +363,16 @@
355
363
  --color-scale-blue-7: #0d419d;
356
364
  --color-scale-blue-8: #0c2d6b;
357
365
  --color-scale-blue-9: #051d4d;
358
- --color-scale-green-0: #a0e8ff;
359
- --color-scale-green-1: #83d4ff;
360
- --color-scale-green-2: #66baff;
361
- --color-scale-green-3: #42a0ff;
362
- --color-scale-green-4: #1585fd;
363
- --color-scale-green-5: #1d69e0;
364
- --color-scale-green-6: #0f53bc;
365
- --color-scale-green-7: #0b3c92;
366
- --color-scale-green-8: #0a2861;
367
- --color-scale-green-9: #041843;
366
+ --color-scale-green-0: #cae8ff;
367
+ --color-scale-green-1: #a5d6ff;
368
+ --color-scale-green-2: #79c0ff;
369
+ --color-scale-green-3: #58a6ff;
370
+ --color-scale-green-4: #388bfd;
371
+ --color-scale-green-5: #1f6feb;
372
+ --color-scale-green-6: #1158c7;
373
+ --color-scale-green-7: #0d419d;
374
+ --color-scale-green-8: #0c2d6b;
375
+ --color-scale-green-9: #051d4d;
368
376
  --color-scale-yellow-0: #f8e3a1;
369
377
  --color-scale-yellow-1: #f2cc60;
370
378
  --color-scale-yellow-2: #e3b341;
@@ -375,26 +383,26 @@
375
383
  --color-scale-yellow-7: #693e00;
376
384
  --color-scale-yellow-8: #4b2900;
377
385
  --color-scale-yellow-9: #341a00;
378
- --color-scale-orange-0: #ffdfb6;
379
- --color-scale-orange-1: #ffc680;
380
- --color-scale-orange-2: #ffa657;
381
- --color-scale-orange-3: #f0883e;
382
- --color-scale-orange-4: #db6d28;
383
- --color-scale-orange-5: #bd561d;
384
- --color-scale-orange-6: #9b4215;
385
- --color-scale-orange-7: #762d0a;
386
- --color-scale-orange-8: #5a1e02;
387
- --color-scale-orange-9: #3d1300;
388
- --color-scale-red-0: #f0ec59;
389
- --color-scale-red-1: #ecd334;
390
- --color-scale-red-2: #e6b716;
391
- --color-scale-red-3: #d69a00;
392
- --color-scale-red-4: #c38000;
393
- --color-scale-red-5: #a66900;
394
- --color-scale-red-6: #865401;
395
- --color-scale-red-7: #633e00;
396
- --color-scale-red-8: #452f00;
397
- --color-scale-red-9: #292100;
386
+ --color-scale-orange-0: #ffe2bb;
387
+ --color-scale-orange-1: #ffc981;
388
+ --color-scale-orange-2: #fdac54;
389
+ --color-scale-orange-3: #ec8e2c;
390
+ --color-scale-orange-4: #d47616;
391
+ --color-scale-orange-5: #b76100;
392
+ --color-scale-orange-6: #914d04;
393
+ --color-scale-orange-7: #6c3906;
394
+ --color-scale-orange-8: #4e2906;
395
+ --color-scale-orange-9: #331c04;
396
+ --color-scale-red-0: #ffe2bb;
397
+ --color-scale-red-1: #ffc981;
398
+ --color-scale-red-2: #fdac54;
399
+ --color-scale-red-3: #ec8e2c;
400
+ --color-scale-red-4: #d47616;
401
+ --color-scale-red-5: #b76100;
402
+ --color-scale-red-6: #914d04;
403
+ --color-scale-red-7: #6c3906;
404
+ --color-scale-red-8: #4e2906;
405
+ --color-scale-red-9: #331c04;
398
406
  --color-scale-purple-0: #eddeff;
399
407
  --color-scale-purple-1: #e2c5ff;
400
408
  --color-scale-purple-2: #d2a8ff;
package/dist/scss/colors/_dark_dimmed.scss CHANGED
@@ -55,7 +55,7 @@
55
55
  --color-codemirror-bg: #22272e;
56
56
  --color-codemirror-gutters-bg: #22272e;
57
57
  --color-codemirror-guttermarker-text: #22272e;
58
- --color-codemirror-guttermarker-subtle-text: #545d68;
58
+ --color-codemirror-guttermarker-subtle-text: #636e7b;
59
59
  --color-codemirror-linenumber-text: #768390;
60
60
  --color-codemirror-cursor: #adbac7;
61
61
  --color-codemirror-selection-bg: rgba(65,132,228,0.4);
@@ -80,7 +80,7 @@
80
80
  --color-checks-btn-hover-icon: #adbac7;
81
81
  --color-checks-btn-hover-bg: rgba(99,110,123,0.1);
82
82
  --color-checks-input-text: #768390;
83
- --color-checks-input-placeholder-text: #545d68;
83
+ --color-checks-input-placeholder-text: #636e7b;
84
84
  --color-checks-input-focus-text: #adbac7;
85
85
  --color-checks-input-bg: #2d333b;
86
86
  --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
@@ -102,8 +102,8 @@
102
102
  --color-checks-header-border: #373e47;
103
103
  --color-checks-header-icon: #768390;
104
104
  --color-checks-line-text: #768390;
105
- --color-checks-line-num-text: #545d68;
106
- --color-checks-line-timestamp-text: #545d68;
105
+ --color-checks-line-num-text: #636e7b;
106
+ --color-checks-line-timestamp-text: #636e7b;
107
107
  --color-checks-line-hover-bg: rgba(99,110,123,0.1);
108
108
  --color-checks-line-selected-bg: rgba(65,132,228,0.15);
109
109
  --color-checks-line-selected-num-text: #539bf5;
@@ -116,10 +116,10 @@
116
116
  --color-checks-step-error-text: #e5534b;
117
117
  --color-checks-step-warning-text: #c69026;
118
118
  --color-checks-logline-text: #768390;
119
- --color-checks-logline-num-text: #545d68;
119
+ --color-checks-logline-num-text: #636e7b;
120
120
  --color-checks-logline-debug-text: #986ee2;
121
121
  --color-checks-logline-error-text: #768390;
122
- --color-checks-logline-error-num-text: #545d68;
122
+ --color-checks-logline-error-num-text: #636e7b;
123
123
  --color-checks-logline-error-bg: rgba(229,83,75,0.15);
124
124
  --color-checks-logline-warning-text: #768390;
125
125
  --color-checks-logline-warning-num-text: #c69026;
@@ -259,7 +259,7 @@
259
259
  --color-btn-danger-focus-shadow: 0 0 0 3px rgba(229,83,75,0.4);
260
260
  --color-btn-danger-counter-bg: rgba(201,60,55,0.1);
261
261
  --color-btn-danger-icon: #e5534b;
262
- --color-underlinenav-icon: #545d68;
262
+ --color-underlinenav-icon: #636e7b;
263
263
  --color-underlinenav-border-hover: rgba(99,110,123,0.4);
264
264
  --color-action-list-item-inline-divider: rgba(68,76,86,0.48);
265
265
  --color-action-list-item-default-hover-bg: rgba(144,157,171,0.12);
@@ -270,9 +270,17 @@
270
270
  --color-action-list-item-danger-hover-bg: rgba(229,83,75,0.16);
271
271
  --color-action-list-item-danger-active-bg: rgba(229,83,75,0.24);
272
272
  --color-action-list-item-danger-hover-text: #f47067;
273
+ --color-switch-track-bg: #1c2128;
274
+ --color-switch-track-border: #636e7b;
275
+ --color-switch-track-checked-bg: rgba(49,109,202,0.35);
276
+ --color-switch-track-checked-hover-bg: rgba(49,109,202,0.5);
277
+ --color-switch-track-checked-active-bg: rgba(49,109,202,0.65);
278
+ --color-switch-track-checked-border: #539bf5;
279
+ --color-switch-knob-checked-bg: #316dca;
280
+ --color-switch-knob-checked-disabled-bg: #545d68;
273
281
  --color-fg-default: #adbac7;
274
282
  --color-fg-muted: #768390;
275
- --color-fg-subtle: #545d68;
283
+ --color-fg-subtle: #636e7b;
276
284
  --color-fg-on-emphasis: #cdd9e5;
277
285
  --color-canvas-default: #22272e;
278
286
  --color-canvas-overlay: #2d333b;
package/dist/scss/colors/_dark_high_contrast.scss CHANGED
@@ -55,7 +55,7 @@
55
55
  --color-codemirror-bg: #0a0c10;
56
56
  --color-codemirror-gutters-bg: #0a0c10;
57
57
  --color-codemirror-guttermarker-text: #0a0c10;
58
- --color-codemirror-guttermarker-subtle-text: #7a828e;
58
+ --color-codemirror-guttermarker-subtle-text: #9ea7b3;
59
59
  --color-codemirror-linenumber-text: #f0f3f6;
60
60
  --color-codemirror-cursor: #f0f3f6;
61
61
  --color-codemirror-selection-bg: rgba(64,158,255,0.4);
@@ -80,7 +80,7 @@
80
80
  --color-checks-btn-hover-icon: #f0f3f6;
81
81
  --color-checks-btn-hover-bg: rgba(158,167,179,0.1);
82
82
  --color-checks-input-text: #f0f3f6;
83
- --color-checks-input-placeholder-text: #7a828e;
83
+ --color-checks-input-placeholder-text: #9ea7b3;
84
84
  --color-checks-input-focus-text: #f0f3f6;
85
85
  --color-checks-input-bg: #272b33;
86
86
  --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
@@ -102,8 +102,8 @@
102
102
  --color-checks-header-border: #7a828e;
103
103
  --color-checks-header-icon: #f0f3f6;
104
104
  --color-checks-line-text: #f0f3f6;
105
- --color-checks-line-num-text: #7a828e;
106
- --color-checks-line-timestamp-text: #7a828e;
105
+ --color-checks-line-num-text: #9ea7b3;
106
+ --color-checks-line-timestamp-text: #9ea7b3;
107
107
  --color-checks-line-hover-bg: rgba(158,167,179,0.1);
108
108
  --color-checks-line-selected-bg: rgba(64,158,255,0.15);
109
109
  --color-checks-line-selected-num-text: #71b7ff;
@@ -116,10 +116,10 @@
116
116
  --color-checks-step-error-text: #ff6a69;
117
117
  --color-checks-step-warning-text: #f0b72f;
118
118
  --color-checks-logline-text: #f0f3f6;
119
- --color-checks-logline-num-text: #7a828e;
119
+ --color-checks-logline-num-text: #9ea7b3;
120
120
  --color-checks-logline-debug-text: #b780ff;
121
121
  --color-checks-logline-error-text: #f0f3f6;
122
- --color-checks-logline-error-num-text: #7a828e;
122
+ --color-checks-logline-error-num-text: #9ea7b3;
123
123
  --color-checks-logline-error-bg: rgba(255,106,105,0.15);
124
124
  --color-checks-logline-warning-text: #f0f3f6;
125
125
  --color-checks-logline-warning-num-text: #f0b72f;
@@ -270,9 +270,17 @@
270
270
  --color-action-list-item-danger-hover-bg: #ff6a69;
271
271
  --color-action-list-item-danger-active-bg: #ff4445;
272
272
  --color-action-list-item-danger-hover-text: #0a0c10;
273
+ --color-switch-track-bg: #010409;
274
+ --color-switch-track-border: #7a828e;
275
+ --color-switch-track-checked-bg: rgba(64,158,255,0.35);
276
+ --color-switch-track-checked-hover-bg: rgba(64,158,255,0.5);
277
+ --color-switch-track-checked-active-bg: rgba(64,158,255,0.65);
278
+ --color-switch-track-checked-border: #409eff;
279
+ --color-switch-knob-checked-bg: #409eff;
280
+ --color-switch-knob-checked-disabled-bg: #7a828e;
273
281
  --color-fg-default: #f0f3f6;
274
282
  --color-fg-muted: #f0f3f6;
275
- --color-fg-subtle: #7a828e;
283
+ --color-fg-subtle: #9ea7b3;
276
284
  --color-fg-on-emphasis: #0a0c10;
277
285
  --color-canvas-default: #0a0c10;
278
286
  --color-canvas-overlay: #272b33;
package/dist/scss/colors/_light.scss CHANGED
@@ -270,6 +270,14 @@
270
270
  --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
271
271
  --color-action-list-item-danger-active-bg: #FFEBE9;
272
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;
273
281
  --color-fg-default: #24292f;
274
282
  --color-fg-muted: #57606a;
275
283
  --color-fg-subtle: #6e7781;