jupyterlab_vscode_icons_extension 1.0.49 → 1.0.52

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/lib/index.js +10 -5
  2. package/package.json +1 -1
  3. package/src/index.ts +10 -5
  4. 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 from info2.svg - color #8f4397, slightly darker)
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="m 9.5247234,12.218859 v 75.35612 a 2.9104166,2.9104166 45 0 0 2.9104166,2.910417 l 76.222217,0 a 2.9104166,2.9104166 135 0 0 2.910417,-2.910417 V 12.218859 A 2.9104166,2.9104166 45 0 0 88.657357,9.3084428 H 12.43514 A 2.9104166,2.9104166 135 0 0 9.5247234,12.218859 Z m 37.0053096,8.347863 h 7.83503 a 2.9104166,2.9104166 45 0 1 2.910417,2.910417 v 5.502919 a 2.9104166,2.9104166 135 0 1 -2.910417,2.910417 h -7.83503 a 2.9104166,2.9104166 45 0 1 -2.910417,-2.910417 v -5.502919 a 2.9104166,2.9104166 135 0 1 2.910417,-2.910417 z m -6.168542,18.949514 h 15.147096 a 2.9104166,2.9104166 45 0 1 2.910417,2.910417 v 23.572299 a 2.9104166,2.9104166 45 0 0 2.910417,2.910417 h 4.740796 a 2.9104166,2.9104166 45 0 1 2.910417,2.910417 v 3.979719 a 2.9104166,2.9104166 135 0 1 -2.910417,2.910417 l -26.767059,0 a 2.9104166,2.9104166 45 0 1 -2.910417,-2.910417 v -4.508886 a 2.9104166,2.9104166 135 0 1 2.910417,-2.910417 h 4.439788 a 2.9104166,2.9104166 135 0 0 2.910417,-2.910417 V 52.890044 A 2.9104166,2.9104166 45 0 0 43.742946,49.979627 H 40.361491 A 2.9104166,2.9104166 45 0 1 37.451074,47.06921 v -4.642557 a 2.9104166,2.9104166 135 0 1 2.910417,-2.910417 z"/>
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: inline-block;
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}');
@@ -449,9 +454,9 @@ const plugin = {
449
454
  filter: brightness(0.85) saturate(0.85);
450
455
  }
451
456
 
452
- /* Color shell script icons - pale red for Linux shells (.sh, .bash, .zsh) with inverted colors */
457
+ /* Color shell script icons - orange for Linux shells (.sh, .bash, .zsh) with inverted colors */
453
458
  .jp-DirListing-item[data-shell-type="linux"] .jp-DirListing-itemIcon svg {
454
- filter: invert(1) hue-rotate(130deg) saturate(0.8) brightness(1.1);
459
+ filter: invert(1) hue-rotate(30deg) saturate(1.2) brightness(1.4);
455
460
  }
456
461
 
457
462
  /* Color shell script icons - pale blue for Windows shells (.bat, .cmd) */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jupyterlab_vscode_icons_extension",
3
- "version": "1.0.49",
3
+ "version": "1.0.52",
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 from info2.svg - color #8f4397, slightly darker)
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="m 9.5247234,12.218859 v 75.35612 a 2.9104166,2.9104166 45 0 0 2.9104166,2.910417 l 76.222217,0 a 2.9104166,2.9104166 135 0 0 2.910417,-2.910417 V 12.218859 A 2.9104166,2.9104166 45 0 0 88.657357,9.3084428 H 12.43514 A 2.9104166,2.9104166 135 0 0 9.5247234,12.218859 Z m 37.0053096,8.347863 h 7.83503 a 2.9104166,2.9104166 45 0 1 2.910417,2.910417 v 5.502919 a 2.9104166,2.9104166 135 0 1 -2.910417,2.910417 h -7.83503 a 2.9104166,2.9104166 45 0 1 -2.910417,-2.910417 v -5.502919 a 2.9104166,2.9104166 135 0 1 2.910417,-2.910417 z m -6.168542,18.949514 h 15.147096 a 2.9104166,2.9104166 45 0 1 2.910417,2.910417 v 23.572299 a 2.9104166,2.9104166 45 0 0 2.910417,2.910417 h 4.740796 a 2.9104166,2.9104166 45 0 1 2.910417,2.910417 v 3.979719 a 2.9104166,2.9104166 135 0 1 -2.910417,2.910417 l -26.767059,0 a 2.9104166,2.9104166 45 0 1 -2.910417,-2.910417 v -4.508886 a 2.9104166,2.9104166 135 0 1 2.910417,-2.910417 h 4.439788 a 2.9104166,2.9104166 135 0 0 2.910417,-2.910417 V 52.890044 A 2.9104166,2.9104166 45 0 0 43.742946,49.979627 H 40.361491 A 2.9104166,2.9104166 45 0 1 37.451074,47.06921 v -4.642557 a 2.9104166,2.9104166 135 0 1 2.910417,-2.910417 z"/>
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: inline-block;
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}');
@@ -497,9 +502,9 @@ const plugin: JupyterFrontEndPlugin<void> = {
497
502
  filter: brightness(0.85) saturate(0.85);
498
503
  }
499
504
 
500
- /* Color shell script icons - pale red for Linux shells (.sh, .bash, .zsh) with inverted colors */
505
+ /* Color shell script icons - orange for Linux shells (.sh, .bash, .zsh) with inverted colors */
501
506
  .jp-DirListing-item[data-shell-type="linux"] .jp-DirListing-itemIcon svg {
502
- filter: invert(1) hue-rotate(130deg) saturate(0.8) brightness(1.1);
507
+ filter: invert(1) hue-rotate(30deg) saturate(1.2) brightness(1.4);
503
508
  }
504
509
 
505
510
  /* Color shell script icons - pale blue for Windows shells (.bat, .cmd) */
package/style/base.css CHANGED
@@ -24,6 +24,7 @@
24
24
  display: inline-flex;
25
25
  align-items: center;
26
26
  margin-right: 4px;
27
+ justify-content: center;
27
28
  }
28
29
 
29
30
  /* Ensure proper spacing in breadcrumbs and other locations */