VSCode/Q/How do I increase the readability of file explorer in the sidebar

• How do I make the file explorer in the VSCode sidebar more readable?

  • The sidebar is quite small; I find myself squinting to figure out where files are.

  • VSCode Extensions

    • VSCode/Extension/Custom CSS and JS Loader
      • enables one to customize the CSS for the sidebar
      • one could write custom CSS with this
    • VSCode/Extension/Material Icon Theme

      • Material Icon Theme - Visual Studio Marketplace

        • Changes the file icons in the VSCode/Term/Sidebar to the material theme. There are many icons, so the sidebar ends up having a more visually diverse set of icons. This especially helps in distinguishing folders from files.

  • VSCode Settings

    • My Notes on VSCode settings

      • VSCode/Setting/Workbench/Tree/Indent

        • useful for increasing the depth of the file indent. it is not clear to me how to increase the folder indent.

      • VSCode/Setting/Workbench/Tree: Render Indent Guides

        • you can change it so they are always on