This is a short explanation to increase the padding (even though other things could be solved similarly) of the file tree used inside Visual Studio Code (or VS Code).
By default the file tree looks like this
If you prefer a bigger indent, like this (you can adapt it to your needs), this solution is maybe something for you. Not the cleanest solution but currently Microsoft is not giving us any other out of the box solution. This probably will change in the future.
Until then:
PATH TO YOUR VS CODE INSTALLATION\resources\app\out\vs\
for me this was (Windows 10): C:\Program Files\Microsoft VS Code
.monaco-tree-row[aria-level="1"] { padding-left: 0px !important; }
.monaco-tree-row[aria-level="2"] { padding-left: 26px !important; }
.monaco-tree-row[aria-level="3"] { padding-left: 52px !important; }
.monaco-tree-row[aria-level="4"] { padding-left: 78px !important; }
.monaco-tree-row[aria-level="5"] { padding-left: 104px !important; }
.monaco-tree-row[aria-level="6"] { padding-left: 130px !important; }
.monaco-tree-row[aria-level="7"] { padding-left: 156px !important; }
.monaco-tree-row[aria-level="8"] { padding-left: 182px !important; }
.monaco-tree-row[aria-level="9"] { padding-left: 208px !important; }
.monaco-tree-row[aria-level="10"] { padding-left: 234px !important; }
.monaco-tree-row[aria-level="11"] { padding-left: 260px !important; }
.monaco-tree-row[aria-level="12"] { padding-left: 286px !important; }
.monaco-tree-row[aria-level="13"] { padding-left: 312px !important; }
.monaco-tree-row[aria-level="14"] { padding-left: 338px !important; }
.monaco-tree-row[aria-level="15"] { padding-left: 364px !important; }
