Question 134313 in Visual Studio Code Question posted in
View the official documentation.

Visual Studio Code – How can I change the background color of the editor in focus in VS Code?

There are 3 files open and I want the background of the file I’m editing to be of a different color than the others so I can easily identify it.

As You can see in image that the cursor is in output.txt but its hard to know in first glance:

I tried looking through the descriptions for settings starting with "editor.", but all of those settings apply to every editor group that is open.

Tags:

2

Answers


  1. 0

    maybe this?

    colors exaggerated on purpose

    as you can see, the actual active pane is red, while the "active-but-unfocused" panes are blue.

    Ctrl + Shift + P -> open user settings (json)

    "workbench.colorCustomizations": 
{    
       "tab.activeBackground": "#ff0000",
       "tab.unfocusedActiveBackground": "#012bff"  
}

    enter image description here

    or this for a specific theme (Default Dark+)

    "workbench.colorCustomizations": 
{
    
    "[Default Dark+]": 
    {      
       "tab.activeBackground": "#ff0000",
       "tab.unfocusedActiveBackground": "#012bff"
    }
}
    Login or Signup to reply.
  2. 0

    At the time of this writing, changing the background colours of editors is not supported.

    This was previously brought up as a feature-request, but it didn’t receive enough community support, so that feature-request was closed: Support color customizations for currently "active" editor or "focused" editor group
    #87083    . I’m prett sure it’s okay to open a new, same feature-request. If you do, you can try to garner support for it by giving it visibility on other sites like reddit’s r/vscode. If you do create a feature-request, please comment to add a link to it here for posterity.

    There was a similar feature-request that got resolved instead by adding the ability to customize the colour of the tab handle for the focused editor using tab.activeBackground and tab.unfocusedActiveBackground: Make the currently active editor more distinguishable from others #24586.

    For your reference / learning purposes, I found that first GitHub issue ticket I linked as the first search result when googling "github vscode issues color customizations editor focus background".

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search