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

We may have faced problem where our apps like Discord, Postman, Spotify etc apps UI and text are…


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


Print Share Comment Cite Upload Translate Updates
APA

Nishan Bista | Sciencx (2024-10-30T18:57:50+00:00) UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland. Retrieved from https://www.scien.cx/2024/10/30/ui-text-blur-issues-with-electron-based-applications-e-g-spotify-discord-on-wayland/

MLA
" » UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland." Nishan Bista | Sciencx - Wednesday October 30, 2024, https://www.scien.cx/2024/10/30/ui-text-blur-issues-with-electron-based-applications-e-g-spotify-discord-on-wayland/
HARVARD
Nishan Bista | Sciencx Wednesday October 30, 2024 » UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland., viewed ,<https://www.scien.cx/2024/10/30/ui-text-blur-issues-with-electron-based-applications-e-g-spotify-discord-on-wayland/>
VANCOUVER
Nishan Bista | Sciencx - » UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/10/30/ui-text-blur-issues-with-electron-based-applications-e-g-spotify-discord-on-wayland/
CHICAGO
" » UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland." Nishan Bista | Sciencx - Accessed . https://www.scien.cx/2024/10/30/ui-text-blur-issues-with-electron-based-applications-e-g-spotify-discord-on-wayland/
IEEE
" » UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland." Nishan Bista | Sciencx [Online]. Available: https://www.scien.cx/2024/10/30/ui-text-blur-issues-with-electron-based-applications-e-g-spotify-discord-on-wayland/. [Accessed: ]
rf:citation
» UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland | Nishan Bista | Sciencx | https://www.scien.cx/2024/10/30/ui-text-blur-issues-with-electron-based-applications-e-g-spotify-discord-on-wayland/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.