Vscode: Add labels/colors for folders

[tiagoboeing]

Issue Type: Feature Request

Assign colors or labels to any folder, making it easy to identify the most important. Useful for when working with many folders.

[vscodebot[bot]]

(Experimental duplicate detection)
Thanks for submitting this issue. Please also check if it is already covered by an existing one, like:

• When there are too many folders in the folder, opening the folder will open the wrong folder. (#61136)
  

[techsin]

[tiagoboeing]

This resource is used for extensions of Git how GitLens! For show changes in files or folders.

[techsin]

filename text colors can be used to for git lens, background color of most recent colored parent directory can be used to help user color code their folder structures into sections.

[tiagoboeing]

Ohh perfect, but, how set the color for a folder? Is necessary a extension/plugin?

[techsin]

I don't know how to set colors for folders. But I was thinking children should inherit color of parent UNLESS they were given different color then again similarly their children should go with new color.

This system is used all over Adobe programs to help users quickly navigate through layers.
Programs like Ai, After Affects, etc.

[techsin]

of course a button to clear all colors on the directory and sub directories would be useful. I think right click menu is a good place to put that.

[parthi2929]

This issue has been open since last october.. Any plan to integrate?

[techsin]

+1

[asd51993]

any update if this feature will be added

[tiagoboeing]

I'm still following... 😕

[techsin]

Still waiting here too

[Owanesh]

Any plan to integrate it ? it will be very useful <3

[techsin]

need this

[emileber]

Work around I found in the meantime.

In the workspace settings file, just include any unicode emoji in the "name" option of each folders object:

    "folders": [
        {
            "name": "🌕🌕🌕🌕 ROOT",
            "path": "...snip..."
        },
        {
            "name": "📁📁📁📁 SOURCES",
            "path": "...snip..."
        },
        {
            "name": "CHALLENGES",
            "path": "...snip..."
        },
        {
            "name": "📗📗📗📗 STORYBOOK",
            "path": "...snip..."
        }
    ],

[CharlesGouldmann]

Would love to see this implemented.

[BenRacicot]

@isidorn would love to be able to color differentiate project folders such as:

client/
common/
server/

So that you know what files you're working on without having to confirm.
(maybe also each folder's open file's tab-font-color to match)

[JustinGrote]

Seeing as I just erased a bunch of code I was working on because I was mistakenly working in my Release folder and then when I clicked "build" it went away, it would have been nice to mark my release directories and files with a subtle "red" background so I don't do that again...

[sefabaser]

I there any progress on this? Really needed.

[techsin]

@jrieken @mjbvz @alexdima @isidorn @leonardder

[jakubnavratil]

Isn't this possible through extension?

[CharlesGouldmann]

Isn't this possible through extension?

If you have found an extension that does this, then please let us know.
I have not been able to find any extensions which allow for grouping of folders by using colors.

[jakubnavratil]

After some research, there is currently Proposed Api https://github.com/microsoft/vscode/issues/54938

Decorator API allows changing text color, but it's missing ability to change background color.
If we add ability to change background color in Decoration and new Proposed API lands in stable, extension could be done.
src/vs/workbench/services/decorations/browser/decorationsService.ts

There will still be a limitation on where background is applied (not full width of explorer).

Example:

Note: maybe there is posibility to exploit current implementation of decorationsService.ts, and define color like ---; background-color: #f00; (similar to good old SQL injection 😄 ), but I didn't try.

[BenRacicot]

Nice research @trubit! We're so close to this feature being available.
Is that API available within the current builds? I can't tell from that thread.

[jakubnavratil]

@BenRacicot It's in Insiders build after enabling proposed API.
https://code.visualstudio.com/api/advanced-topics/using-proposed-api

But still, we need VScode to support background color on decorations.
Someone maybe make separate feature request?

[jakubnavratil]

In a meantime there is nice extension which can help with organization:
https://marketplace.visualstudio.com/items?itemName=howardzuo.vscode-favorites

[tiagoboeing]

Awesome! For favorites exists too this extension that allows to categorize, create groups and subgroups:

• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=kdcro101.favorites

Enquanto isso, há uma boa extensão que pode ajudar na organização:
https://marketplace.visualstudio.com/items?itemName=howardzuo.vscode-favorites

[phoenixsampras]

Is there any advance on this URGENT matter? some people like have to handle 1 million files and folders.... this will relieve the burden... thanks in advance!

[ribeirompl]

+1

[Sheldonfrith]

I really need this feature as well

[MelleNi]

My life would be considerably better if this feature was added

[zzik]

First off, huge thanks to VS.Code for being free.
I am a beginner, but still, it would make my life so much easier if there was a way to separate folders which I use and change on a regular basis from the ones that I don't.

[Chaciej]

bump! Used it in IntelliJ Idea and this feature is awesome, had many colored scopes separately for server, assets, certain projects and working like that was super fast & intuitive... really could be a game changer for VSC

[emileber]

@isidorn could we lock this issue?

There's nothing much to add and we get spammed by these bumps ☝️ I still want to be subscribed to know if this ever get implemented.