Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Hide top bar in visual studio code (zen mode)

enter image description here

I have hidden tabs already and disabled some things like line numbers etc. How to get rid of top bar which contains file name ProfilePrivate.tsx?

like image 306
stpoa Avatar asked Sep 25 '18 13:09

stpoa


People also ask

How do I hide VS Code top bar?

Go to menu File → Preferences → Settings → Window → Title Bar Style and set it to custom. Now there won't be any title bar.

How do I use Zen mode VS Code?

Zen Mode lets you focus on your code by hiding all UI except the editor (no Activity Bar, Status Bar, Sidebar and Panel) and going to full screen. Zen mode can be toggled using the View menu, Command Palette or by the shortcut Ctrl+K Z. If you prefer not to transition to full screen, that can be disabled via window.

How do I disable Zen mode in Visual Studio Code?

Press Esc twice to exit Zen Mode.

How do I make the menu bar visible in VS Code?

Go to VSCode settings ( CTRL+, or CMD+, ) and search for shortcut menu bar . Toggle buttons from there.


1 Answers

I've found a solution.

https://github.com/Microsoft/vscode/issues/33607#issuecomment-424193133

  1. Install Custom CSS & JS vscode plugin
  2. Create file /Users/(yourusername)/.vscode.css and paste there: .title.show-file-icons { display: none !important; }
  3. Change vscode settings adding: "vscode_custom_css.imports": ["file:///Users/(yourusername)/.vscode.css"]
  4. Press CMD + Shift + P and write Enable custom css and js
  5. Restart vscode

It should hide top bar.

like image 172
stpoa Avatar answered Sep 27 '22 22:09

stpoa