Colorize files/folders based on .gitignore

[TheColorRed]

It would be nice if the files/folders text was colorized within the file tree based on the .gitignore files.

For example:

Blue  = File Updated
Green = File Added
Gray  = File Ignored

Here is an example that shows added files and ignored files:

[choidamdam]

+1

[OlsonDev]

+1; I found this issue because I was hoping to just set arbitrary colors/styles on folders/files, including those related to .gitignore.

To expand on @TheColorRed's example:

Folders => bold

Folder `node_modules` & children => npm logo red
Folder `controllers` & children => blue
Folder `models` & children => green
Folder `views` & children => gold

Files in root, folder `dist` & children, specified by `.gitignore` => light grey

git file updated => blue underline
git file added => green underline

I envisioned a place to put our own styles, explorer.css or something:

.folder, .file {
    color: inherit; /* Assuming tree has them nested in DOM */
}
.folder {
    font-weight: bold;
}
.folder[data-name="node_modules"] {
    color: #CB3837;
}
.file.project-root, .git-ignored, .folder[data-name="dist"] {
    color: lightgrey;
}
.git-added {
    text-decoration: underline;
    text-decoration-color: green; /* not supported yet, workaround/hack not relevant */
}
/* etc. */

[timc13]

+1

[Tyriar]

Duplicate of #178