How to remove gutter area from VS Code from both side - visual-studio-code

There seems to be some bug in VS Code, I exited ZenMode and can see gutter on both side of VS Code. This is making my coding area small and I am not able to remove it. Can someone please help me here
This happened with me earlier also, I had to reinstall VS Code, But can't do it every now and then. So need a permanent solution.
Please refer to red marked area in image below.
Note: I have tried basic troubleshooting like restarting, removing themes, removing all settings etc.
I also tried solutions mentioned below, but those are not the gutters I am referring to
How can you disable Gutter Indicators in VS Code?
How do I change the Gutter Width in VS Code?

Edit
Obviously I missunderstood your question. You want to turn off that behaviour when you are not in zen mode.
To do so press F1 and execute the command View: Toggle Centered Layout.
I found the answer in one of VS Code's issues.
To turn off the centered layout in zen mode read the original answer.
Original answer
In your settings turn off the center layout for zen mode by unchecking the setting Zen Mode: Center Layout or if you prefer the json settings set
{
"zenMode.centerLayout": false
}
Now there won't be any space between the activity bar and the first editor tab.
Screenshot:

Related

zen mode visual studio code — highlight only current function and blur the rest

There was a plugin for vim that would blur out everything in the current file except for the function your cursor was on or in the body of. I've googled every combo of query that describes that and looked through git commits of my old vimrcs but can't find it anywhere!
If you would scroll down or up into another function/body it will "reveal" that and blur everything else. It would also center with horizontal margin.
Regardless, is there an edit to zen mode or a plugin that could achieve this? And if not the blur effect, then is there a way to limit the characters visible to a number?
Something like the image halfway down in this article.

right click context menu in vs code executes immediately

When I right click in the editor, vs code executes whatever menu item the cursor happens to be over. It happens far too fast for me to make my actual choice known.
I have already spent 30 minutes trying to find a solution. If you search for "right click" in the Command Palette, you are told there are no matches. You don't get any hits in the docs, either. Please advise. Thank you.
It has been reported that the situation you mentioned is a bug in the repository on GitHub. It is reported that Visual Studio Code works fine when zoom is disabled.
You can update the following setting to override this behavior:
"editor.mouseWheelZoom": false
Or you can update the mouseWheelZoom setting from the pop-up window by using the shortcut CTRL + , to go to Settings.
It's crazy, but this is still an issue for Linux users after so many years. Especially, when using a Laptop with touch-pad it makes VSCode frustrating to use. The problem occurs when you use "native" window style (you can tell, because the theme will not be applied to context menus) and have a non-default zoom.
The GitHub issue that #sercan linked to has a few solutions. In order to save you some time, there is basically two things that I found work and make sense:
Set your zoom level to default / 0. In settings.json add: "window.zoomLevel": 0 This works with all window styles, but obviously is not always viable
Change the title bar style from native to custom. In settings.json add: "window.titleBarStyle": "custom" This will change how the title bar but also the context menus look. Setting this, you can zoom in again

Visual Studio Code missing dirty file indicator and highlight tabs doesn't work

When I have a dirty file in VS Code, I do not get the bullet in the file tab nor do I get the highlight bar above the tab. I turned on Highlight Modified Tabs in the settings with no effect. I also tried changing themes in case it was a color issue. I don't have any extensions that would interfere with these settings.
Has anyone experienced this? Do I need to completely uninstall VS Code?
I had the same issue and just solved it with this answer:
That was a hint. I realized what was the problem. Kind of weird. I had
modified the settings.json file manually, setting auto save to off,
but I realized that under the File menu at the top, Auto Save was
marked as active. My files were not auto saving, but VS detected as if
it were active. Unchecking Auto Save in the File menu did the trick.
https://github.com/Microsoft/vscode/issues/23950
I clicked File > [unchecked] Auto Save
This fixed it for me.

vscode on mac is incorrectly highlighting text around text blocks

It is very annoying to see that background around code is lighter then the rest of the program. When the cursor moves the highlighting moves up and down to full window width. Can you please propose solution how to turn this highlighting off. Same problem is in output of task log, and in file explorer.
I have deleted all the settings and Application data and I have same problem. I have installed vscode on windows and I do not have this problem with same settings.
Unfortunately this is an issue in Chromium. You can work around this by starting VS Code with --disable-gpu from the command line.
Sean
It appears this can be fixed for some users by selecting a different color profile in macOS display settings. Note that you have to change this separately for all monitors that you use.
For me, "Apple RGB" will show these blocks, and switching to "LED Cinema Display" or "iMac" solves the issue.
See also: https://github.com/Microsoft/vscode/issues/12473#issuecomment-269024219

How to change the gutter background colour in VS Code?

All the VS Code default themes (and any others that I've seen) have a uniform background color between the main view and the gutter. This makes it really hard to tell if you're at the start of a line (or to click there). Is the cursor at the start of the line here?
This is especially annoying with Python where indentation matters and you can't simply auto-indent a block once your indentation is messed up.
I often find myself pasting a block only to find that I was one space away from the start of the line and the pasted block therefore being offset.
Simply setting the gutter to a light grey background would fix this problem but looking at the default theme files I can't see any settings for the gutter. I've also looked at a theme from the store (Material) which has a few keys relating to gutter colours but changing them did not do anything.
Is there any way to modify the gutter background colour in VS Code?
Update: Version 1.8 of VS Code comes with a new setting to render the line highlight which can help with this when set to 'gutter':
You can change the gutter's background color (or colour) in settings.json. This was added in May.
"workbench.colorCustomizations": {
"editorGutter.background": "#000000" // your color here
}
or you can add
"editor.rulers": [ 0 ]
This won't change the background but it will add a line between the gutter and the editor.
The problems is that the gutter pointers are just not enabled by default.
Open preferences, workspace settings and set
{
"editor.renderIndentGuides": true,
"editor.renderWhitespace": "all"
}
You should see the guidelines and whitespace, hope it helps.
For more settings like this check -> https://code.visualstudio.com/Docs/customization/userandworkspace
Please install 'Python For VSCode' extension to solve the indentation issue.