Logo

dev-resources.site

for different kinds of informations.

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

Published at
10/30/2024
Categories
blurapplications
wayland
hyprland
spotify
Author
nishan_bista
Author
12 person written this
nishan_bista
open
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.

spotify Article's
30 articles in total
Favicon
Essential Features of a Music Streaming App Like Spotify
Favicon
Troubleshooting Spotify Proxy Errors
Favicon
How to Solve Spotify Proxy Problems
Favicon
This is all about Instafest
Favicon
How spoken.host Simplifies Spotify API Authentication
Favicon
Automating Spotify Playlist Creation with Terraform: My Journey to "Perfect"
Favicon
What Is a Proxy Service for Spotify and How to Set It Up
Favicon
Advice from Software Engineers at Google and Spotify
Favicon
UI/Text Blur Issues with Electron-Based Applications (e.g., Spotify, Discord) on Wayland
Favicon
OAuth Tutorial with Go and the Spotify API
Favicon
Create Custom Spotify Playlist Covers: A Developer's Journey
Favicon
Design Spotify
Favicon
Spotify Premium APK v8.10.9.722 Descargar Ultima Versi贸n 2024
Favicon
馃殌 Introducing SpotAPI: A Python Library for Effortless Spotify Integration 馃殌
Favicon
Spotify Premium APK Descargar 煤ltima versi贸n para Android 2024
Favicon
Playlists created and managed seamlessly with Terraform!
Favicon
Spotify Premium APK Descargar 脷ltima versi贸n para Android 2024
Favicon
Adding Spotify Now Playing to Your React App
Favicon
Unlock the Full Potential of Spotify with Spotify Premium APK
Favicon
CREATE SPOTIFY PLAYLIST USING TERRAFORM
Favicon
Bundling Code-Bases with Large File Structures
Favicon
Clonador y Fusionador de Playlists para Spotify
Favicon
Spotify MOD APK v8.9.6.458: Download (No Ads/Premium) 2024
Favicon
Hide Rick Rolls in a Spotify Link
Favicon
GO Spotify CLI
Favicon
I made a web app that creates Spotify playlists for you
Favicon
驴Escuchar m煤sica en Spotify tiene anuncios?
Favicon
How to get a Spotify Refresh Token
Favicon
A Brief Look At Spotify's Tech Stack
Favicon
How To Create Spotify Stats Charts With Spotify Pie?

Featured ones: