uBlock Origin icon looks blurry on extension panel

[quackerex]

Prerequisites

• I verified that this is not a filter list issue. Report any issues with filter lists or broken website functionality in the uAssets issue tracker.
• This is not a support issue or a question. For support, questions, or help, visit /r/uBlockOrigin.
• I performed a cursory search of the issue tracker to avoid opening a duplicate issue.
• The issue is not present after disabling uBO in the browser.
• I checked the documentation to understand that the issue I am reporting is not normal behavior.

I tried to reproduce the issue when...

• uBO is the only extension.
• uBO uses default lists and settings.
• using a new, unmodified browser profile.

Description

A specific URL where the issue occurs.

moz-extension://f4f6dfb5-34e3-40d6-8605-b4af062a637d/dashboard.html#settings.html

Steps to Reproduce

1. Open Firefox
2. Click on the extention icon

Expected behavior

The uBlock Origin icon to be not blurry.

Actual behavior

Blurry uBlock Origin icon

uBO version

1.46.0

Browser name and version

Firefox 109.0.1

Operating System and version

macOS Ventura 13.2

	style='
	        
	        --webextension-menupanel-image: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	        --webextension-menupanel-image-light: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	        --webextension-menupanel-image-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	      
	        
	        --webextension-menupanel-image-2x: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	        --webextension-menupanel-image-2x-light: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	        --webextension-menupanel-image-2x-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	      
	        
	        --webextension-toolbar-image: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_16.png");
	        --webextension-toolbar-image-light: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_16.png");
	        --webextension-toolbar-image-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_16.png");
	      
	        
	        --webextension-toolbar-image-2x: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	        --webextension-toolbar-image-2x-light: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	        --webextension-toolbar-image-2x-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxxxxxxx/img/icon_32.png");
	      
	      '

OK, they now want "2x", 64px icon or svg for browser_action

• https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action
• https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action#choosing_icon_sizes

[tophf]

I've reported it in https://bugzil.la/1811128 and AFAICT they decided to revert to the old behavior starting with FF 111. I'm not sure though because my report is for an extension icon in the main toolbar...

Looks good

style='
        
        --webextension-menupanel-image: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_32.png");
        --webextension-menupanel-image-light: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_32.png");
        --webextension-menupanel-image-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_32.png");
      
        
        --webextension-menupanel-image-2x: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_64.png");
        --webextension-menupanel-image-2x-light: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_64.png");
        --webextension-menupanel-image-2x-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_64.png");
      
        
        --webextension-toolbar-image: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_16.png");
        --webextension-toolbar-image-light: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_16.png");
        --webextension-toolbar-image-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_16.png");
      
        
        --webextension-toolbar-image-2x: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_32.png");
        --webextension-toolbar-image-2x-light: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_32.png");
        --webextension-toolbar-image-2x-dark: url("moz-extension://xxxxxxxxxxxxxxxxxxx/img/icon_32.png");
      
      '