Hello,
I’m making an extension (well, getting AI to do so) and I’m having difficulties getting the icon colour right. Goal: making the icon visible both in light and dark mode.
I have specified icons as such in manifest.json:
{
"manifest_version": 3,
...
"action": {
"default_popup": "popup/popup.html",
"theme_icons": [
{
"light": "icons/icon-48-black.png",
"dark": "icons/icon-48-white.png",
"size": 48
},
{
"light": "icons/icon-9-black.png",
"dark": "icons/icon-96-white.png",
"size": 96
}
]
},
...
"icons": {
"48": "icons/icon-48.png",
"96": "icons/icon-96.png"
},
...
}
The base colour is green, the themed icons are black and white.
It seems that the extensions panel (the puzzle piece dropdown) and the pinned toolbar button use inversed logic, however:
Extensions panel: uses "dark": "icons/icon-48-black.png"
Pinned toolbar button: uses "light": "icons/icon-48-white.png"
I indicated here that the ‘Pinned toolbar button’ as correct, as I understand that the light and dark definitions in the manifest concern the browser text (and icon) colour, not the theme colour.
Extensions list uses green (icons) icon:
Indeed, when inverting the definitions in manifest.json, the icons used in the extensions panel and the pinned toolbar button change colour.
Is this a known bug?
I’m on Firefox 150.0.3 via snap on Ubuntu.