Root folders

[theNestruo]

Description

Provides a separate set of icons for root folders.
Root folder are the folders added to a workspace. With the current Symbols icon theme, they look like regular folders. Now, they can use a different icon.
The default root folder icon is also shown in the "Open Recent..." list, making it easier to spot if you are opening a regular folder or a workspace.
Analog to the settings for file and folder associations, a new setting has been created to customize the root folders based on their name.

In codicon, root-folder has a big dot on the left side of the folder. Based on that, I have created a basic set of root-folder icons: -blue, -gray, -green, -orange, -pink, -purple, -red, -sky, _-yellow, and their -outline counterparts.
My skills editing SVG are low, so I have been unable to create root-folder variants of more interesting folder icons (such as folder-*-code). Sorry.

Type of Change

• New icon
• Update to existing icon
• Bug fix
• Other (specify): allows using a separate set of icons for root folders.

Screenshots

Before:

After:

Checklist

• Followed design guidelines (24x24px, 1px stroke, existing colors)
• SVG optimized and under 2KB
• Updated src/symbol-icon-theme.json with icon definition and associations
• Ran npm run generate-previews and committed preview files
• Ran npm run check-format:fix
• Tested locally in VS Code (press F5)
• Included screenshot above

Related Issues

Fixes #348