DEV Community

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

Posted on

2 2 1 2 1

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.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (1)

Collapse
 
programmerraja profile image
Boopathi

This is a great and concise guide to fixing blur issues in Electron apps on Wayland! I'm glad to know there's a simple fix to this common problem. I'll definitely be using this guide for future troubleshooting.

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay