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



This content originally appeared on DEV Community and was authored by Nishan Bista

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

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

On this line where i’ve marked:

discord.desktop

Add this line of code:

--enable-features=UseOzonePlatform --ozone-platform=wayland

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.


This content originally appeared on DEV Community and was authored by Nishan Bista