'Way to disable the Visual Studio Code editor title bar

When not using tabs in Visual Studio Code, it still shows a bar with the name of the currently open file.

Editor title bar

Is there a way to disable this bar completely?

Solution 1:^[1]

Now in your custom stylesheet:

.container > .title {
  display: none !important;
}

After, run the command "Enable custom css / js" (and restart).

Solution 2:^[2]

I faced this issue today, so according to the screenshot you attached it looks like file path is showing with a title bar. So to hide this completely, you can remove this property called "workbench.editor.showTabs" if it's value is false from settings.json file situated in /Users/(user_name)/Library/Application Support/Code/User/settings.json

Solution 3:^[3]

I played around with suggested options from VSCode and found this to work

make sure that you have your Window Title Bar Style set to custom open the settings.json file located in /Users/{your-username}/Library/Applcation\ Support/Code/User/settings.json

Append the following to the JSON object

"editor.titleBar.enabled": false

Another option could be to try setting this option in the settings file

  "workbench.colorCustomizations": {
    "titleBar.forground": "#00000000",
    "titleBar.activeForeground": "#00000000",
    "titleBar.background": "#00000000",
    "titleBar.activeBackground": "#00000000",
    ...

This is my machine settings

here's a comprehensive list of options you can use to tweak the current the or even your own theme. no additional 3rd party extensions are needed, just tine in the saddle!

happy coding =)

Solution 4:^[4]

On macOS, hiding the title bar doesn't appear to be natively supported at the moment.

However, the Customize UI extension has a macOS-only customizeUI.titleBar setting:

inline: places window controls in the sidebar or tab bar.
frameless: hides window controls.

Note that this setting requires that "window.titleBarStyle": "native" is also set.

Here's what the inline setting looks like:

Solution 5:^[5]

File ? Preferences ? Settings ? Window ? Title Bar Style Now choose custom title bar.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Peter Mortensen
Solution 2	Sahil Satija
Solution 3
Solution 4	Jo Liss
Solution 5

'Way to disable the Visual Studio Code editor title bar

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]