VS Code Tip of the Week: Customize Indent/Colour of Indent Guide

VS Code Tip of the Week: Customize Indent/Colour of Indent Guide

ยท

1 min read

This week's tip of the week is care of Mantas from the Twitters. I had some workbench settings already configured in my settings, but didn't realize you could change the indent or colouring of the indent guide. I guess I haven't explored the workbench settings that much.

I'm using the Fornite theme by Sarah Drasner, so I used my dropper tool to get a matching indent guide colour.

Here's my settings

  // Workbench Styling
  "workbench.colorTheme": "Fortnite",
  "workbench.fontAliasing": "default",
  "workbench.editor.wrapTabs": true,
  "workbench.tree.indent": 20,
  "workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#5c4f67"
  },

And here's what it looks like! ๐Ÿ”ฅ

The explorer pane in VS Code configured with my workbench styling to match the Forntite theme I use.

Thanks for the tip Mantas!

ย