@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/_light_colorblind.scss CHANGED
@@ -6,45 +6,45 @@
6
6
  --color-marketing-icon-secondary: #54aeff;
7
7
  --color-diff-blob-addition-num-text: #24292f;
8
8
  --color-diff-blob-addition-fg: #24292f;
9
- --color-diff-blob-addition-num-bg: rgba(53,173,255,0.4);
10
- --color-diff-blob-addition-line-bg: rgba(192,246,255,0.5);
11
- --color-diff-blob-addition-word-bg: rgba(53,173,255,0.4);
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
12
  --color-diff-blob-deletion-num-text: #24292f;
13
13
  --color-diff-blob-deletion-fg: #24292f;
14
- --color-diff-blob-deletion-num-bg: rgba(231,161,0,0.4);
15
- --color-diff-blob-deletion-line-bg: rgba(254,254,72,0.5);
16
- --color-diff-blob-deletion-word-bg: rgba(248,194,0,0.5);
14
+ --color-diff-blob-deletion-num-bg: rgba(247,153,57,0.4);
15
+ --color-diff-blob-deletion-line-bg: rgba(255,245,232,0.5);
16
+ --color-diff-blob-deletion-word-bg: rgba(255,188,109,0.5);
17
17
  --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
18
18
  --color-diff-blob-expander-icon: #57606a;
19
19
  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
20
20
  --color-diffstat-deletion-border: rgba(27,31,36,0.15);
21
21
  --color-diffstat-addition-border: rgba(27,31,36,0.15);
22
- --color-diffstat-addition-bg: #0088ff;
22
+ --color-diffstat-addition-bg: #218bff;
23
23
  --color-search-keyword-hl: #fff8c5;
24
24
  --color-prettylights-syntax-comment: #6e7781;
25
25
  --color-prettylights-syntax-constant: #0550ae;
26
26
  --color-prettylights-syntax-entity: #8250df;
27
27
  --color-prettylights-syntax-storage-modifier-import: #24292f;
28
- --color-prettylights-syntax-entity-tag: #054da9;
29
- --color-prettylights-syntax-keyword: #ac5e00;
28
+ --color-prettylights-syntax-entity-tag: #0550ae;
29
+ --color-prettylights-syntax-keyword: #b35900;
30
30
  --color-prettylights-syntax-string: #0a3069;
31
- --color-prettylights-syntax-variable: #953800;
32
- --color-prettylights-syntax-brackethighlighter-unmatched: #6c3900;
31
+ --color-prettylights-syntax-variable: #8a4600;
32
+ --color-prettylights-syntax-brackethighlighter-unmatched: #6f3800;
33
33
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
34
- --color-prettylights-syntax-invalid-illegal-bg: #6c3900;
34
+ --color-prettylights-syntax-invalid-illegal-bg: #6f3800;
35
35
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
36
- --color-prettylights-syntax-carriage-return-bg: #ac5e00;
37
- --color-prettylights-syntax-string-regexp: #054da9;
36
+ --color-prettylights-syntax-carriage-return-bg: #b35900;
37
+ --color-prettylights-syntax-string-regexp: #0550ae;
38
38
  --color-prettylights-syntax-markup-list: #3b2300;
39
39
  --color-prettylights-syntax-markup-heading: #0550ae;
40
40
  --color-prettylights-syntax-markup-italic: #24292f;
41
41
  --color-prettylights-syntax-markup-bold: #24292f;
42
- --color-prettylights-syntax-markup-deleted-text: #6c3900;
43
- --color-prettylights-syntax-markup-deleted-bg: #fefe48;
44
- --color-prettylights-syntax-markup-inserted-text: #054da9;
45
- --color-prettylights-syntax-markup-inserted-bg: #c0f6ff;
46
- --color-prettylights-syntax-markup-changed-text: #953800;
47
- --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
42
+ --color-prettylights-syntax-markup-deleted-text: #6f3800;
43
+ --color-prettylights-syntax-markup-deleted-bg: #fff5e8;
44
+ --color-prettylights-syntax-markup-inserted-text: #0550ae;
45
+ --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
46
+ --color-prettylights-syntax-markup-changed-text: #8a4600;
47
+ --color-prettylights-syntax-markup-changed-bg: #ffddb0;
48
48
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
49
49
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
50
50
  --color-prettylights-syntax-meta-diff-range: #8250df;
@@ -65,11 +65,11 @@
65
65
  --color-codemirror-syntax-comment: #24292f;
66
66
  --color-codemirror-syntax-constant: #0550ae;
67
67
  --color-codemirror-syntax-entity: #8250df;
68
- --color-codemirror-syntax-keyword: #ac5e00;
69
- --color-codemirror-syntax-storage: #ac5e00;
68
+ --color-codemirror-syntax-keyword: #b35900;
69
+ --color-codemirror-syntax-storage: #b35900;
70
70
  --color-codemirror-syntax-string: #0a3069;
71
71
  --color-codemirror-syntax-support: #0550ae;
72
- --color-codemirror-syntax-variable: #953800;
72
+ --color-codemirror-syntax-variable: #8a4600;
73
73
  --color-checks-bg: #24292f;
74
74
  --color-checks-run-border-width: 0px;
75
75
  --color-checks-container-border-width: 0px;
@@ -84,9 +84,9 @@
84
84
  --color-checks-input-focus-text: #8c959f;
85
85
  --color-checks-input-bg: #32383f;
86
86
  --color-checks-input-shadow: none;
87
- --color-checks-donut-error: #d08002;
87
+ --color-checks-donut-error: #dd7815;
88
88
  --color-checks-donut-pending: #bf8700;
89
- --color-checks-donut-success: #0088ff;
89
+ --color-checks-donut-success: #218bff;
90
90
  --color-checks-donut-neutral: #afb8c1;
91
91
  --color-checks-dropdown-text: #afb8c1;
92
92
  --color-checks-dropdown-bg: #32383f;
@@ -113,28 +113,28 @@
113
113
  --color-checks-gate-text: #d0d7de;
114
114
  --color-checks-gate-waiting-text: #d4a72c;
115
115
  --color-checks-step-header-open-bg: #32383f;
116
- --color-checks-step-error-text: #e7a100;
116
+ --color-checks-step-error-text: #f79939;
117
117
  --color-checks-step-warning-text: #d4a72c;
118
118
  --color-checks-logline-text: #8c959f;
119
119
  --color-checks-logline-num-text: rgba(140,149,159,0.75);
120
120
  --color-checks-logline-debug-text: #c297ff;
121
121
  --color-checks-logline-error-text: #d0d7de;
122
- --color-checks-logline-error-num-text: #e7a100;
123
- --color-checks-logline-error-bg: rgba(139,70,0,0.15);
122
+ --color-checks-logline-error-num-text: #f79939;
123
+ --color-checks-logline-error-bg: rgba(138,70,0,0.15);
124
124
  --color-checks-logline-warning-text: #d0d7de;
125
125
  --color-checks-logline-warning-num-text: #d4a72c;
126
126
  --color-checks-logline-warning-bg: rgba(125,78,0,0.15);
127
127
  --color-checks-logline-command-text: #54aeff;
128
- --color-checks-logline-section-text: #35adff;
128
+ --color-checks-logline-section-text: #54aeff;
129
129
  --color-checks-ansi-black: #24292f;
130
130
  --color-checks-ansi-black-bright: #32383f;
131
131
  --color-checks-ansi-white: #d0d7de;
132
132
  --color-checks-ansi-white-bright: #d0d7de;
133
133
  --color-checks-ansi-gray: #8c959f;
134
- --color-checks-ansi-red: #e7a100;
135
- --color-checks-ansi-red-bright: #f8c200;
136
- --color-checks-ansi-green: #35adff;
137
- --color-checks-ansi-green-bright: #65ccff;
134
+ --color-checks-ansi-red: #f79939;
135
+ --color-checks-ansi-red-bright: #ffbc6d;
136
+ --color-checks-ansi-green: #54aeff;
137
+ --color-checks-ansi-green-bright: #80ccff;
138
138
  --color-checks-ansi-yellow: #d4a72c;
139
139
  --color-checks-ansi-yellow-bright: #eac54f;
140
140
  --color-checks-ansi-blue: #54aeff;
@@ -178,10 +178,10 @@
178
178
  --color-ansi-white: #6e7781;
179
179
  --color-ansi-white-bright: #8c959f;
180
180
  --color-ansi-gray: #6e7781;
181
- --color-ansi-red: #ac5e00;
182
- --color-ansi-red-bright: #8b4600;
183
- --color-ansi-green: #054da9;
184
- --color-ansi-green-bright: #0566d5;
181
+ --color-ansi-red: #b35900;
182
+ --color-ansi-red-bright: #8a4600;
183
+ --color-ansi-green: #0550ae;
184
+ --color-ansi-green-bright: #0969da;
185
185
  --color-ansi-yellow: #4d2d00;
186
186
  --color-ansi-yellow-bright: #633c01;
187
187
  --color-ansi-blue: #0969da;
@@ -207,20 +207,20 @@
207
207
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
208
208
  --color-btn-counter-bg: rgba(27,31,36,0.08);
209
209
  --color-btn-primary-text: #ffffff;
210
- --color-btn-primary-bg: #0088ff;
210
+ --color-btn-primary-bg: #218bff;
211
211
  --color-btn-primary-border: rgba(27,31,36,0.15);
212
212
  --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1);
213
213
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
214
- --color-btn-primary-hover-bg: #0566d5;
214
+ --color-btn-primary-hover-bg: #0969da;
215
215
  --color-btn-primary-hover-border: rgba(27,31,36,0.15);
216
- --color-btn-primary-selected-bg: hsla(212,95%,41%,1);
217
- --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,31,80,0.2);
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
218
  --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
219
- --color-btn-primary-disabled-bg: #65ccff;
219
+ --color-btn-primary-disabled-bg: #80ccff;
220
220
  --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
221
- --color-btn-primary-focus-bg: #0088ff;
221
+ --color-btn-primary-focus-bg: #218bff;
222
222
  --color-btn-primary-focus-border: rgba(27,31,36,0.15);
223
- --color-btn-primary-focus-shadow: 0 0 0 3px rgba(0,136,255,0.4);
223
+ --color-btn-primary-focus-shadow: 0 0 0 3px rgba(33,139,255,0.4);
224
224
  --color-btn-primary-icon: rgba(255,255,255,0.8);
225
225
  --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
226
226
  --color-btn-outline-text: #0969da;
@@ -240,24 +240,24 @@
240
240
  --color-btn-outline-focus-border: rgba(27,31,36,0.15);
241
241
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
242
242
  --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
243
- --color-btn-danger-text: #ac5e00;
243
+ --color-btn-danger-text: #b35900;
244
244
  --color-btn-danger-hover-text: #ffffff;
245
- --color-btn-danger-hover-bg: #8b4600;
245
+ --color-btn-danger-hover-bg: #8a4600;
246
246
  --color-btn-danger-hover-border: rgba(27,31,36,0.15);
247
247
  --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
248
248
  --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
249
249
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
250
250
  --color-btn-danger-selected-text: #ffffff;
251
- --color-btn-danger-selected-bg: hsla(33,100%,31%,1);
251
+ --color-btn-danger-selected-bg: hsla(30,100%,32%,1);
252
252
  --color-btn-danger-selected-border: rgba(27,31,36,0.15);
253
- --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(47,41,0,0.2);
254
- --color-btn-danger-disabled-text: rgba(172,94,0,0.5);
253
+ --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(65,32,0,0.2);
254
+ --color-btn-danger-disabled-text: rgba(179,89,0,0.5);
255
255
  --color-btn-danger-disabled-bg: #f6f8fa;
256
- --color-btn-danger-disabled-counter-bg: rgba(172,94,0,0.05);
256
+ --color-btn-danger-disabled-counter-bg: rgba(179,89,0,0.05);
257
257
  --color-btn-danger-focus-border: rgba(27,31,36,0.15);
258
- --color-btn-danger-focus-shadow: 0 0 0 3px rgba(139,70,0,0.4);
259
- --color-btn-danger-counter-bg: rgba(172,94,0,0.1);
260
- --color-btn-danger-icon: #ac5e00;
258
+ --color-btn-danger-focus-shadow: 0 0 0 3px rgba(138,70,0,0.4);
259
+ --color-btn-danger-counter-bg: rgba(179,89,0,0.1);
260
+ --color-btn-danger-icon: #b35900;
261
261
  --color-btn-danger-hover-icon: #ffffff;
262
262
  --color-underlinenav-icon: #6e7781;
263
263
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
@@ -267,9 +267,17 @@
267
267
  --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
268
268
  --color-action-list-item-default-active-border: rgba(0,0,0,0);
269
269
  --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
270
- --color-action-list-item-danger-hover-bg: rgba(254,254,72,0.64);
271
- --color-action-list-item-danger-active-bg: #fefe48;
272
- --color-action-list-item-danger-hover-text: #ac5e00;
270
+ --color-action-list-item-danger-hover-bg: rgba(255,245,232,0.64);
271
+ --color-action-list-item-danger-active-bg: #fff5e8;
272
+ --color-action-list-item-danger-hover-text: #b35900;
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;
@@ -293,26 +301,26 @@
293
301
  --color-accent-emphasis: #0969da;
294
302
  --color-accent-muted: rgba(84,174,255,0.4);
295
303
  --color-accent-subtle: #ddf4ff;
296
- --color-success-fg: #0566d5;
297
- --color-success-emphasis: #0088ff;
298
- --color-success-muted: rgba(53,173,255,0.4);
299
- --color-success-subtle: #c0f6ff;
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;
300
308
  --color-attention-fg: #9a6700;
301
309
  --color-attention-emphasis: #bf8700;
302
310
  --color-attention-muted: rgba(212,167,44,0.4);
303
311
  --color-attention-subtle: #fff8c5;
304
- --color-severe-fg: #bc4c00;
305
- --color-severe-emphasis: #bc4c00;
306
- --color-severe-muted: rgba(251,143,68,0.4);
307
- --color-severe-subtle: #fff1e5;
308
- --color-danger-fg: #ac5e00;
309
- --color-danger-emphasis: #ac5e00;
310
- --color-danger-muted: rgba(231,161,0,0.4);
311
- --color-danger-subtle: #fefe48;
312
- --color-open-fg: #bc4c00;
313
- --color-open-emphasis: #e16f24;
314
- --color-open-muted: rgba(251,143,68,0.4);
315
- --color-open-subtle: #fff1e5;
312
+ --color-severe-fg: #b35900;
313
+ --color-severe-emphasis: #b35900;
314
+ --color-severe-muted: rgba(247,153,57,0.4);
315
+ --color-severe-subtle: #fff5e8;
316
+ --color-danger-fg: #b35900;
317
+ --color-danger-emphasis: #b35900;
318
+ --color-danger-muted: rgba(247,153,57,0.4);
319
+ --color-danger-subtle: #fff5e8;
320
+ --color-open-fg: #b35900;
321
+ --color-open-emphasis: #dd7815;
322
+ --color-open-muted: rgba(247,153,57,0.4);
323
+ --color-open-subtle: #fff5e8;
316
324
  --color-closed-fg: #6e7781;
317
325
  --color-closed-emphasis: #6e7781;
318
326
  --color-closed-muted: rgba(175,184,193,0.4);
@@ -355,16 +363,16 @@
355
363
  --color-scale-blue-7: #033d8b;
356
364
  --color-scale-blue-8: #0a3069;
357
365
  --color-scale-blue-9: #002155;
358
- --color-scale-green-0: #c0f6ff;
359
- --color-scale-green-1: #96e5ff;
360
- --color-scale-green-2: #65ccff;
361
- --color-scale-green-3: #35adff;
362
- --color-scale-green-4: #0088ff;
363
- --color-scale-green-5: #0566d5;
364
- --color-scale-green-6: #054da9;
365
- --color-scale-green-7: #033a86;
366
- --color-scale-green-8: #002d68;
367
- --color-scale-green-9: #001f50;
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;
368
376
  --color-scale-yellow-0: #fff8c5;
369
377
  --color-scale-yellow-1: #fae17d;
370
378
  --color-scale-yellow-2: #eac54f;
@@ -375,26 +383,26 @@
375
383
  --color-scale-yellow-7: #633c01;
376
384
  --color-scale-yellow-8: #4d2d00;
377
385
  --color-scale-yellow-9: #3b2300;
378
- --color-scale-orange-0: #fff1e5;
379
- --color-scale-orange-1: #ffd8b5;
380
- --color-scale-orange-2: #ffb77c;
381
- --color-scale-orange-3: #fb8f44;
382
- --color-scale-orange-4: #e16f24;
383
- --color-scale-orange-5: #bc4c00;
384
- --color-scale-orange-6: #953800;
385
- --color-scale-orange-7: #762c00;
386
- --color-scale-orange-8: #5c2200;
387
- --color-scale-orange-9: #471700;
388
- --color-scale-red-0: #fefe48;
389
- --color-scale-red-1: #fee325;
390
- --color-scale-red-2: #f8c200;
391
- --color-scale-red-3: #e7a100;
392
- --color-scale-red-4: #d08002;
393
- --color-scale-red-5: #ac5e00;
394
- --color-scale-red-6: #8b4600;
395
- --color-scale-red-7: #6c3900;
396
- --color-scale-red-8: #4c3100;
397
- --color-scale-red-9: #2f2900;
386
+ --color-scale-orange-0: #fff5e8;
387
+ --color-scale-orange-1: #ffddb0;
388
+ --color-scale-orange-2: #ffbc6d;
389
+ --color-scale-orange-3: #f79939;
390
+ --color-scale-orange-4: #dd7815;
391
+ --color-scale-orange-5: #b35900;
392
+ --color-scale-orange-6: #8a4600;
393
+ --color-scale-orange-7: #6f3800;
394
+ --color-scale-orange-8: #572c00;
395
+ --color-scale-orange-9: #412000;
396
+ --color-scale-red-0: #fff5e8;
397
+ --color-scale-red-1: #ffddb0;
398
+ --color-scale-red-2: #ffbc6d;
399
+ --color-scale-red-3: #f79939;
400
+ --color-scale-red-4: #dd7815;
401
+ --color-scale-red-5: #b35900;
402
+ --color-scale-red-6: #8a4600;
403
+ --color-scale-red-7: #6f3800;
404
+ --color-scale-red-8: #572c00;
405
+ --color-scale-red-9: #412000;
398
406
  --color-scale-purple-0: #fbefff;
399
407
  --color-scale-purple-1: #ecd8ff;
400
408
  --color-scale-purple-2: #d8b9ff;
package/dist/scss/colors/_light_high_contrast.scss CHANGED
@@ -270,6 +270,14 @@
270
270
  --color-action-list-item-danger-hover-bg: #a0111f;
271
271
  --color-action-list-item-danger-active-bg: #6e011a;
272
272
  --color-action-list-item-danger-hover-text: #ffffff;
273
+ --color-switch-track-bg: #ffffff;
274
+ --color-switch-track-border: #20252C;
275
+ --color-switch-track-checked-bg: #dff7ff;
276
+ --color-switch-track-checked-hover-bg: #9cd7ff;
277
+ --color-switch-track-checked-active-bg: #67b3fd;
278
+ --color-switch-track-checked-border: #0349b4;
279
+ --color-switch-knob-checked-bg: #0349b4;
280
+ --color-switch-knob-checked-disabled-bg: #66707B;
273
281
  --color-fg-default: #0E1116;
274
282
  --color-fg-muted: #0E1116;
275
283
  --color-fg-subtle: #66707B;
package/dist/ts/colors/dark.ts CHANGED
@@ -75,7 +75,7 @@ export default {
75
75
  "bg": "#0d1117",
76
76
  "guttersBg": "#0d1117",
77
77
  "guttermarkerText": "#0d1117",
78
- "guttermarkerSubtleText": "#484f58",
78
+ "guttermarkerSubtleText": "#6e7681",
79
79
  "linenumberText": "#8b949e",
80
80
  "cursor": "#c9d1d9",
81
81
  "selectionBg": "rgba(56,139,253,0.4)",
@@ -104,7 +104,7 @@ export default {
104
104
  "btnHoverIcon": "#c9d1d9",
105
105
  "btnHoverBg": "rgba(110,118,129,0.1)",
106
106
  "inputText": "#8b949e",
107
- "inputPlaceholderText": "#484f58",
107
+ "inputPlaceholderText": "#6e7681",
108
108
  "inputFocusText": "#c9d1d9",
109
109
  "inputBg": "#161b22",
110
110
  "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -126,8 +126,8 @@ export default {
126
126
  "headerBorder": "#21262d",
127
127
  "headerIcon": "#8b949e",
128
128
  "lineText": "#8b949e",
129
- "lineNumText": "#484f58",
130
- "lineTimestampText": "#484f58",
129
+ "lineNumText": "#6e7681",
130
+ "lineTimestampText": "#6e7681",
131
131
  "lineHoverBg": "rgba(110,118,129,0.1)",
132
132
  "lineSelectedBg": "rgba(56,139,253,0.15)",
133
133
  "lineSelectedNumText": "#58a6ff",
@@ -140,10 +140,10 @@ export default {
140
140
  "stepErrorText": "#f85149",
141
141
  "stepWarningText": "#d29922",
142
142
  "loglineText": "#8b949e",
143
- "loglineNumText": "#484f58",
143
+ "loglineNumText": "#6e7681",
144
144
  "loglineDebugText": "#a371f7",
145
145
  "loglineErrorText": "#8b949e",
146
- "loglineErrorNumText": "#484f58",
146
+ "loglineErrorNumText": "#6e7681",
147
147
  "loglineErrorBg": "rgba(248,81,73,0.15)",
148
148
  "loglineWarningText": "#8b949e",
149
149
  "loglineWarningNumText": "#d29922",
@@ -327,7 +327,7 @@ export default {
327
327
  }
328
328
  },
329
329
  "underlinenav": {
330
- "icon": "#484f58",
330
+ "icon": "#6e7681",
331
331
  "borderHover": "rgba(110,118,129,0.4)"
332
332
  },
333
333
  "actionListItem": {
@@ -345,10 +345,26 @@ export default {
345
345
  "hoverText": "#ff7b72"
346
346
  }
347
347
  },
348
+ "switchTrack": {
349
+ "bg": "#010409",
350
+ "border": "#6e7681",
351
+ "checked": {
352
+ "bg": "rgba(31,111,235,0.35)",
353
+ "hoverBg": "rgba(31,111,235,0.5)",
354
+ "activeBg": "rgba(31,111,235,0.65)",
355
+ "border": "#58a6ff"
356
+ }
357
+ },
358
+ "switchKnob": {
359
+ "checked": {
360
+ "bg": "#1f6feb",
361
+ "disabledBg": "#484f58"
362
+ }
363
+ },
348
364
  "fg": {
349
365
  "default": "#c9d1d9",
350
366
  "muted": "#8b949e",
351
- "subtle": "#484f58",
367
+ "subtle": "#6e7681",
352
368
  "onEmphasis": "#ffffff"
353
369
  },
354
370
  "canvas": {