<p>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.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/az_Mantas/status/1495354587771019265">https://twitter.com/az_Mantas/status/1495354587771019265</a></div>
<p>I'm using the Fornite theme by Sarah Drasner, so I used my dropper tool to get a matching indent guide colour.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://community.vscodetips.com/nickytonline/fortnite-theme-2kff">https://community.vscodetips.com/nickytonline/fortnite-theme-2kff</a></div>
<p>Here's my settings</p>
<pre><code class="lang-jsonc">  // Workbench Styling
  "workbench.colorTheme": "Fortnite",
  "workbench.fontAliasing": "default",
  "workbench.editor.wrapTabs": true,
  "workbench.tree.indent": 20,
  "workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#5c4f67"
  },
</code></pre>
<p>And here's what it looks like! 🔥</p>
<p><img src="https://community.vscodetips.com/uploads/articles/xczq87vz2khhai4molkn.png" alt="The explorer pane in VS Code configured with my workbench styling to match the Forntite theme I use." /></p>
<p>Thanks for the tip Mantas!</p>


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.

%[https://twitter.com/az_Mantas/status/1495354587771019265]

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

%[https://community.vscodetips.com/nickytonline/fortnite-theme-2kff]

Here's my settings

```jsonc
  // 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.](https://community.vscodetips.com/uploads/articles/xczq87vz2khhai4molkn.png)
 

Thanks for the tip Mantas!

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

I am a Staff Software Engineer at Netlify on the ecosystem team, focusing on front-end technologies and tooling. I also have a growing interest in serverless and edge computing.
