action.setBadgeBackgroundColor()

details

Объект со следующими свойствами:

color

Цвет, заданный как один из:

• строка: любое значение CSS <цвет>, например "red", "#FF0000", или "rgb(255,0,0)". Если строка не является допустимым цветом, возвращённое обещание будет отклонено, и цвет фона не будет изменён.
• объект action.ColorArray.
• null. Если задан tabId, это удаляет специфичный для вкладки цвет фона значка, так что вкладка наследует глобальный цвет фона значка. В противном случае это восстановит глобальный цвет фона значка до значения по умолчанию.

tabId Необязательно

integer. Устанавливает цвет фона значка только для данной вкладки. Цвет сбрасывается, когда пользователь переходит по этой вкладке на новую страницу.

windowId Необязательно

integer. Устанавливает цвет фона значка только для данной вкладки.

• Если windowId и tabId заданы оба, функция завершается ошибкой, и цвет не устанавливается.
• Если windowId и tabId оба пропущены, устанавливается глобальный цвет фона значка.

Цвет фона, который изначально красный, и становится зелёным при нажатии на действие расширения:

browser.action.setBadgeText({ text: "1234" });
browser.action.setBadgeBackgroundColor({ color: "red" });

browser.action.onClicked.addListener(() => {
  browser.action.setBadgeBackgroundColor({ color: "green" });
});

Установить цвет фона значка только для активной вкладки:

browser.action.setBadgeText({ text: "1234" });
browser.action.setBadgeBackgroundColor({ color: "red" });

browser.action.onClicked.addListener((tab) => {
  browser.action.setBadgeBackgroundColor({
    color: "green",
    tabId: tab.id,
  });
});