<ol>
<li>First go to the npm extension by settings and then search for settings.json</li>
<li>Write <code>"workbench.colorCustomization":{}</code></li>
<li>Inside the blockscope write ```"editorGroupHeader.tabsBackground"<pre><code>Like <span class="hljs-keyword">this</span>
</code></pre>"workbench.colorCustomization":{
 "editorGroupHeader.tabsBackground": "colorName",
 "activityBar.background": "colorName"  // To change the color of activity bar;
 "sideBar.background": "colorName" // To change the color of the side-Bar;</li>
</ol>
<p>}
``` </p>


1. First go to the npm extension by settings and then search for settings.json
2. Write ```
"workbench.colorCustomization":{}
```
3. Inside the blockscope write ```"editorGroupHeader.tabsBackground"
```
 Like this 
```
"workbench.colorCustomization":{
    "editorGroupHeader.tabsBackground": "colorName",
    "activityBar.background": "colorName"  // To change the color of activity bar;
    "sideBar.background": "colorName" // To change the color of the side-Bar;
    
}
``` 


Labib Ibn Muzahid's blog

Labib Ibn Muzahid's blog

Theme Customization for VS Code