visual-studio-code

How do I change the color of the Editor Actions border line?


I have changed almost all colors on vs code manually using the settings.json file

"workbench.colorCustomizations": {
    "[Night Owl]": {

I wanted to use the night owl colors for the text but I did not like the borders and background colors so I did a lot of editing but I can not, for the life of me, find what this border is called.

I searched through everything here https://code.visualstudio.com/api/references/theme-color but it does not change...

this is the only thing left I need to change...

Annoting border color


Solution

  • This "area" of the UI is called the "Editor Actions", but like you, I was completely unable to find a specific color setting for it. I'm not sure if this theme changes it somehow, because the Default Dark + theme doesn't show a line there.

    Nevertheless, maybe a solution is to change the position of the Editor Actions for you. If you right click anywhere in the tab bar, and hover over "Editor Actions Position", you can move it to the title bar, or hide it.

    editor actions position menu item

    In the title bar, there is no line anymore, but obviously it moves the icons to a different spot where it may take a bit to get use to:

    title bar location for editor actions