Chrome 扩展徽章 - 文本颜色

问题描述 投票:0回答:3

有关 Chrome 徽章/浏览器操作 API 的简单问题。 有没有办法设置徽章文字颜色? (就像你可以使用背景颜色一样)。 我确信我记得在互联网上的某个地方看到过对诸如 SetBadgeTextColor() 之类的方法的引用(介意的是,不知道在哪里)。

编辑:Chromium Wiki - 浏览器操作提案

上面的链接是我看到设置徽章文本颜色的方法。这个提案有没有实施过?

google-chrome-extension
3个回答
9
投票

您无法直接更改文本颜色。

可以做的就是在canvas上绘制基础图像,然后使用所需的颜色绘制文本,最后使用

chrome.browserAction.setIcon
更新徽章。


4
投票

chrome ext 检测徽章背景颜色(浅色或深色)并自动设置文本颜色(黑色或白色)。如果您的背景颜色位于这些边界附近。尝试增加或减少你的背景颜色代码,例如你的背景颜色是红色#FF0000,那么chrome会将其检测为浅色,但是当你将颜色代码十六进制减少到#FE0000时,它将检测为深色,并且在我们眼中它仍然是纯红色


0
投票

感谢 MV3,我们终于可以使用 chrome.action) 更新徽章颜色(文本和背景):

chrome.action.setBadgeBackgroundColor({ color: 'purple' });
chrome.action.setBadgeTextColor({ color: 'white' });
© www.soinside.com 2019 - 2024. All rights reserved.