jupyterlab_vscode_icons_extension 1.0.64 → 1.0.69

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 (4) hide show
  1. package/README.md +1 -0
  2. package/lib/index.js +9 -4
  3. package/package.json +1 -1
  4. package/src/index.ts +9 -4
package/README.md CHANGED
@@ -6,6 +6,7 @@
6
6
  [![Total PyPI downloads](https://static.pepy.tech/badge/jupyterlab-vscode-icons-extension)](https://pepy.tech/project/jupyterlab-vscode-icons-extension)
7
7
  [![JupyterLab 4](https://img.shields.io/badge/JupyterLab-4-orange.svg)](https://jupyterlab.readthedocs.io/en/stable/)
8
8
  [![Brought To You By KOLOMOLO](https://img.shields.io/badge/Brought%20To%20You%20By-KOLOMOLO-00ffff?style=flat)](https://kolomolo.com)
9
+ [![Donate PayPal](https://img.shields.io/badge/Donate-PayPal-blue?style=flat)](https://www.paypal.com/donate/?hosted_button_id=B4KPBJDLLXTSA)
9
10
 
10
11
  A shameless, unapologetic, and utterly brazen ripoff of the excellent VSCode file icons for JupyterLab. Because why should VS Code users have all the fun?
11
12
 
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 - centered, color #8f4397)
362
+ // Custom README icon (info icon - centered, color #912bac from info2.svg)
363
363
  const readmeSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
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"/>
364
+ <path fill="#912bac" d="m 9.5247234,11.42511 v 76.943619 l 2.1166666,2.116667 h 77.809717 l 2.116667,-2.116667 v -76.94362 l -2.116667,-2.1166662 -77.809717,0 z m 36.2115596,9.141612 h 11.01003 l 2.116667,2.116667 0,7.619586 -2.116667,2.116667 h -11.01003 l -2.116667,-2.116667 v -7.619586 z m -6.168542,19.478681 h 23.084596 l 2.116667,2.116667 v 5.700733 l -2.116597,2.09951 -3.175139,-0.02574 -2.116597,2.09951 V 67.32187 l 2.116667,2.116667 h 4.211629 l 2.116667,2.116667 v 5.567219 L 63.688967,79.23909 H 38.509408 l -2.116667,-2.116667 v -6.096386 l 2.116667,-2.116667 h 4.968955 L 45.59503,66.792703 V 52.096294 l -2.116667,-2.116667 h -3.910622 l -2.116667,-2.116667 0,-5.70089 z"/>
365
365
  </svg>`;
366
366
  // Get SVG content
367
367
  const claudeSvg = claudeIcon.svgstr;
@@ -408,7 +408,7 @@ const plugin = {
408
408
  background-position: center;
409
409
  }
410
410
 
411
- /* Override CLAUDE.md file icon with VSCode Claude icon (Claude orange/coral color) */
411
+ /* Override CLAUDE.md file icon with VSCode Claude icon (Claude orange/coral color #c77c5e) */
412
412
  .jp-DirListing-item[data-file-type="notebook"][data-claude-md] .jp-DirListing-itemIcon svg,
413
413
  .jp-DirListing-item[data-file-type="notebook"][data-claude-md] .jp-DirListing-itemIcon img {
414
414
  display: none !important;
@@ -422,7 +422,7 @@ const plugin = {
422
422
  background-size: contain;
423
423
  background-repeat: no-repeat;
424
424
  background-position: center;
425
- filter: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(834%) hue-rotate(337deg) brightness(95%) contrast(88%);
425
+ filter: brightness(0) saturate(100%) invert(64%) sepia(35%) saturate(647%) hue-rotate(327deg) brightness(91%) contrast(87%);
426
426
  }
427
427
 
428
428
  /* Override README.md file icon with custom info icon */
@@ -455,6 +455,11 @@ const plugin = {
455
455
  filter: brightness(0.85) saturate(0.85);
456
456
  }
457
457
 
458
+ /* Desaturate and dim npm icons */
459
+ .jp-DirListing-item[data-file-type="vscode-file-type-npm"] .jp-DirListing-itemIcon svg {
460
+ filter: brightness(0.85) saturate(0.75);
461
+ }
462
+
458
463
  /* Color shell script icons - JupyterLab orange for Linux shells (.sh, .bash, .zsh) */
459
464
  .jp-DirListing-item[data-file-type="vscode-file-type-shell"][data-shell-type="linux"] .jp-DirListing-itemIcon svg {
460
465
  filter: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(3113%) hue-rotate(1deg) brightness(101%) contrast(101%);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jupyterlab_vscode_icons_extension",
3
- "version": "1.0.64",
3
+ "version": "1.0.69",
4
4
  "description": "Jupyterlab extension with a shameless rip-off of the vscode-icons into our beloved environment",
5
5
  "keywords": [
6
6
  "jupyter",
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 - centered, color #8f4397)
406
+ // Custom README icon (info icon - centered, color #912bac from info2.svg)
407
407
  const readmeSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
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"/>
408
+ <path fill="#912bac" d="m 9.5247234,11.42511 v 76.943619 l 2.1166666,2.116667 h 77.809717 l 2.116667,-2.116667 v -76.94362 l -2.116667,-2.1166662 -77.809717,0 z m 36.2115596,9.141612 h 11.01003 l 2.116667,2.116667 0,7.619586 -2.116667,2.116667 h -11.01003 l -2.116667,-2.116667 v -7.619586 z m -6.168542,19.478681 h 23.084596 l 2.116667,2.116667 v 5.700733 l -2.116597,2.09951 -3.175139,-0.02574 -2.116597,2.09951 V 67.32187 l 2.116667,2.116667 h 4.211629 l 2.116667,2.116667 v 5.567219 L 63.688967,79.23909 H 38.509408 l -2.116667,-2.116667 v -6.096386 l 2.116667,-2.116667 h 4.968955 L 45.59503,66.792703 V 52.096294 l -2.116667,-2.116667 h -3.910622 l -2.116667,-2.116667 0,-5.70089 z"/>
409
409
  </svg>`;
410
410
 
411
411
  // Get SVG content
@@ -455,7 +455,7 @@ const plugin: JupyterFrontEndPlugin<void> = {
455
455
  background-position: center;
456
456
  }
457
457
 
458
- /* Override CLAUDE.md file icon with VSCode Claude icon (Claude orange/coral color) */
458
+ /* Override CLAUDE.md file icon with VSCode Claude icon (Claude orange/coral color #c77c5e) */
459
459
  .jp-DirListing-item[data-file-type="notebook"][data-claude-md] .jp-DirListing-itemIcon svg,
460
460
  .jp-DirListing-item[data-file-type="notebook"][data-claude-md] .jp-DirListing-itemIcon img {
461
461
  display: none !important;
@@ -469,7 +469,7 @@ const plugin: JupyterFrontEndPlugin<void> = {
469
469
  background-size: contain;
470
470
  background-repeat: no-repeat;
471
471
  background-position: center;
472
- filter: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(834%) hue-rotate(337deg) brightness(95%) contrast(88%);
472
+ filter: brightness(0) saturate(100%) invert(64%) sepia(35%) saturate(647%) hue-rotate(327deg) brightness(91%) contrast(87%);
473
473
  }
474
474
 
475
475
  /* Override README.md file icon with custom info icon */
@@ -503,6 +503,11 @@ const plugin: JupyterFrontEndPlugin<void> = {
503
503
  filter: brightness(0.85) saturate(0.85);
504
504
  }
505
505
 
506
+ /* Desaturate and dim npm icons */
507
+ .jp-DirListing-item[data-file-type="vscode-file-type-npm"] .jp-DirListing-itemIcon svg {
508
+ filter: brightness(0.85) saturate(0.75);
509
+ }
510
+
506
511
  /* Color shell script icons - JupyterLab orange for Linux shells (.sh, .bash, .zsh) */
507
512
  .jp-DirListing-item[data-file-type="vscode-file-type-shell"][data-shell-type="linux"] .jp-DirListing-itemIcon svg {
508
513
  filter: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(3113%) hue-rotate(1deg) brightness(101%) contrast(101%);