Change the color of hidden files and folders in VSCode

Published on Sep 4, 2022

2 min read

VSCODE

Using VSCode, I love switching back and forth between dark and light themes to make things interesting for myself when working. Generally, I prefer a light-ish dark theme such as fairyFloss or Quiet Light that comes pre-installed.

I recently switched to morgan.code theme, which uses a set of contrasting colors that are pleasing to my growing old eyes. It is developed by a fellow developer Morgan Richardson.

Using this theme for a while, I realized I am so used to seeing files and folder names that git ignores in a specific gray color.

The original theme comes with blue-ish (maybe some sort of Cyan or Aqua) color for the ignored files and folders.

original theme

To customize this color value, VSCode, provides a property called gitDecoration.ignoredResourceForeground which accepts a color value in hexadecimal format. It can be used with the VSCode theme color setting: workbench.colorCustomizations to override the value that the original theme provides.

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

That's it! And now, my optic nerves are happy again.

customized theme

VSCode is so customizable that it surprises me at times.


More Posts

Browse all posts

Join 1300+ devs & subscribe to my newsletter!

NEWSLETTER

🔗 Subscribe on Revue

Aman Mittal author

Software Developer and Technical Writer since 2017. Loves learning and writing about Node.js, React, React Native & Expo. Previously, worked as Developer Advocate, independent consultant, and technical writer with companies like Draftbit, Vercel and Crowdbotics.


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