Another attempt at Wayland HiDPI support #5215

richcarni · 2025-03-23T22:13:05Z

richcarni
Mar 23, 2025

I've created this discussion as somewhere to discuss and receive feedback on my hidpi branch https://github.com/richcarni/qtile/tree/wayland-hidpi-dev

This branch is basically PR #5159 plus ongoing attempts to improve hidpi support (which itself is just an extension of PR #4625)

I should start by acknowledging the existing issues and discussions that I'm aware of...

Specific to Wayland there is issue #3646
And more generally also discussion #4781

richcarni · 2025-03-23T22:50:57Z

richcarni
Mar 23, 2025
Author

I'd welcome any feedback

Brillant I hadn't followed your last commits.

Icons are greatly improved but I cannot say why it's still slightly suboptimal. The ouput of papirus-dark:

@tpaniaki Assuming these are svg icons, I agree, they don't look quite right

If you're able to update to the latest commit and set loglevel to debug in your config:

from libqtile.utils import logger
import logging
logger.setLevel(logging.DEBUG)

we can start by verifying what icons are being used

You should see lines in the log like:

2025-03-24 09:40:29,011 DEBUG libqtile statusnotifier.py:_get_xdg_icon():L343 icon_name: keepassxc-monochrome-light-locked, path: /usr/share/icons/hicolor/scalable/apps/keepassxc-monochrome-light-locked.svg

BTW, are you on arch? And do you use Hardcode-Tray?

0 replies

tpaniaki · 2025-03-25T19:38:03Z

tpaniaki
Mar 25, 2025

I've just updated your branch to the last commits.
I'm indeed on Arch but I don't use Hardcode-Tray.

Perhaps this last info explains why I don't get icon_name in the log?

1 reply

richcarni Mar 26, 2025
Author

Ah, I should have added a debug message for apps that provide their own icons (added now). For example, for landrop I now see:

2025-03-26 11:02:34,276 DEBUG libqtile statusnotifier.py:_get_icon():L368 icon_name: Icon, sizes:
2025-03-26 11:02:34,276 DEBUG libqtile statusnotifier.py:_get_icon():L370 22
2025-03-26 11:02:34,276 DEBUG libqtile statusnotifier.py:_get_icon():L370 64
2025-03-26 11:02:34,278 DEBUG libqtile statusnotifier.py:_get_icon():L368 icon_name: Attention, sizes:
2025-03-26 11:02:34,278 DEBUG libqtile statusnotifier.py:_get_icon():L370 22
2025-03-26 11:02:34,278 DEBUG libqtile statusnotifier.py:_get_icon():L370 64

which shows this app provides its own built-in icons, which come in two sizes: 22x22 and 64x64

statusnotifier will pick the first size equal to or greater than the specified icon size (factoring in scaling) or the largest provided size if none meet that condition

So the quality of those icons is very dependent on what sizes the app provides

What are the apps in the pictures you provided? I'm guessing the one on the right is telegram? I could investigate further if I could reproduce what you're seeing. Would need to know what version of the app (repo, flatpak, etc), bar height, statusnotifer icon_size if specified, and the wayland display scale factor

tpaniaki · 2025-03-26T01:34:23Z

tpaniaki
Mar 26, 2025

Here is what I now get when the telegram icon is added:

2025-03-26 02:27:25,563 DEBUG libqtile statusnotifier.py:draw():L146 scale: 0.4375
2025-03-26 02:27:25,588 DEBUG libqtile statusnotifier.py:_get_icon():L368 icon_name: Icon, sizes:
2025-03-26 02:27:25,588 DEBUG libqtile statusnotifier.py:_get_icon():L370 32
2025-03-26 02:27:25,588 DEBUG libqtile statusnotifier.py:_get_icon():L370 24
2025-03-26 02:27:25,588 DEBUG libqtile statusnotifier.py:_get_icon():L370 22
2025-03-26 02:27:25,588 DEBUG libqtile statusnotifier.py:_get_icon():L370 16
2025-03-26 02:27:25,591 DEBUG libqtile statusnotifier.py:draw():L146 scale: 0.4375
2025-03-26 02:27:25,591 DEBUG libqtile statusnotifier.py:get_icon():L461 size: 28, icon_size: 32
2025-03-26 02:27:25,591 DEBUG libqtile statusnotifier.py:draw():L146 scale: 0.4375

The other app is the Nextcloud client. Both apps are installed from the AUR (nextcloud-client, telegram-desktop).

Icons theme is papirus-dark I set through the Qt6 settings (qt6ct).

Scale factor is 2 at 3840X2160.
Bar height: 30

1 reply

richcarni Mar 27, 2025
Author

I can't replicate exactly because I'm on Ubuntu but I installed Telegram from official site and at first got a blue icon with output similar to what you pasted above. I then installed papirus-icon-theme from Ubuntu repo and it gave me the dark theme icon with the log now outputting

DEBUG libqtile statusnotifier.py:_get_xdg_icon():L343 icon_name: org.telegram.desktop-symbolic, path: /home/rich/.local/share/icons/hicolor/symbolic/apps/org.telegram.desktop-symbolic.svg

The only thing I can think of is to check that you have the qt6-svg package installed (https://bbs.archlinux.org/viewtopic.php?id=195205)

tpaniaki · 2025-03-28T00:12:41Z

tpaniaki
Mar 28, 2025

qt6-svg is a dependency of qt6-base on Arch so it is installed.

Have you noticed the difference?

me: statusnotifier.py:_get_icon()
you: statusnotifier.py:_get_xdg_icon()

1 reply

richcarni Mar 28, 2025
Author

Yours is not finding the svg theme icon

From what I can tell although qt6-svg is a dependency of qt6-base, it isn't installed by default. If you haven't, wouldn't hurt to double check

tpaniaki · 2025-03-28T00:41:11Z

tpaniaki
Mar 28, 2025

Yes I had double-checked.

This seems to affect Qt apps only on my system since GTK icons are well recognized:

2025-03-28 01:32:57,080 DEBUG libqtile statusnotifier.py:_get_xdg_icon():L343 icon_name: /usr/lib/thunderbird/chrome/icons/default/default256.png, path: /usr/lib/thunderbird/chrome/icons/default/default256.png

Is your telegram sandboxed by any chance?

2 replies

richcarni Mar 28, 2025
Author

It does appear that Qt apps behave differently than others - it seems that if the app can't find an icon, it doesn't provide IconName on the bus - in which case there isn't much StatusNotifier can do, other than fall back to any provided pixmaps

I just downloaded Telegram from the Telegram website

However, I think in my case the Telegram app itself is providing the icon - via settings: "Use Monochrome Icon"

(As far as I can tell Papirus doesn't have a dark icon for Telegram?)

Does yours have this setting? If on, do you have any telegram icons in ~/.local/share/icons/hicolor/symbolic/apps ?

richcarni Mar 28, 2025
Author

For nextcloud my icon behaves more like yours. Here, setting the icon theme Papirus Dark changes the icon's appearance. No icon name is provided on the bus and statusnotifier is falling back to app provided icons - which have changed - but I have no idea where they are coming from

Again I can't find a papirus dark icon for nextcloud. I wonder if the app itself is just detecting that there is a dark theme, not finding an icon in that theme, and providing it's own dark version? That's my best guess at the moment. I'm not super knowledgeable on this side of things

tpaniaki · 2025-03-28T18:34:51Z

tpaniaki
Mar 28, 2025

Does yours have this setting?

Yes, I had checked Monochrome icon. If I uncheck it the icon goes blue but the log don't offer a path either.

If on, do you have any telegram icons in ~/.local/share/icons/hicolor/symbolic/apps ?

I don't have that folder locally. Papirus-dark itself is located in /usr/share/icons. However, I can't find the monochrome version within papirus-dark which is a bit surprising.

Just a naive question: can't we force the widget to scale icons from a higher resolution?

6 replies

tpaniaki Mar 29, 2025

BTW, if you write a reply instead of adding a new comment, it will help group this conversation :)

You're right sry.

I totally forgot this option in the widget. It works indeed:

2025-03-29 11:53:55,228 DEBUG libqtile statusnotifier.py:_get_xdg_icon():L343 icon_name: state-ok, path: /usr/share/icons/Papirus-Dark/32x32/panel/state-ok.svg
[...]
2025-03-29 11:53:59,600 DEBUG libqtile statusnotifier.py:_get_xdg_icon():L343 icon_name: telegram-panel, path: /usr/share/icons/Papirus-Dark/32x32/panel/telegram-panel.svg

richcarni Mar 31, 2025
Author

Glad we got there in the end!

But it wasn't all for nothing. I did discover an issue with sub-optimal rendering of some svg icons - I'll commit the fix once tested

tpaniaki Apr 20, 2025

I'll commit the fix once tested

Have you commited it in your last update?

richcarni Apr 21, 2025
Author

I have

tpaniaki Apr 21, 2025

Brillant thank you.

I've just noticed, however, that svg icons are properly scaled in TaskList but not in Image:

Is it possible to apply the same fix to the Image widget?

richcarni · 2025-04-22T07:02:55Z

richcarni
Apr 22, 2025
Author

I've just noticed, however, that svg icons are properly scaled in TaskList but not in Image:

Is it possible to apply the same fix to the Image widget?

Yeah, this was always going to be the next issue...

It would be nice if there was a way to implement something that fixed this for all widgets in one go. I'm not sure that's possible - I think the next best is we make it really easy to update existing widgets and also write new widgets to support hidpi, basically abstract away as much to do with scale factors as possible. But still struggling at the moment to come up with a neat solution

Anyway...

I've done something - not super happy with it, but at least it's something for now

Feel free to try it out and let me know if you hit any issues

5 replies

tpaniaki Apr 22, 2025

Just updated both packages but the icons from Image are still blurry.

richcarni Apr 22, 2025
Author

Would you be able to share the screen section of your config and one of the offending images?

tpaniaki Apr 22, 2025

Would you be able to share the screen section of your config and one of the offending images?

Of course.

widget_defaults = dict(
    font="Cantarell Bold",
    fontsize=12,
    padding=0.1,
)

extension_defaults = widget_defaults.copy()

screens = [
   Screen(	wallpaper='~/.config/qtile/1.jpg',
			wallpaper_mode='stretch',
        	bottom=bar.Bar(
        		[
            		#Onglets
            		widget.TaskList(border="1d5663", unfocused_border="333333", borderwidth=1, margin=3, padding_x=10, padding_y=3, spacing=5, highlight_method='block', title_width_method="uniform", max_title_width=180, txt_floating='🗗  ', txt_minimized='🗕  ', parse_text=parse_text, mouse_callbacks={"Button1": lazy.function(select_task_window)}),
            		widget.Spacer(length=15),
            		#Launcher
            		widget.Prompt(),
            		widget.Spacer(length=15),
            		#Tray
            		widget.StatusNotifier(padding=10, icon_size=14, icon_theme="/usr/share/icons/Papirus-Dark"),
					widget.Spacer(length=15),
            		#Wireguard
            		widget.Image(filename="~/.config/qtile/icons/lock.svg", margin=9),
            		widget.Net(interface="8700g", format="{down:.0f} {down_suffix} ↓↑ {up:.0f} {up_suffix}", use_bits=False, update_interval=10),   		
            		widget.Spacer(length=15),
            		#CPU
            		widget.Image(filename="~/.config/qtile/icons/microchip.svg", margin=8),
            		widget.CPU(format="{load_percent}%", update_interval=10),
            		widget.Sep(padding=10, foreground="ffffff", linewidth=2, size_percent=40),
            		widget.ThermalZone(zone="/home/fabien/.config/hwmon/cpu/temp1_input", update_interval=10, high=80, crit=90),
            		widget.Spacer(length=15),
            		#RAM
            		widget.Image(filename="~/.config/qtile/icons/memory.svg", margin=9),
            		widget.Memory(format="{MemPercent:.0f}%", update_interval=10),
            		widget.Sep(padding=10, foreground="ffffff", linewidth=2, size_percent=40),
            		widget.ThermalZone(zone="/home/fabien/.config/hwmon/ram/temp1_input", update_interval=10, high=70, crit=80),
					widget.Spacer(length=15),
					#NVME
					widget.Image(filename="~/.config/qtile/icons/hdd.svg", margin=9),
            		widget.DF(visible_on_warn=False, format="{r:.0f}%"),
            		widget.Sep(padding=10, foreground="ffffff", linewidth=2, size_percent=40),
            		widget.ThermalZone(zone="/home/fabien/.config/hwmon/nvme0/temp1_input", update_interval=10, high=70, crit=80),
					widget.Spacer(length=15),
					#Volume
					widget.Image(filename="~/.config/qtile/icons/volume.svg", margin=9),
            		widget.Volume(fmt="{}"),
            		widget.Spacer(length=15),
					#Date et heure
					widget.Image(filename="~/.config/qtile/icons/calendar.svg", margin=9),
    				widget.Clock(format="%a %d %B %H:%M"),
    				widget.Spacer(length=15),
    			],
    			30
		),
		
    ),
    Screen(
            
    ),
    Screen(
            
    ),
]

icons.zip

richcarni Apr 23, 2025
Author

Ah, I suspect you're using all your widgets via qtile-extras, in which case you'll be using the qtile-extras version of the Image widget

Since you don't seem to be using any of its extra features, the easiest solution would be to use the standard widget. Something like:

from libqtile import widget as builtin_widget

builtin_widget.Image(...

tpaniaki Apr 23, 2025

That was it. Thank you.

Looks properly scaled.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Another attempt at Wayland HiDPI support #5215

{{title}}

Replies: 7 comments 16 replies

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

richcarni Mar 28, 2025
Author

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Another attempt at Wayland HiDPI support #5215

Replies: 7 comments · 16 replies

richcarni Mar 23, 2025 Author

richcarni Mar 26, 2025 Author

richcarni Mar 27, 2025 Author

richcarni Mar 28, 2025 Author

richcarni Mar 28, 2025 Author

richcarni Mar 28, 2025 Author

richcarni Mar 31, 2025 Author

richcarni Apr 21, 2025 Author

richcarni Apr 22, 2025 Author

richcarni Apr 22, 2025 Author

richcarni Apr 23, 2025 Author

Replies: 7 comments 16 replies

richcarni
Mar 23, 2025
Author

richcarni Mar 26, 2025
Author

richcarni Mar 27, 2025
Author

richcarni Mar 28, 2025
Author

richcarni Mar 28, 2025
Author

richcarni Mar 28, 2025
Author

richcarni Mar 31, 2025
Author

richcarni Apr 21, 2025
Author

richcarni
Apr 22, 2025
Author

richcarni Apr 22, 2025
Author

richcarni Apr 23, 2025
Author