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

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.

Mantas

@az_mantas

@DonovanBrown @code if you like colorize brackets, you should potentially also like this snippet to fix explorer tree.
"workbench.tree.indent": 20,
"workbench.colorCustomizations": {
"tree.indentGuidesStroke": "#006699"
}

11:08 AM - 20 Feb 2022

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

Fortnite Theme

Nick Taylor ・ Aug 31 '21 ・ 1 min read

#themes

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! 🔥

Thanks for the tip Mantas!