browserAction.setBadgeBackgroundColor()

Sets the background color for the badge. Tabs without a specific badge background color will inherit the global badge background color, which defaults to [217, 0, 0, 255] in Firefox.

Read More at MDN Docs

Safe to Use

browserAction.setBadgeBackgroundColor() is not safe to use.

It’s supported by 34% of global browsers.

Browsers

ChromeDec 11, 2008v1.0.0
26%100%
100% of Chrome users are running a supported version.
SafariUnsupported
Safari does not support this feature.
EdgeAug 2, 2016v14.0.0
5%100%
100% of Edge users are running a supported version.
FirefoxMar 8, 2016v45.0.0
3%100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Dec 11, 2008 v1.0.0
26%100%
100% of Chrome users are running a supported version.
Dec 11, 2008 – Latest
v1.0.0+
26%100%

Full Support

Edge
Aug 2, 2016 v14.0.0
5%100%
100% of Edge users are running a supported version.
Aug 2, 2016 – Latest
v14.0.0+
5%100%

Full Support

Firefox
Mar 8, 2016 v45.0.0
3%100%
100% of Firefox users are running a supported version.
Mar 8, 2016 – Latest
v45.0.0+
3%100%

Full Support

Jan 23, 2018 – Latest
v58.0.0+

No Support, Feature Removed

Mar 8, 2016 – Jan 23, 2018
v45.0.0 – v58.0.0
0%2%

Full Support

Tab-specific badge background color is not cleared when a new page is loaded.

Firefox for Android
Jul 28, 2020 v79.0.0
Firefox for Android supports this feature.
Jul 28, 2020 – Latest
v79.0.0+

Full Support

Opera
Unknown v1.0.0
1%100%
100% of Opera users are running a supported version.
Unknown
v1.0.0+
1%100%

Full Support

Safari
Unsupported
Safari does not support this feature.
Sep 16, 2020 – Latest
v14.0.0+
5%93%

Partial Support

The API exists, but has no effect.

Safari on iOS
Unsupported
Safari on iOS does not support this feature.
Sep 20, 2021 – Latest
v15.0.0+
15%93%

Partial Support

The API exists, but has no effect.

Contribute