jupyterlab_vscode_icons_extension 1.0.49 → 1.0.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +14 -8
- package/package.json +1 -1
- package/src/index.ts +14 -8
- package/style/base.css +1 -0
package/lib/index.js
CHANGED
|
@@ -359,9 +359,9 @@ const plugin = {
|
|
|
359
359
|
<path fill="url(#py-b)" d="M55,0C29,0,29,10,29,12v13h27v4H19C11,29,0,34,0,55c0,20,8,27,16,27h9V69c0-6,3-16,16-16h26c4,0,15-2,15-14V14C82,11,82,0,55,0zM40,8c3,0,5,2,5,5s-2,5-5,5-5-2-5-5S37,8,40,8z"/>
|
|
360
360
|
<path fill="url(#py-y)" d="M55,110c26,0,26-10,26-12V85H54v-4h37c8,0,18-5,18-26 0-23-11-27-16-27h-9v13c0,6-3,16-16,16H42c-4,0-15,2-15,14v24c0,3,0,14,28,14zM70,101c-3,0-5-2-5-5s2-5,5-5 5,2,5,5S73,101,70,101z"/>
|
|
361
361
|
</svg>`;
|
|
362
|
-
// Custom README icon (info icon
|
|
362
|
+
// Custom README icon (info icon - centered, color #8f4397)
|
|
363
363
|
const readmeSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
364
|
-
<path fill="#8f4397" d="
|
|
364
|
+
<path fill="#8f4397" d="M 6,12 v 76 a 3,3 0 0 0 3,3 h 82 a 3,3 0 0 0 3,-3 V 12 A 3,3 0 0 0 91,9 H 9 A 3,3 0 0 0 6,12 Z M 46,21 h 8 a 3,3 0 0 1 3,3 v 5.5 a 3,3 0 0 1 -3,3 h -8 a 3,3 0 0 1 -3,-3 V 24 a 3,3 0 0 1 3,-3 z m -6,19 h 20 a 3,3 0 0 1 3,3 v 24 a 3,3 0 0 0 3,3 h 5 a 3,3 0 0 1 3,3 v 4 a 3,3 0 0 1 -3,3 H 37 a 3,3 0 0 1 -3,-3 v -4.5 a 3,3 0 0 1 3,-3 h 4.5 a 3,3 0 0 0 3,-3 V 53 a 3,3 0 0 0 -3,-3 H 38 a 3,3 0 0 1 -3,-3 v -4.5 a 3,3 0 0 1 3,-3 z"/>
|
|
365
365
|
</svg>`;
|
|
366
366
|
// Get SVG content
|
|
367
367
|
const claudeSvg = claudeIcon.svgstr;
|
|
@@ -430,9 +430,14 @@ const plugin = {
|
|
|
430
430
|
.jp-DirListing-item[data-file-type="notebook"][data-readme-md] .jp-DirListing-itemIcon img {
|
|
431
431
|
display: none !important;
|
|
432
432
|
}
|
|
433
|
+
.jp-DirListing-item[data-file-type="notebook"][data-readme-md] .jp-DirListing-itemIcon {
|
|
434
|
+
display: flex !important;
|
|
435
|
+
justify-content: center !important;
|
|
436
|
+
align-items: center !important;
|
|
437
|
+
}
|
|
433
438
|
.jp-DirListing-item[data-file-type="notebook"][data-readme-md] .jp-DirListing-itemIcon::before {
|
|
434
439
|
content: '';
|
|
435
|
-
display:
|
|
440
|
+
display: block;
|
|
436
441
|
width: calc(var(--jp-ui-font-size1, 13px) * var(--jp-custom-icon-scale, 1.5));
|
|
437
442
|
height: calc(var(--jp-ui-font-size1, 13px) * var(--jp-custom-icon-scale, 1.5));
|
|
438
443
|
background-image: url('${readmeDataUri}');
|
|
@@ -441,17 +446,18 @@ const plugin = {
|
|
|
441
446
|
background-position: center;
|
|
442
447
|
}
|
|
443
448
|
`;
|
|
444
|
-
// Add CSS to make JavaScript icons less bright
|
|
449
|
+
// Add CSS to make JavaScript and .env icons less bright
|
|
445
450
|
style.textContent += `
|
|
446
|
-
/* Reduce brightness of JavaScript icons */
|
|
451
|
+
/* Reduce brightness of JavaScript and .env icons */
|
|
447
452
|
.jp-DirListing-item[data-file-type*="js"] .jp-DirListing-itemIcon svg,
|
|
448
|
-
.jp-DirListing-item[data-file-type="vscode-file-type-js-official"] .jp-DirListing-itemIcon svg
|
|
453
|
+
.jp-DirListing-item[data-file-type="vscode-file-type-js-official"] .jp-DirListing-itemIcon svg,
|
|
454
|
+
.jp-DirListing-item[data-file-type="vscode-file-type-env"] .jp-DirListing-itemIcon svg {
|
|
449
455
|
filter: brightness(0.85) saturate(0.85);
|
|
450
456
|
}
|
|
451
457
|
|
|
452
|
-
/* Color shell script icons -
|
|
458
|
+
/* Color shell script icons - JupyterLab orange for Linux shells (.sh, .bash, .zsh) */
|
|
453
459
|
.jp-DirListing-item[data-shell-type="linux"] .jp-DirListing-itemIcon svg {
|
|
454
|
-
filter: invert(
|
|
460
|
+
filter: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(3113%) hue-rotate(1deg) brightness(101%) contrast(101%);
|
|
455
461
|
}
|
|
456
462
|
|
|
457
463
|
/* Color shell script icons - pale blue for Windows shells (.bat, .cmd) */
|
package/package.json
CHANGED
package/src/index.ts
CHANGED
|
@@ -403,9 +403,9 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
403
403
|
<path fill="url(#py-y)" d="M55,110c26,0,26-10,26-12V85H54v-4h37c8,0,18-5,18-26 0-23-11-27-16-27h-9v13c0,6-3,16-16,16H42c-4,0-15,2-15,14v24c0,3,0,14,28,14zM70,101c-3,0-5-2-5-5s2-5,5-5 5,2,5,5S73,101,70,101z"/>
|
|
404
404
|
</svg>`;
|
|
405
405
|
|
|
406
|
-
// Custom README icon (info icon
|
|
406
|
+
// Custom README icon (info icon - centered, color #8f4397)
|
|
407
407
|
const readmeSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
408
|
-
<path fill="#8f4397" d="
|
|
408
|
+
<path fill="#8f4397" d="M 6,12 v 76 a 3,3 0 0 0 3,3 h 82 a 3,3 0 0 0 3,-3 V 12 A 3,3 0 0 0 91,9 H 9 A 3,3 0 0 0 6,12 Z M 46,21 h 8 a 3,3 0 0 1 3,3 v 5.5 a 3,3 0 0 1 -3,3 h -8 a 3,3 0 0 1 -3,-3 V 24 a 3,3 0 0 1 3,-3 z m -6,19 h 20 a 3,3 0 0 1 3,3 v 24 a 3,3 0 0 0 3,3 h 5 a 3,3 0 0 1 3,3 v 4 a 3,3 0 0 1 -3,3 H 37 a 3,3 0 0 1 -3,-3 v -4.5 a 3,3 0 0 1 3,-3 h 4.5 a 3,3 0 0 0 3,-3 V 53 a 3,3 0 0 0 -3,-3 H 38 a 3,3 0 0 1 -3,-3 v -4.5 a 3,3 0 0 1 3,-3 z"/>
|
|
409
409
|
</svg>`;
|
|
410
410
|
|
|
411
411
|
// Get SVG content
|
|
@@ -477,9 +477,14 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
477
477
|
.jp-DirListing-item[data-file-type="notebook"][data-readme-md] .jp-DirListing-itemIcon img {
|
|
478
478
|
display: none !important;
|
|
479
479
|
}
|
|
480
|
+
.jp-DirListing-item[data-file-type="notebook"][data-readme-md] .jp-DirListing-itemIcon {
|
|
481
|
+
display: flex !important;
|
|
482
|
+
justify-content: center !important;
|
|
483
|
+
align-items: center !important;
|
|
484
|
+
}
|
|
480
485
|
.jp-DirListing-item[data-file-type="notebook"][data-readme-md] .jp-DirListing-itemIcon::before {
|
|
481
486
|
content: '';
|
|
482
|
-
display:
|
|
487
|
+
display: block;
|
|
483
488
|
width: calc(var(--jp-ui-font-size1, 13px) * var(--jp-custom-icon-scale, 1.5));
|
|
484
489
|
height: calc(var(--jp-ui-font-size1, 13px) * var(--jp-custom-icon-scale, 1.5));
|
|
485
490
|
background-image: url('${readmeDataUri}');
|
|
@@ -489,17 +494,18 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
489
494
|
}
|
|
490
495
|
`;
|
|
491
496
|
|
|
492
|
-
// Add CSS to make JavaScript icons less bright
|
|
497
|
+
// Add CSS to make JavaScript and .env icons less bright
|
|
493
498
|
style.textContent += `
|
|
494
|
-
/* Reduce brightness of JavaScript icons */
|
|
499
|
+
/* Reduce brightness of JavaScript and .env icons */
|
|
495
500
|
.jp-DirListing-item[data-file-type*="js"] .jp-DirListing-itemIcon svg,
|
|
496
|
-
.jp-DirListing-item[data-file-type="vscode-file-type-js-official"] .jp-DirListing-itemIcon svg
|
|
501
|
+
.jp-DirListing-item[data-file-type="vscode-file-type-js-official"] .jp-DirListing-itemIcon svg,
|
|
502
|
+
.jp-DirListing-item[data-file-type="vscode-file-type-env"] .jp-DirListing-itemIcon svg {
|
|
497
503
|
filter: brightness(0.85) saturate(0.85);
|
|
498
504
|
}
|
|
499
505
|
|
|
500
|
-
/* Color shell script icons -
|
|
506
|
+
/* Color shell script icons - JupyterLab orange for Linux shells (.sh, .bash, .zsh) */
|
|
501
507
|
.jp-DirListing-item[data-shell-type="linux"] .jp-DirListing-itemIcon svg {
|
|
502
|
-
filter: invert(
|
|
508
|
+
filter: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(3113%) hue-rotate(1deg) brightness(101%) contrast(101%);
|
|
503
509
|
}
|
|
504
510
|
|
|
505
511
|
/* Color shell script icons - pale blue for Windows shells (.bat, .cmd) */
|