[Feature] Ability to clone an existing icon and "recolorize" it

[lucas-labs]

Hi there @PKief !

I'm working on a feature that some of my teammates have been requesting for my fork.

The idea is to allow (through extension settings) to "clone" an existing icon, but recoloring it to create "variants" of the same icon. When a clone is created, the extension generates a new SVG in the icons/clones folder at runtime and assigns that icon to the folder name/file name/extension that each user has configured in the settings.

I've been doing some proof of concept tests, and I think it's looking good so far (I started with folder icons only).

Ok, talk is cheap, show me the code:

// vscode settings
...
"lucodear-icons.folders.customClones": [ // defines clones of folder icons
  {
    "name": "nice-images", // new name
    "base": "images", // uses the folder-images as a base
    "color": "blue-600", // recolorizes it using blue-500 from material palette as the main color
    "folderNames": ["nice"] // assings it to folder name "nice"
  },
  {
    "name": "meh-images",
    "base": "images",
    "color": "orange-600",
    "folderNames": ["meh"]
  },
  {
    "name": "ugly-images",
    "base": "images",
    "color": "red-400",
    "folderNames": ["ugly"]
  }
],
...

This generates the following:

Same icon, different variants. This doesn't apply a filter or something like that; it rewrites the SVG changing styles, attributes, etc. using the material palette.

I wanted to ask if this functionality is something you're interested in having as part of this project. If so, when I have something more polished and tested, I could also create a PR here.

Cheers!

[PKief]

Hi @lucas-labs this sounds very promising and would be a nice feature. It was even requested already by other users (see #228). Feel free to work on it and provide a PR.