Vscode - Change Highlight Color of Current File

vscode - change highlight color of current file

I believe you are looking for the list.inactiveSelectionBackground theme setting. You can set this using workbench.colorCustomizations

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#f0f"
}

This color used used when the explorer is not focused. Use list.activeSelectionBackground for when the explorer is focused

How to change the highlight color of file in sidebar while editing a file in VS Code

Open your JSON settings and add the following lines:

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#434343",
}

If you want this changed for just a single theme, wrap the inner setting in a [theme] block:

"workbench.colorCustomizations": {
    "[Your Theme Name]": {
        "list.inactiveSelectionBackground": "#434343",
    }
}

Change highlight text color in Visual Studio Code

Update
See @Jakub Zawiślak's answer for VScode 1.12+

---

Old answer

Visual Studio Code calls this selection highlighting and unfortunately, I don't think the color is customizable currently. Themes can control the 'selection' color, but the 'selection highlight' color is hardcoded.

See this issue tracking a possible solution: https://github.com/Microsoft/vscode/issues/1636

(As a side note, you can toggle this feature or/off with the editor.selectionHighlight setting.)

How to change the selected text background highlight color in vscode editor?

I found it after a lot of trial & error:

    "workbench.colorCustomizations": {
        //"editor.findMatchHighlightBackground": "#DAA520",
        //"editor.findRangeHighlightBackground": "#DAA520",
        "editor.selectionHighlightBackground": "#DAA520",
        //"editor.inactiveSelectionBackground": "#DAA520",
        //"editor.findMatchBackground": "#DAA520",
    }

Is there a way of making the Active Tab Border highlighted on top instead of at the bottom?

You can visit the Theme Color VS Code web page to get more information on this.

Open your user settings.json (Ctrl + ,)

Two lines below the tab.activeBorder, you will find tab.activeBorderTop, which does exactly what you intended.

"workbench.colorCustomizations": {       // Can customize each aspect
    "[One Dark Pro]": {                  // Optional
        "tab.activeBorderTop": "#0A84FF" // Active Tab Top Highlighting
    }
},

VS Code: How to change text color of selected text?

I finally found a decent solution. Check out 123Dev's response. I just copied the Border key and values and I'm happy enough with it.

"workbench.colorCustomizations": {
    // Totally Transparent
    "editor.selectionHighlightBackground": "#ffffff00",
    "editor.findMatchHighlightBackground": "#ffffff00",
    // Borders
    "editor.findMatchBorder": "#ffff00",
    "editor.findMatchHighlightBorder": "#ff0000",
    "editor.selectionHighlightBorder": "#ffffff",
    "editor.lineHighlightBorder": "#272727",
    // Selection
    "editor.selectionBackground": "#771835",
    "editor.wordHighlightBackground": "#771835",
    // Misc
    "editorCursor.foreground": "#00ff00",
    "editor.lineHighlightBackground": "#181818",
    "editor.findMatchBackground": "#000000",
    // Debugger
    "statusBar.debuggingBackground": "#410d18",
    "statusBar.debuggingForeground": "#dddddd"
}

How do I change the tab placement highlight color in vscode?

"workbench.colorCustomizations": {

  "editorGroup.dropBackground": "#ff0000"  // change this color
}

looks like the one you want (it uses gray in my colorTheme by default). There are some other drop colors you can modify. Just start typing drop in a "workbench.colorCustomizations" in your settings to see the suggestions of other possibilities.

---

Related Topics