CODEWITHSUNDEEP
visual-studio-codeblurry
Jay
Jay

Reputation: 3050

visual studio code looks blurry

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

visual studio code looks blurry

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.

Upvotes: 31

Views: 63177

Answers (13)

Ikem Krueger
Ikem Krueger

Reputation: 193

Go to C:\Program Files\Microsoft VS Code, right-click on Code.exe, click on "Properties"

In the properties dialog click on the "Compatibility" tab, then on the button "Change High DPI settings".

In the opening dialog set the check mark on "Override high DPI scaling behaviour.".

enter image description here

Upvotes: 0

Jingshi Liu
Jingshi Liu

Reputation: 1

If you have updated drivers and settings in VS Code, you can try this.

Right click on VS Code icon, and go to properties. Then go to Compatibility tab and click Run Compatibility troubleshooter.

Then restart VS Code.

Upvotes: 0

Mahir Said
Mahir Said

Reputation: 1

After some research to this issue i found something that worked for me.

  1. 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..

Upvotes: 0

Yasha Umrikhin
Yasha Umrikhin

Reputation: 1

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

Upvotes: 0

Mugen
Mugen

Reputation: 91

Go into your settings and type "rendering" you should see "Terminal > Integrated: Gpu Acceleration" if you turn if off it should fix the problem.

Upvotes: 9

Roman Motovilov
Roman Motovilov

Reputation: 392

Go to settings.json and add - "terminal.integrated.gpuAcceleration": "off"

Upvotes: 4

JemPH
JemPH

Reputation: 41

For AMD:

  1. Open AMD Radeon Software Panel
  2. Go to Settings > Graphics Tab > Advance Settings > Morphological Anti-Aliasing (x) disable this option.

IMAGE LINK

Upvotes: 4

Ivan Correa
Ivan Correa

Reputation: 1149

  1. NVIDIA Control Panel
  2. Manage 3D settings
  3. Program Settings
  4. Select VS Code from dropdown or add it if it's not there
  5. Set "Antialiasing - FXAA" to OFF

https://www.reddit.com/r/vscode/comments/9szgkp/visual_studio_code_blurry/

Upvotes: 112

Prathamesh
Prathamesh

Reputation: 91

Try turning Off Anti-Aliasing in your Graphics Settings.Since it Over Renders the Text.

Upvotes: 9

hamdan
hamdan

Reputation: 323

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

Upvotes: 25

Kevin S
Kevin S

Reputation: 511

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.

Upvotes: 3

bonzaiferroni
bonzaiferroni

Reputation: 31

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.

Upvotes: 3

Yashu Mittal
Yashu Mittal

Reputation: 1676

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.

Upvotes: 1

Related Questions