Home > Net >  Change color of white line between filename and editor on Visual Studio Code
Change color of white line between filename and editor on Visual Studio Code

Time:08-12

As you can see below, there is this annoying white line under the filename. How would I change its color to black? I am using the Atom One Dark Pro theme.

I believe it shouldn't be too complicated, as VS Code is pretty customizable.

White line under filename

CodePudding user response:

  1. Open Command Palette and find "Preferences: Open User Settings (JSON)"
  2. It'll open settings.json. In the file, add the following entry:
    "workbench.colorCustomizations": {
      "[One Dark Pro]": {
        "tab.activeBorder": "#292c33"  // <-- Change color here
      }
    }
    

Preview:

Preview

Reference: Theme Color | Visual Studio Code Extension API

  • Related