question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'faded' Folder color when listed in .gitignore

See original GitHub issue

I am just wondering, are we able to leverage the fact that a folder/file is listed in .gitignore and have a faded or more opaque color, similar to how VSC grays the name out?

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:2
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
PKiefcommented, Mar 18, 2018

This is currently not possible because of the VS Code Extension API.

But I found a possible solution to implement for the VS Code Team. The opacity of the ::before element of the explorer entry should be decreased like this:

Affected HTML element:

image

CSS:

.show-file-icons .node_modules-name-folder-icon.folder-icon::before {
    content: ' ';
    background-image: url(.../folder-node.svg);
    opacity: .7;
}

Result:

opacity node_modules folder icon

I could imagine this as an optional setting for the editor. But it affects the design and beauty of the icons themselves. This should at least be optional.

Maybe we can open a new issue at the VS Code repository and propose this request.

1reaction
ghostcommented, Jun 13, 2021

Bit of a necro but its possible to gray out all icons with filter: saturate(0); as well as opacity <0.6 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

VS Code - How to change the color of greyed out folder ...
I'm using Monokai Pro as my color scheme in VS Code. When VS Code greys out the names of the folders that are...
Read more >
Show files that are ignored by .gitignore in dimmed color
When in “Folder” mode (with Show All Files unchecked), the ignored files are hidden, i.e. no “ignore” icon is displayed (since the file...
Read more >
Git Ignore - Javatpoint
In the above file, I have given one format and a directory to ignore. The above format *.txt will ignore all the text...
Read more >
GitHub: Tell Git to ignore files - SAPIEN Information Center
to discard changes in working directory) modified: Module.Help. ... If you change a file listed in your .gitignore file, git status does not ......
Read more >
Folder Icons different shade of colour/Almost transparent ...
I have noticed that some of my folder Icons in my C: drive (and maybe elsewhere) have change to a lighter colour almost...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found