Here are my visual studio code version details:
Version: 1.26.1
Commit: 493869ee8e8a846b0855873886fc79d480d342de
Date: 2018-08-16T18:38:57.434Z
Electron: 2.0.5
Chrome: 61.0.3163.100
Node.js: 8.9.3
V8: 6.1.534.41
Architecture: x64
Once I updated to this version, the entire app started looking blurry. It was fine before the update and has been looking fine on this windows 10 machine.
I got other Microsoft Apps – Office Word, Excel and the rest, and they all fine. Visual Studio (regular) looks fine. Its this software and only since the latest update to 1.26.1
Note: There is one other software which always had a blurry appearance, and that is Postman. I assumed that it is a Postman issue so never got around to fixing it or try fixing. adding this here if there is a connection but the question is primarily about Code, and how I could fix the appearance problem.
Update 1 :
So, I opened Postman and that also has stopped being blurry. So, looks like the blame does fall on AMD Radeon rather than MS or Postman developers.
4
- NVIDIA Control Panel
- Manage 3D settings
- Program Settings
- Select VS Code from dropdown or add it if it’s not there
- Set “Antialiasing – FXAA” to OFF
2
I know this is late but just in case it didn’t work for someone, here is another solution:
Right click on VsCode and go to properties.
Copy this command
--disable-gpu --enable-use-zoom-for-dsf
and append it to the target path n the shortcut properties dialog.
Click apply and the reopen VScode.
Here is the article that I am referencing https://medium.com/kasun-kodagoda/fix-text-becomes-blurry-when-vs-code-application-loses-focus-issue-on-windows-d95697b2f927
2
Try turning Off Anti-Aliasing in your Graphics Settings.Since it Over Renders the Text.
Go into your settings and type “rendering” you should see “Terminal > Integrated: Gpu Acceleration” if you turn if off it should fix the problem.
1
Go to settings.json and add – “terminal.integrated.gpuAcceleration”: “off”
I tried updating my drivers as suggested by Yashu Mittal without any luck. After some tinkering I realized that it is because I had set Anti-Aliasing to something other than “application control” in my graphics card settings.
I have a problem every now and then where just the terminal gets blurry. I simply zoom in and zoom out (“⌘=”, “⌘-“) and it fixes them problem.
For AMD:
- Open AMD Radeon Software Panel
- Go to Settings > Graphics Tab > Advance Settings > Morphological Anti-Aliasing (x) disable this option.
IMAGE LINK
4
First of all please accept my apologize for not responding so soon, I
am afraid I can’t provide you with a feedback because the issue were
my AMD Radeon Graphics Drivers, after an Update was released the issue
was gone. Thanks for your hard work!Read this comment on github.
It is possible that there is some kind of an issue with your Graphic card, try updating your Graphic card drivers.
2
For those who have a similar issue but in Visual Studio IDE (currently, I am using 2019 edition).
Go to “Tools -> Options -> General”, and turn on “Optimize rendering for screens with different pixel densities”
link to the settings image
After some research to this issue i found something that worked for me.
- I tried the methods that most were listing which is > Display settings > manage 3D settings > Program settings > turning off the noted solutions. This did not help and was not showing any difference overall. It got so bad i couldn’t even tell what program i had open. See here!
What worked for me was >Display Settings> manage 3D settings > Restore to default.
This worked immediately. i did not go into the Program settings. This change would be global.
Most likely more apps are sharing the same problem not just one Word, VS Code, Chrome, Etc..
1