vscode: Ubuntu 21.10: The whole vscode application looks blur under 200% DPI scaling

This is because it’s running in on X11 and not wayland, launching it with: code -enable-features=UseOzonePlatform -ozone-platform=wayland

fixes that problem, but then (at least for me) the header bar goes poof! At least shortcuts like Super + Arrowkeys work.

/usr/share/applications/code.desktop Edit xec=/usr/share/code/code --unity-launch %F to Exec=/usr/share/code/code --enable-features=UseOzonePlatform %U --ozone-platform=wayland --unity-launch %F. (For vscode in the dock) 2. /usr/bin/code Edit ELECTRON_RUN_AS_NODE=1 “$ELECTRON” “$CLI” --ms-enable-electron-run-as-node “$@” to ELECTRON_RUN_AS_NODE=1 “$ELECTRON” “$CLI” --enable-features=UseOzonePlatform --ozone-platform=wayland --ms-enable-electron-run-as-node “$@”. (For “code .”) 3. If your vscode was hide title bar “window.titleBarStyle”: “custom”

Try disabling Wayland on Ubuntu, un-comment “WaylandEnable=flase” in /etc/gdm3/custom.conf and reboot/re-login.

$ cat /etc/gdm3/custom.conf |head -7
# GDM configuration storage
#
# See /usr/share/gdm/gdm.schemas for a list of available options.

[daemon]
# Uncomment the line below to force the login screen to use Xorg
WaylandEnable=false # <<< UN-COMMENT THIS LINE
$

You can enable window decorations with another flag:

code --ozone-platform=wayland --enable-features=WaylandWindowDecorations

This has an effect only when “Window: Title Bar Style” is set to “native”. If set to “custom”, custom window decorations are shown with some nice space-saving features, but unfortunately the window drop shadow is missing then.

You can fix it as described in this comment: https://github.com/microsoft/vscode/issues/109176#issuecomment-846656606

@cbrnr

• My VS Code UI is blurry if code is launched without parameters, I am using Wayland and having Fractional scaling on.
• It does not start at all if the parameter --ozone-platform=wayland is specified. Even with --log debug, I am getting no additional messages apart from the warnings.
• VS Code appears correctly without fractional scaling or when using X11.

I am using the Snap release of VS Code.

$ type code
code is /snap/bin/code

I can confirm same blurry UI under Wayland with fractional scaling (KDE), but I’m using the Flatpak version. I don’t think this should get closed until you don’t need any flags to run it in Wayland mode

@yangcheng @rorysteward @Demonese To anyone still having problems, there is a good chance the following fix will work for your setup. I have a 1920x1080 monitor and carbon x1 thinkpad with 2K screen. I run latest 22.04 ubuntu and wayland is enabled by default. I think you shouldnt disable it because for example, it breaks screen sharing, fonts get blurry, insane lag when window swtiching etc. Also, fractional scaling still sucks for electron apps so that should be disabled also.

The solution is to install gnome-tweaks: sudo apt install gnome-tweak-tool

After that, launch it, go to Fonts. There you can adjust Interface Text, Document Text etc and you can set the Scaling Factor which seems to not affect VSC in any way. For me, I just set it to 1.50 there, fonts all 13 and its working great!

Hi everyone.

I have the same issue when scaling the interface to 125% on Ubuntu 21.10 vscode looks blur.