我正在编写一个在 Firefox 上工作的网络扩展程序。我希望我的图标的工作方式类似于“截屏”中内置的 Firefox 的行为。以浅色主题/深色主题/在菜单中显示时，屏幕截图图标以不同的颜色显示。
我刚刚在清单中添加了一个page_action，并为其设置了一个图标。黑色图标在浅色主题上看起来不错，但在深色主题上变得难以使用。如果浏览器处于深色主题中，我想显示浅色版本的图标（并将菜单中的图标保持黑色）。
我搜索了一些关于此的内容，发现 browser_action 支持 theme_icons 但 page_action 没有。
为页面操作图标的不同用例设置不同图标的最佳做法是什么？
为不同主题配置不同图标颜色的最佳方法是什么？
【问题讨论】：
标签： firefox themes firefox-addon-webextensions firefox-quantum
经过更多谷歌搜索，我发现这是通过在<svg>标签上添加fill="context-fill" fill-opacity="context-fill-opacity"并使用svg作为图标的截图插件实现的。
<?xml version="1.0" encoding="UTF-8"?>
<svg width="128px" height="128px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m0 0 H 16 V 16 H 0 Z"/>
</svg>
但不幸的是，此功能仅在 Mozilla 签名的扩展上默认启用。所以这在用户定义的扩展上不起作用。
查看 bugzilla 了解更多详情：
【讨论】：
根据Bug 1377302，context-fill 不起作用，因为svg.context-properties.content.enabled 默认未启用。相同的页面说它已在 Firefox 55 中修复，但我使用的是 60，但仍未修复。
所以，现在，我仍然会使用context-fill，希望在不久的将来，用户会看到与其他图标颜色相同的图标。
【讨论】：