UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland

nishan_bista

Nishan Bista

Posted on October 30, 2024

UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland

This article will help you to solve:
blur app problem in hyprland
blur app problem in wayland
discord, spotify blur problem in wayland based compositor

Discord blurry text, ui, icons image
We may have faced problem where our apps like Discord, Postman, Spotify etc apps UI and text are blurry. This problem is caused by electron apps not using wayland protocol natively although they support it.

To fix this it is very simple follow these 3 steps:

First navigate to:

cd /usr/share/applications
Enter fullscreen mode Exit fullscreen mode

This directory will have many .desktop files, we need to open the one's that we need to fix for example discord.desktop.
We can open it using our favorite text editor, for now i'll be using neovim.

Open discord.desktop with nvim:

we'll need root permission to modify these files

sudo nvim discord.desktop
Enter fullscreen mode Exit fullscreen mode

On this line where i've marked:

discord.desktop

Add this line of code:

--enable-features=UseOzonePlatform --ozone-platform=wayland
Enter fullscreen mode Exit fullscreen mode

discord.desktop

Now, Save the file and restart application. BOOM the problem is solved!!

What these commands(arguments) that i added do?

--enable-features=UseOzonePlatform:this enables the Ozone platform, which is an abstraction layer for handling different window systems (like X11 and Wayland) in Electron-based applications.

--ozone-platform=wayland: this will direct the application to use the Wayland display server protocol for rendering, instead of the traditional X11.

Thankyou! May this helped you.

💖 💪 🙅 🚩
nishan_bista
Nishan Bista

Posted on October 30, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related