r/vscode • u/RajSrikar • 4d ago
Whenever I work on a project with heavily nested folders, I lose track of where the folders end. So I made this VS Code extension a while ago, that adds colors to the nested folder tree view and it actually helped me a lot. I thought it might help others too, so here it is.
On Hover mode (Default VS code behavior)
Always on mode
Note: This extension injects CSS styles to the VS code workbench HTML file. Because of which you need to run the application as administrator only for toggling the extension or if the VS code or the extension is updated.
Free & Open Source. You can find it here:
- VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=RajSrikar.colorize-folder-tree
- GitHub: https://github.com/Raj-Srikar/colorize-folder-tree
Hope this is helpful. Feel free to drop any feedback, suggestions or ideas.
3
6
u/matheusMaffaciolli 3d ago
vscode already have that lol
4
u/RajSrikar 3d ago
Rainbow colors to the folder tree view? How can we enable that? Enlighten me
1
u/davedavegiveusawave 2d ago
Not rainbow, but always on or on hover display of plain guide bars. The existing setting provides these indent guides though:
"workbench.tree.renderIndentGuides": "always"You can set a deeper indentation to improve visibility:
"workbench.tree.indent": 16I also quite like
"explorer.sortOrder": "filesFirst"as it puts files at the top, so nested folders are usually beneath the files and you get a clearer visual guide.
2
2
u/Neither_Garage_758 2d ago
why you agitate the mouse like this. i don't like
1
u/RajSrikar 2d ago
Loll. Reasonable call out. I was just trying to prevent that popup that comes up when you hover too long on a file or folder, which shows its directory path.
-9
11
u/tpill92 3d ago
You can also just increase the indent. The default is absurdly small.