Change the color of hidden files and folders in VS Code

Published on Sep 4, 2022

2 min read

VSCODE

Last update: 17 December, 2023

I often switch between dark and light themes in VS Code to keep my coding environment fresh and engaging. My preference leans towards light themes, such as pre-installed Quiet Light.

Customizing the morgan.code theme

🔗

My latest choice is the morgan.code theme, crafted by Morgan Richardson. Its contrasting colors are particularly soothing for my eyes.

After using this theme for some time, I noticed a longing for a familiar sight &mdhash; files and folders ignored by git displayed in a specific shade of gray. The morgan.code theme, however, presents these items in a blue-ish tone, possibly Cyan or Aqua.

Orginial theme

Changing ignored files and folders color

🔗

VS Code has a property named gitDecoration.ignoredResourceForeground for customizing the color of ignored files and folders. This property when used in conjunction with workbench.colorCustomizations allows overriding the default theme color.

Here is how I adjusted the color setting in my settings.json:

1{
2 // ...
3 "workbench.colorCustomizations": {
4 // select theme you want to apply color customization value
5 "[morgan.codes]": {
6 "gitDecoration.ignoredResourceForeground": "#434343"
7 }
8 }
9}

With this simple tweak, the ignored files and folders now appear in a familiar gray. My optic nerves are happy again.

customized theme

Conclusion

🔗

The level of customization in VS Code allows, never ceases to amaze me.


More Posts

Browse all posts

Aman Mittal author

I'm a software developer and a technical writer. On this blog, I write about my learnings in software development and technical writing.

Currently, working maintaining docs at 𝝠 Expo. Read more about me on the About page.


Copyright ©  2019-2024 Aman Mittal · All Rights Reserved.